Em Andamento

Jquery Multi-select Component

Starting from scratch, I would like you to EXACTLY duplicate the functionality of: <[url removed, login to view]>

However instead of using the underlying listbox control, which is slow, I want you to remove the listbox control entirely and use javascript fields and json.

## Deliverables

I would like you to EXACTLY duplicate the functionality of:

[url removed, login to view]

However instead of using the underlying listbox control, which is slow, I want you to remove the listbox control entirely and use javascript fields and json to set the items, and selected, unselected properties. Some example properties/methods to implement:

//add an item -- key, text, isSelected

$("#multiselect1").AddItem("key999", "text", true)

//remove a listitem by key

$("#multiselect1").removeItem("key999")

$("#multiselect1").items[0].key = "key1";

$("#multiselect1").items[0].text = "This is a label";

$("#multiselect1").items[0].isSelected = true;

$("#multiselect1").update(); //control is refreshed

//selected items contains a list of selected items; if $("#multiselect").selectedItems[0].isSelected ($("#multiselect1").selectedItems[0].isSelected);

alert([url removed, login to view][2].isSelected);

alert([url removed, login to view][0].key);

//Creating listItems

var listItems = {

"items": [

{key: "key1", "text": "Item Text 1", isSelected: true},

{key: "key2", "text": "Item Text 2", isSelected: false},

{key: "key3", "text": "Item Text 3", isSelected: true}

]

}

?

var selectedItems = {

"selectedItems": [

{key: "key1"},

{key: "key3"}

]

}

?

$("#multiselect1").setItems(listItems)

$("#multiselect1").setSelectedItems(selectedItems)

$("#multiselect1").setItems(listItems)

var selectedItems = $("#multiselect1").getSelectedItems() //The object

?

?

I want you to start from scratch and not use the exisiting code (except for snippets if you need it). The reason is, I believe the code can be greatly simplified.

I want you to use this code as your starting point: [url removed, login to view]

Your component should also meet the following requirements:

- It should allow for multiple multi-select components on the same page

- It should be resize nicely with fixed and percentage width/height (e.g. width: 100%, height: 100%)

- Ability to serialize/deserialize selected items

- just like the original component, the listitems should be in the order that they were added, and the selected items ordered the same way as the original component, as they were added via drag or the add buttom at the end

- Of course, keep the filtering and special effect functionality of the original component

- There must also be a property to switch the sides, called switch(), which can switch the selected side and the list side.

- Must work correctly in the latest version of IE (8), Chrome, Firefox, and Safari

?

You must also provide multiple working demos, that can run directly from a file folder.

I don't want the ThemeRoller used. Just use plain-old configurable CSS.

?

You can start with the existing code or start from scratch. However, if you use the existing code, you must clean it up completely. References and usage of the underlying listbox must be purged from your multi-select component.

Habilidades: CSS, Engenharia, Javascript, MySQL, PHP, Gestão de projetos, Arquitetura de software, Teste de Software, Hospedagem Web, Gestão de Site , Teste de Website

Ver mais: select component, multiselect component, multiselect jquery width percentage, jquery multi select, jquery multi list, multi select components, latest version jquery, latest jquery, jquery version, jquery latest version, css height jquery, chrome properties, jquery select components, jquery end, select, select item, remove object, css javascript remove, list component jquery, php sortable, php jquery file, json jquery page, jquery existing, chrome control, jquery instead

Acerca do Empregador:
( 30 comentários ) Canada

ID do Projeto: #3067194

Premiar a:

hudsontavares

See private message.

$68 USD em 5 dias
(11 Avaliações)
4.0

3 freelancers estão ofertando em média $79 para este trabalho

schnelldan

See private message.

$85 USD in 5 dias
(46 Comentários)
5.2
tabakerka

See private message.

$85 USD in 5 dias
(8 Comentários)
3.8