[ice79Participant]

matthewmoon
if you want to check some of listbox’s items before greating of listbox via JSON
you can create array like this (in PHP):

$listboxitems[]=array(id’=>’some id’, ‘label’=>’some label’, ‘checked’=>1(checked) or 0(unchecked)) //’checked’ value is numeric (not string)

in JavaScript you create something like this:
var source =
{
datatype: “json”,
datafields: [
{ name: ‘id’ },
{ name: ‘label’ },
{ name: ‘checked’ },
],
id: ‘id’,
localdata: data.listboxitems
};
var dataAdapter = new $.jqx.dataAdapter(source);
$(‘#listbox’).jqxListBox({source: dataAdapter, displayMember: ‘label’, valueMember: ‘id’, height: ‘200px’, checkboxes: true, width: ‘290px’});

and your items will be checked acording ‘checked’ values

[ice79Participant]

found a better way in

just add property to your Listbox: autoItemsHeight: true

[ice79Participant]

The only one variant to prevent of horisontal scroll (i’ve found) (example listbox width : 250px) :

1) insert lines in source of listbox via { html: ‘<div class=”listboxline”>’+ your text+ ‘</div>’ … }
2) in your css – define
.listboxline {
width: 200px;
white-space: normal;
}
3) ajust width of ‘.jqx-listitem-element’ via javascript after Listbox is created (i set width=200px)

[ice79Participant]

this bug exist in firefox v38.4.0

[Author]

Posts