clear combobox

[azizkhani]

i have a combobox that editable:false,required:false


user select one item and then want to clear selected item how do it ?
 

[stworthy]

Please call 'unselect' method to unselect a item.

Code:

var value = ...  // the item value to be selected
$('#cc').combobox('unselect', value);

[azizkhani]

Please call 'unselect' method to unselect a item.

Code:

var value = ...  // the item value to be selected
$('#cc').combobox('unselect', value);

 
i asked how user(not developer) can do it?
for solve this problem i added a button that user click it and then unselect combo ? this is good idea!!!!!

[stworthy]

You can add an icon to the right of input box. When clicking the icon, call 'clear' or 'unselect' methods to unselect the values.

Code:

$('#cc').combobox({
icons:[{
iconCls:'icon-clear',
handler:function(e){
$(e.data.target).combobox('clear');
}
}]
})

[jjosotoro]

hello

I dont know if this may help, but why dont you use the keyup event to detect the delete key on the combobox and call the 'unselect' event acordingly.

Code:

$('#cc').combobox({
inputEvents: $.extend({}, $.fn.combo.defaults.inputEvents, {
keyup:function(e){
  if(e.keyCode == 46){
                    var value = $('#cc').combobox('getText');  // the item value to be selected
                    $('#cc').combobox('unselect', value);
  }

}
})
})

regards

[bvn]

I always get: "TypeError: $.data(...) is undefined" when trying to clear or unselect item in combobox (combotree in my case).

Code:

<input id="parent_id" class="easyui-combotree form-control" name="parent_id" data-options="prompt:'<?=__('Select Parent')?>'">

var parent = $('#parent_id').combotree({
url: baseUrl+'admin/pagesrest/pages_combotree',
inputEvents: $.extend({}, $.fn.combo.defaults.inputEvents, {
keyup:function(e){
 if(e.keyCode == 46 || e.keyCode == 8){
var value = $('#parent_id').combobox('getText');  // the item value to be selected
$('#parent_id').combobox('unselect', value);
 }
}
}),
icons:[{
iconCls: 'icon-clear',
handler:function(e){
parent.combobox('clear');
}
}]
});

[bvn]

Oh, it's my bug... I used combotree, but in code (copy-pasted) using combobox... that's a reason of my problem. Sorry.