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.