Combobox setText

[y.bykov]

Is it possible to change view text after select value in combobox?
I use groupField and want that after value select text will change to group_name::value_name.
If use onSelect handler this text change but after this EasyUI change it to value_name again in combo plugin.

[stworthy]

Please try this code:

Code:

$('#cc').combobox({
	onChange: function(value){
		var opts = $(this).combobox('options');
		var row = opts.finder.getRow(this, value);
		if (row){
			$(this).combobox('setText', row[opts.groupField]+':'+row[opts.textField]);
		}
	}
})

[y.bykov]

Thank you!

[y.bykov]

If I use {limitToList: true} in combobox, row[opts.groupField]+':' string part reset and stay only row[opts.textField].
Is it possible to fix for save previous onChange behaviour?
Thank you

[stworthy]

You can override the 'setValue' and 'setValues' methods to set your customized text on the inputing box.

Code:

(function($){
	var setValues = $.fn.combobox.methods.setValues;
	$.extend($.fn.combobox.methods, {
		setValues: function(jq, values){
			return jq.each(function(){
				setValues($(this), values);
				var opts = $(this).combobox('options');
				if (opts.groupField){
					var vv = $(this).combobox('getValues');
					var ss = $(this).combobox('getText').split(opts.separator);
					for(var i=0; i<vv.length; i++){
						var row = opts.finder.getRow(this, vv[i]);
						if (row){
							ss[i] = row[opts.groupField]+':'+row[opts.textField]
						}
					}
					$(this).combobox('setText', ss.join(opts.separator));
				}
			})
		},
		setValue: function(jq, value){
			return jq.each(function(){
				$(this).combobox('setValues',$.isArray(value)?value:[value]);
			});
		}
	})
})(jQuery);

Usage example:

Code:

$('#cc').combobox({
	reversed: true
})