Combobox Width

[devnull]

Hi;

I need to control the width of my element by className and I seem unable to do that with the comboBox.

See example on JS Fiddle, both the text input and the comboBox should be the same width controlled by .myclass, however the combobox appears to be the original .myclass width - the width of the drop down arrow.

Also, each time I call the comboBox  (clickme button) , it's width reduces by the width of the dropdown arrow.

http://jsfiddle.net/F9c2t/

Can these be fixed so that I can use classes to control the width, and that calling the comboBox does not keep shrinking it ??

Thanks

[stworthy]

Try overriding the $.fn.combobox.parseOptions to redefine how to get the width property.

Code:

	(function($){
		var po = $.fn.combobox.parseOptions;
		$.fn.combobox.parseOptions = function(target){
			return $.extend({},po(target),{
				width: $(target).outerWidth()
			});
		}
	})(jQuery);

[devnull]

Hi;

Is it possible to make this the default for all the form controls as I need to add this fixe for each type of input in order to correct all their widths ??

Thanks

[stworthy]

Please download the fixed combo plugin from http://www.jeasyui.com/easyui/plugins/jquery.combo.js. All the combo and its extended plugins will have the same default width feature.

[devnull]

Thanks, but what I am referring to is all of the other form controls which also have the same problem:

Numberspinner, datebox, datetimebox etc etc

Thanks

I also just downloaded and tested http://www.jeasyui.com/easyui/plugins/jquery.combo.js and it does not fix the problem, however using the code snippet does.

[stworthy]

Hi devnull,
The sample you posted works fine now. It has fixed the combobox issue.

[devnull]

Hi;

I just re-tested the jsfiddle and it still works as previously and is not fixed.

http://jsfiddle.net/F9c2t/

Are you testing the same version as me or have you modified it ??

Also, this affects all of the other form inputs as well, see this edited version:

http://jsfiddle.net/F9c2t/2/

[stworthy]

It also works fine. Be sure to include the combo plugin file in your page.

Code:

	<script type="text/javascript" src="../jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery.combo.js"></script>

[devnull]

Ahh, the reason is I copied the new jquery.combo.js over the old one in the plugins folder and expected it to work, but it didn't.

Adding the additional link to the file does fif it and I have updated jsfiddle: http://jsfiddle.net/F9c2t/3/

However, will this be included as standard into the next release ??

Many Thanks