Hi,
I have a webdropdown with EnableMuiltipleSelection = True. The webdropdown is bound to a SQL datasource. I am not using lazy loading.
How can I select all items listed in the drop down? Is there a property I can set to enable the user to select all items or do I need to add an additional item to the drop called "All" in my code behind? How would I do that in VB please?
<
ig:WebDropDown ID="wddEmpDept" runat="server" Width="230px" EnableClosingDropDownOnSelect="False" EnableMultipleSelection="True"TextField="DeptName" ValueField="DeptID" DataSourceID="sdsDepartment" ></ig:WebDropDown>
Thank you.
Hello,
Thank you for posting in our forum.
Select all functionality is currently not an available feature but you can manually implement this by following these steps:
1. Create a header template with a check box inside.
<HeaderTemplate>
<input type="checkbox" id="chkBox" onchange="return CheckChanged(event);" />
Select All
</HeaderTemplate>
2.In the onChange client side event manually select and deselect all item and set the corresponding values in the input box.
function CheckChanged(e) {
var value="";
var wdd = $find("WebDropDown1");
for (var i = 0; i < wdd.get_items().getLength(); i++) {
if (e.target.checked) {
value+= wdd.get_items().getItem(i).get_text()+", ";
wdd.get_items().getItem(i).select(false);
}
else {
wdd.get_items().getItem(i).unselect(false);
wdd.set_currentValue(value,true);
wdd.closeDropDown();
Please refer to the attached sample and let me know if you have any questions or concerns regarding this.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://es.infragistics.com/support
I am getting "unable to get property 'get_items' of undefined or null reference" error. Please advice.