[kmirandaParticipant]

Hi ,

Much of this article served me but my jqxDropDownList not working properly so I realized that you can add more properties to the chain of json and show my example . I hope it serves .

var source = [{
“html”: “<div style=’padding: 1px;’><div>Steven Pressfield</div></div>”,
“group”: “Category1”,
“id”: “1”, “texto”: “Steven Pressfield”
}, {
“html”: “<div style=’padding: 1px;’><div>Napoleon Hill</div></div>”,
“group”: “Category1”,
“id”: “2”, “texto”: “Napoleon Hill”
}, {
“html”: “<div style=’padding: 1px;’><div>Jeffrey K. Liker</div></div>”,
“group”: “Category1”,
“id”: “3”, “texto”: “Jeffrey K. Liker”
}, {
“html”: “<div style=’padding: 1px;’><div>John Maeda</div></div>”,
“group”: “Category1”,
“id”: “4”, “texto”: “John Maeda”
}, {
“html”: “<div style=’padding: 1px;’><div>Brad Miser</div></div>”,
“group”: “Category2”,
“id”: “5”, “texto”: “Brad Miser”
}, {
“html”: “<div style=’padding: 1px;’><div>John Lovett</div></div>”,
“group”: “Category2”,
“id”: “6”, “texto”: “John Lovett”
}, {
“html”: “<div style=’padding: 1px;’><div>J D Biersdorfer J.D</div></div>”,
“group”: “Category2”,
“id”: “6”, “texto”: “J D Biersdorfer J.D”
}];

$(document).ready(function () {

// Create a jqxDropDownList
$(“#jqxWidget”).jqxDropDownList({
checkboxes: true,
source: source,
displayMember: “texto”,
valueMember: “id”,
width: ‘300’,
height: ’85’
});
});

HTML = <div style=’float: left;’ id=’jqxWidget’></div>

They can run the exercise on page http://jsfiddle.net/

[Author]

Posts