ClearCheckedItems on client Side

[Simon]

Hello,

Is there a way to replicate the ClearCheckedItems() method on the client side for a radcombobox.

I am able the uncheck all check box using javascript, but if after I hit a button and code to the server code, the Checkbox are still considered checked. Also, if I clear the checked items using the javascript and select other items after, the counter will display a wrong
number of selected items

function radComboBoxLocationSelectedIndexChanged(item) {

resetRadComboboxWithCheckBox('<%=radComboBox1.ClientID %>');

}

function resetRadComboboxWithCheckBox(comboBoxClientId) {

var d = $find(comboBoxClientId);

d.set_text("");

d.clearSelection();

var items = d.get_items();

var itemsCount = items.get_count();

for (var itemIndex = 0; itemIndex < itemsCount; itemIndex++) {

var item = items.getItem(itemIndex);

var chk = getItemCheckBox(item);

if (chk != null) {

chk.checked = false;

}

}

}







function getItemCheckBox(item) {

//Get the 'div' representing the current RadComboBox Item.

var itemDiv = item.get_element();

//Get the collection of all 'input' elements in the 'div' (which are contained in the Item).

var inputs = itemDiv.getElementsByTagName("input");

for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++) {

var input = inputs[inputIndex];

//Check the type of the current 'input' element.

if (input.type == "checkbox") {

return input;

}

}

}

Any Ideas?

Thanks.

[Bozhidar]

Hello Simon,

In order for any client changes to persist after a callback to the server, you have to use the trackChanges() and commitChanges() methods. Here's a sample javascript code for unselecting all items: 

function clearSelection(){


    var combo = $find("<%= RadComboBox1.ClientID %>");

    combo.trackChanges();

    for (var i = 0; i < combo.get_items().get_count(); i++) {

        combo.get_items().getItem(i).set_checked(false);

    }

    combo.commitChanges();

}

All the best,
Bozhidar
the Telerik team

[Pavan Kumar]

hello Bozhidar,

your answer is working perfectly for the first time, but from the second time
the check boxes are remains with checking...... 

[Nencho]

Hello Pavan,

Would you elaborate what do you mean by "first time" and "second time"? I had performed some tests locally and you could observe the behavior at my end in this video. If you could also provide us with a video, demonstrating the problematic behavior which you currently facing, it would be very helpful.

Regards,
Nencho
Telerik

[Gowtham]

Thanks , working fine