Giter Club home page Giter Club logo

jquery-transfer's Introduction

Hi 👋

jquery-transfer's People

Contributors

curtis18 avatar hamzakaya avatar nekolr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

jquery-transfer's Issues

Add Disabled items in list

Hi, would be very good to able add feature to consume "disabled" attribute like selected can be helpful for some case. for example if disabled key set in dataset,item can't selected with user. in both side, left and right box.
TNX

html is not being escaped in checkbox labels

I have an item defined in my HTML where the label contains "greater than" and "less than" named entities:
var module_array = [
...
{
  "module": "<De-serial> Serial Peripheral Interface . . . . . (<D>SPI) . . . . . (D_IP_DSPI_SYN)",
  "value": 68,
"selected": true
}
...
];

When the page loads, the item displays correctly in the right box. When I transfer the item to the left box, it again displays correctly. But if I then transfer the item back to the right box, the label does not display correctly. The text inside of the '<' and '>' is not shown.

Changing line 963 of jquery.transfer.js from:
html += self.generate_item(self.id, index, value, labelText, false);
to:
html += self.generate_item(self.id, index, value, $.escapeHtml(labelText), false);
seems to fix the problem.

Just to be clear, in my actual javascript code, the label is:
  "module": [LESS-THAN]De-serial[GREATER-THAN] Serial Peripheral Interface . . . . . ([LESS-THAN]D[GREATER-THAN]SPI) . . . . . (D_IP_DSPI_SYN)",
except instead of [LESS-THAN] and [GREATER-THAN], I have the appropriate named entities.

Enhancement: pre-select options

add option to choose which value should be selected by default, eg.

var dataArray = [
    {
        item: "Beijing", 
        value: 1,
        selected: true
    },
    {
        item: "Shanghai", 
        value: 2
    },
    {
        item: "Tokyo", 
        value: 6,
        selected: true
    }
];

where option with value 1 and 6 will be selected by default

groups not shown on selected side

Why arent groups moved over to the selected side ? if you have many items selected and you accidently add a group with 30 items you lose track of what group they were in and you cant just remove them all at once.

Search string case sensitivity

Search is not always return the match.
Reason behind is the search system is currently case sensitive which should not be ...

Ability to Nest Groups & Load Nested Data via Ajax

This plugin looks great! I love the nesting appearance.

I have a somewhat odd, but I believe useful, (two-part) request that would be a fun challenge for anyone up for it.

Part 1 - Deeper Nesting

My current scenerio involves needing a user to select items from a 3-level hierarchy:

  1. Department
  2. -- Category
  3. ---- Subcategory

You can select a category or Subcategory independent from their parent just like in the current nested example.

Part 2 - Adding Data via Ajax & Expandable Subcategory listings

Instead of loading every single Subcategory (3k+), is there a way to add a feature to load the data via Ajax when one of two events occur?:

  1. User uses the filter to search
  2. User clicks on one of the categories, which would then cause the subcategories to be retrieved and the subcategory section of that category to expand (like in a list tree)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.