jquery - 用 DropDownList 问题替换 Telerik 过滤器 TextBox

Question

我正在覆盖基本的 Telerik 过滤器，如下所示：

我把它改成这样：

我在加载网格 .OnLoad("onListingLoad") 时在 Telerik GRID 中处理该问题，如下所示：

        $(this).find("a.t-link:contains('State')").nextUntil().children(".t-filter").click(function () {
        setTimeout(function () {

            $(".t-filter-help-text:contains('And')").nextUntil(".t-button").andSelf().remove();

            $(".t-filter-operator").each(function () {
                $(this).val("substringof");
            });

            var select = "<select id='customFilter' data-val='false'> \
                            <option value=''>[Select State]</option> \
                            <option value='Approved'>Approved</option> \
                            <option value='Assigned'>Assigned</option> \
                            <option value='End State'>End State</option> \
                        </select>";
            $("#documentListing").find(":text").replaceWith(select);

        });
    });

当我在下拉列表中选择项目然后按过滤器时，在 jquery.validate.js 中的此 JQUERY 代码的最后一行发生错误：

normalizeRules: function(rules, element) {
                            // handle dependency check
                            $.each(rules, function(prop, val) {
                                            // ignore rule when param is explicitly false, eg. required:false
                                            if (val === false) {
                                                            delete rules[prop];
                                                            return;
                                            }
                                            if (val.param || val.depends) {

错误是：

“未捕获的类型错误：无法读取未定义的属性‘参数’”

我试图从新的 DropDownList 中删除规则，或者在删除之前从 TextBox 中复制它，但没有成功。

非常感谢您的帮助。

Answer 1

我最好的猜测是它rules仍然包含对您要删除以更改过滤器外观的元素的引用。当您.remove()使用过滤器时，也要从中删除该元素rules。