jqGrid 多字段查询在ie6、7中的问题

最新推荐文章于 2021-08-05 16:40:36 发布

原创最新推荐文章于 2021-08-05 16:40:36 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jqGrid(jquery) 专栏收录该内容

4 篇文章

订阅专栏

本文针对jqGrid.searchFilters.js中出现的问题提出了修复方案。主要解决由于浏览器兼容性导致的克隆元素时选择器名称丢失问题，并提供了jQuery.jqGrid.min.js文件中相应部分的修改方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jqGrid.searchFilters.js 红色部分存在问题。作者考虑到浏览器的问题却未给出处理方法，似乎有点偷懒。
jQ.find(".ui-add").click(function(e) {
var row = jQuery(e.target).parents(".sf");
var newRow = row.clone(true).insertAfter(row);
newRow.find(".ui-state-default").removeClass("ui-state-hover ui-state-active");
if (opts.clone) {
newRow.find("select[name='field']")[0].selectedIndex = row.find("select[name='field']")[0].selectedIndex;
var stupid_browser = (newRow.find("select[name='op']")[0] == null); // true for IE6
if (!stupid_browser)
newRow.find("select[name='op']").focus()[0].selectedIndex = row.find("select[name='op']")[0].selectedIndex;
var jElem = newRow.find("select.vdata");
if (jElem[0] != null) // select doesn't copy it's selected index when cloned
jElem[0].selectedIndex = row.find("select.vdata")[0].selectedIndex;
} else {
newRow.find(".data input").val(""); // blank all input values
newRow.find("select[name='field']").focus();
}
if (opts.datepickerFix === true && jQuery.fn.datepicker !== undefined) { // using $.data to associate data with document elements is Not Good
row.find(".hasDatepicker").each(function() {
var settings = jQuery.data(this, "datepicker").settings;
newRow.find("#" + this.id).unbind().removeAttr("id").removeClass("hasDatepicker").datepicker(settings);
});
}
newRow.find("select[name='field']").change();
return false;
});

将上面红色部分修改为：
if (stupid_browser)
newRow.find("select[class='default']").attr("name","op"); //为clone的操作符的select添加name属性

补充jquery.jqGrid.min.js文件修改方法：

查找if(b.find("select[name='op']")[0]!=null)

替换为if(b.find("select[name='op']")[0]==null)b.find("select[class='default']").attr("name", "op");