nekolr / jquery-transfer Goto Github PK
View Code? Open in Web Editor NEW☑️ A jQuery plugin that is a shuttle box
Home Page: https://nekolr.github.io/jquery-transfer/
☑️ A jQuery plugin that is a shuttle box
Home Page: https://nekolr.github.io/jquery-transfer/
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
Searching does not work in with group name
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.
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
I am currently trying to add features to select all items on the right side, do you have a suggestion? for bulk deletion
Originally posted by @hamzakaya in #5 (comment)
class name setting for styling all attributes backgrounds line items etc, or a version that uses bootstrap4
分组的话数据肯定很多的,不支持伸缩的话体验上不太好
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 is not always return the match.
Reason behind is the search system is currently case sensitive which should not be ...
Hi, would be nice to be able to add the minimal and maximal number of items user can select
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.
My current scenerio involves needing a user to select items from a 3-level hierarchy:
You can select a category or Subcategory independent from their parent just like in the current nested example.
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?:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.