[datagrid-filter]

Call this code to assign your customized 'filterBtnIconCls' value.

Code:

var dg = $('#dg').datagrid({
	filterBtnIconCls: 'far fa-check'
});

The problem was precisely the presence of the class datagrid-filter
That's why the error was generated, because it is a system class.

I see that the extension version number has changed to 1.0.8, but I didn’t find any changes there.

[filterMenuIconCls]

Please refer to this example.

The problem was not in the extension, but in my carelessness.
I used a class for the filter button

Code:

 $.fn.datagrid.defaults.filterBtnIconCls = 'far fa-filter datagrid-filter';

Which is what caused the error.

P.S. I would like to request a modification that will allow the use of dual classes like 'far fa-check' for filterMenuIconCls

Code:

menu.find('.'+opts.filterMenuIconCls.replace(/\s+/g, '.')).removeClass(opts.filterMenuIconCls);

Otherwise they are not removed.

This is a global error. It works even with textbox, but only when resetting the value.

Code:

$(target).textbox('setValue', '');

I fixed it using only

Code:

                try {
                    $(target).textbox('setValue', value);
                } catch (e) {
                }

or

Code:

                try {
                    $(target).tagbox('setValues', value);
                } catch (e) {
                }

Does anyone have any ideas as to why this is happening?

I use

Code:

    $.extend($.fn.datagrid.defaults.filters, {
        tagbox: {
            init: function (container, options) {
                var input = $('<input>').appendTo(container);
                input.tagbox($.extend({
                    selectOnNavigation: true,
                    panelHeight: 'auto',
                    hasDownArrow: true,
                    limitToList: true
                }, options || {}));
                console.log('init');
                return input;
            },
            setValue: function (target, value) {
                console.log('setValue');
                if (value) {
                    $(target).tagbox('setValues', value);

                } else {
                    $(target).tagbox('clear');
                }
            },
            getValue: function (target) {
                console.log('getValue');
                return $(target).tagbox('getValues');
            },
            resize: function (target, width) {
                console.log('resize');
                $(target).tagbox('resize', width);
            },
            destroy: function (target) {
                console.log('destroy');
                $(target).tagbox('destroy');
            }
        }
    });

$(target).tagbox('setValues', value); return bug

Code:

Uncaught TypeError: can't access property "textbox", $.data(...) is undefined

$(target).tagbox('clear'); return bug

Code:

Uncaught TypeError: can't access property "options", $.data(...) is undefined

Super! Thank you.

[Uncaught TypeError: can't access property "jQuery3310104949804947211292" of undefined]

Code:

    $.extend($.fn.datagrid.defaults.filters, {
        tagbox: {
            init: function (container, options) {
                var input = $('<input>').appendTo(container);
                input.tagbox(options);
                return input;
            },
            getValue: function (target) {
                return $(target).tagbox('getValues');
            },
            setValue: function (target, value) {
                if (value) {
                    $(target).tagbox('setValues', value);
                } else {
                    $(target).tagbox('clear');
                }
            },
            resize: function (target, width) {
                $(target).tagbox('resize', width);
            }
        }
    });

Work but in delete tag - error Uncaught TypeError: can't access property "jQuery3310104949804947211292" of undefined

[Uncaught TypeError: can't access property "resize", this.filter is undefined]

Fix DataGrid Filter Row
1) Fix bug Uncaught TypeError: can't access property "resize", this.filter is undefined
2) Fix filterMenuIconCls is class eg. "far fa-check"

Wrapper upgrade to actual version EasyUI - 1.11.3

Call this code before submitting a form to override any ajax parameters.

Code:

$.ajaxSetup({
  beforeSend: function(xhr, settings) {
    settings.type = 'PUT';
    return true;
  }
});

Thanks for your help!

Hi!
Howto overryde ajax method from POST to PUT in form submit methods?

Hi everyone! I created a wrapper for EasyUI without dependencies!
https://github.com/Vladzimir/phpEasyUI