[SOLVED] dynamically change option 'required'

[Coder]

in html:

Code:

 <input id="iCheck" 
    class="easyui-switchbutton"
    data-options="onChange:iCheckChange"
 >
 <input id="iCombo"
    class="easyui-combobox"
    data-options="mode:'remote'
                , disabled: true
                , required: false
                , loader: ...
                "
  >

in script

Code:

function iCheckChange(aChecked){
  $('#iCombo').combobox(aChecked?'enable':'disable').combobox('options').required = aChecked;
};

Code: https://jsfiddle.net/0dbog4of/4/

How change style dynamically?

[jarry]

Please try this code.

Code:

function iCheckChange(aChecked){
  $('#iCombo').combobox(aChecked?'enable':'disable');
  $('#iCombo').combobox('options').required = aChecked;
  $('#iCombo').combobox('textbox').validatebox('options').required = aChecked;
  $('#iCombo').combobox('validate');
};

[Coder]

Thnx, its worked!

[y.bykov]

Who wants to use required dynamically it's better to use combobox methods extensension.

Code:

Object.assign($.fn.combobox.methods, {
        require: function(jq, value) {
            return jq.each(function() {
                const $combobox = $(this);

                value = value === undefined ? true : Boolean(value);

                $combobox.combobox('options').required = value;
                $combobox.combobox('textbox').validatebox('options').required = value;
                $combobox.combobox('validate');
            });
        },
    });