GithubHelp home page GithubHelp logo

kapantzak / searchareacontrol Goto Github PK

View Code? Open in Web Editor NEW
25.0 25.0 8.0 440 KB

SearchAreaControl is a complete client side control for selecting multiple items

License: MIT License

HTML 27.60% JavaScript 65.99% CSS 6.41%

searchareacontrol's People

Contributors

jonathands avatar kapantzak avatar lennylip 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

searchareacontrol's Issues

Custom buttons

Add the option to provide custom buttons in custom order

Strange syntax on searchareacontrol.selectedNodesChanged

$(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.

Close modal without modifying main button

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!

Internationalization

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

Wildchar support

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.

data is mixed when there are two buttons

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.

Update datasource and rebind

Update datasource 'updateDatasource' and rebind control
Method 'updateDatasource' updates the datasource but does not rebinds (re-initialize) the plugin

Cancel button

Option to display cancel button (onclick: close modal without selecting nodes)

Setting initial selected 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.

Select all - Select only highlighted items

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
image

However, clicking select all selects all nodes contained within the parents whether they match the search or not:

image

Thanks

Dave

Events

Add custom event triggers

Disable nodes

Create method that disables / removes specific nodes

Plugin options

User must be able to provide one nested option without settign other sibling object properties to null.

Search input focus

If the plugin is inilitilized inside a Bootstrap modal, the search input won't get focused.

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.