kapantzak / searchareacontrol Goto Github PK
View Code? Open in Web Editor NEWSearchAreaControl is a complete client side control for selecting multiple items
License: MIT License
SearchAreaControl is a complete client side control for selecting multiple items
License: MIT License
Add the option to provide custom buttons in custom order
$(document).on("searchareacontrol.selectedNodesChanged",function(elements,selectedNodes) {
$(selectedNodes.selectedNodes.selectedNodes).each(function(i, node){
var inputHidden = $("<input>").attr("name","clientes[]").attr("type","hidden").attr("value",node.attributes["data-id"]);
$('form').append(inputHidden);
});
});
I'm using the plugin within a form I'm developing and this $(selectedNodes.selectedNodes.selectedNodes) is bothering me greatly, Since it's a recent change on the plugin I'm not sure if this is an issue or just my implementation.
Hi :)
Recently starting using this control, and think it's great! However, one enhancement to consider implementing is having a button to close out the modal without updating the main button.
Thanks again for the great control!
When modal SearchAreaControl is showing the scroll feature for background browser window is still working.
I'm using the plugin in an internatal product and am going to need to translate the messages and buttons, I notice there is yet no i18n standart in place, instead of hardcoding it I meant to do some proper i18n.
@kapantzak , do you have some standart or idea for translating the plugin that you prefer to follow?
I'm not sure this is the proper place to discuss this, if not please point me to the right direction
Set selected node in IData
More flexible popup window dimensions (mobile)
Hi, this plugin looks awesome. Would it be possible to add another filtering option - wildchars? Our dataset is huge and users are programmers. They would appreciate advanced queries like "CZ%Unit" matching "CZ SK Unit" or "Czech Unit". Thanks for consideration.
I have two buttons in the same dialog,
editMessageForm.find('a[name=openCountryPanel]').searchAreaControl({
data: editMessageDialog.regionCountriesList
});
editMessageForm.find('a[name=openDevicePanel]').searchAreaControl({
data: editMessageDialog.projectDevicesList
});
The first one is to select country, and the next is to select device.
When I click on the first one, it shows country data successfully, but when I click on the next, the country data which should be in the first one come into it.
Hope you can review this problem.
Plugin should return a promise when completed passing the popup as parameter
Update datasource 'updateDatasource' and rebind control
Method 'updateDatasource' updates the datasource but does not rebinds (re-initialize) the plugin
Option to display cancel button (onclick: close modal without selecting nodes)
When I try to use "afterinit" event with the setSelectedNodes method
it does not seem to work.
If I trigger the method with setTimeout with 1 ms delay it actually does
what its supposed to do.
Add option supporing the selection of one or more nodes on plugin initialization
Is it possible to add enhance the functionality of the select all button (or implement a new button) to enable selection of the sac-found-item nodes?
For example, I search "Compact" which highlights the node items as follows
However, clicking select all selects all nodes contained within the parents whether they match the search or not:
Thanks
Dave
Method to change plugin options without re-initializing the plugin
It would be great to add support maxSelectedViewText for an unlimited value.
Create method that returns popup element
Add custom event triggers
Change README file about suppoerted languages by default
Line 1105
var instance = $.data(this, 'plugin_' + pluginName)
returns undefined on IE, can you help me ?
Thanks
Option to provide the main button color class (btn-success / btn-warning etc)
Create method that disables / removes specific nodes
Add the ability to collapse / expand nodes
User must be able to provide one nested option without settign other sibling object properties to null.
If the plugin is inilitilized inside a Bootstrap modal, the search input won't get focused.
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.