This example demonstrates how to use CSS classes to enable or disable items in editors.
Create a custom CSS class and set the pointer-events property to none
. To assign this CSS class to an item, call an editor's client-side AddItemCssClass
method.
.disabled {
pointer-events: none;
color: silver;
}
function enableItems(editor, enable) {
for (i = 0; i < editor.GetItemCount(); i++) {
if (editor.GetItem(i).value % 2 == 0)//Your custom codition
if (enable)
editor.RemoveItemCssClass(i, 'disabled');//Enable an item
else
editor.AddItemCssClass(i, 'disabled'); //Disable an item
}
}
- Default.aspx (VB: Default.aspx)
- Default.aspx.cs (VB: Default.aspx.vb)
- ClientComboBox.AddItemCssClass
- ClientComboBox.RemoveItemCssClass
- ClientListBox.AddItemCssClass
- ClientListBox.RemoveItemCssClass
(you will be redirected to DevExpress.com to submit your response)