`
zxiangwei
  • 浏览: 11201 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

 
阅读更多
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");


  • 大小: 55 KB
分享到:
评论

相关推荐

    关于jqGrid中查询功能

    在本篇中,我们将深入探讨jqGrid中的查询功能,特别是如何根据多个或单个条件进行查询。 首先,jqGrid内置了查询插件,允许用户通过前端界面进行数据筛选。当用户触发查询操作时,jqGrid会以POST方式向服务器发送...

    jqGrid4.5.2强大的多列排序终于有了

    在此之前,jqGrid只支持单列排序,而多列排序的加入使得用户可以根据多个字段进行复杂的数据筛选和排列,这对于数据分析和展示至关重要。 多列排序允许用户同时按两个或更多列对表格数据进行排序。例如,你可以首先...

    jqGrid表格内容查询读取代码.zip

    在"jqGrid表格内容查询读取代码.zip"压缩包中,我们可以找到实现jqGrid表格内容查询读取的相关代码。 首先,让我们深入理解jqGrid的核心概念: 1. **初始化表格**:在HTML页面中,我们需要创建一个空的表格元素,...

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...

    jqGrid中文文档.doc

    7. 在 HTML 文件中引入 jqGrid 所需的 CSS 和 JS 文件,并根据需求配置 jqGrid 的选项。 jqGrid 提供丰富的功能,如数据分页、排序、过滤、编辑、导入导出等。在实际应用中,你可以根据项目需求选择合适的组件和...

    jqGrid_api中文文档

    6. jqGrid的高级功能 文件还提到了参数配置,这涉及到为jqGrid设置不同的参数以实现特定的表格行为和外观。自定义搜索和搜索工具栏部分则讲述了如何让jqGrid具备更强大的搜索功能,包括创建自定义的搜索条件。而...

    jqgrid中文文档API

    jQgrid中文文档API jQgrid是一个功能强大且流行的JavaScript插件,用于创建交互式表格。它基于jQuery库,提供了许多强大的功能,例如排序、过滤、编辑、分页等,使得开发者可以快速创建复杂的表格应用程序。本文将...

    jqGrid表格内容查询读取代码

    在这个“jqGrid表格内容查询读取代码”中,我们将深入探讨如何使用jqGrid来构建一个具有查询和读取功能的表格。 首先,我们需要引入jqGrid的JavaScript和CSS文件。这些文件通常在`jqgrid`目录下,包括`jquery....

    数据表格JqGrid自适应列宽度

    5. **使用CSS和媒体查询**:除了JqGrid内部的自适应机制,还可以结合CSS和媒体查询(Media Queries)来控制表格在不同屏幕尺寸下的表现。例如,可以为小屏幕设备定义不同的列宽和布局。 6. **jQuery插件**:有时...

    jqGrid中文语言js

    jqGrid 中文语言js,grid.locale-cn.js

    ASP.NET中使用jQGrid

    在代码-behind中,填充这个隐藏字段的值,生成jQGrid能理解的JSON格式: ```csharp protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { var data = GetDataFromDataSource(); // 获取...

    jqgrid demo

    2. 文档:中文文档可以帮助开发者理解jqGrid的API和功能,解决在开发过程中遇到的问题。 3. CSS和JS文件:jqGrid的核心库和样式文件,用于在网页中引入和初始化jqGrid。 4. 图像资源:包含必要的图标和其他图形资源...

    jqGrid 中文大全(1)

    在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...

    jqgrid行编辑+动态为其他列赋值

    在IT行业中,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型Web应用程序,特别是用于展示和操作表格数据。jqGrid提供了丰富的功能,包括排序、筛选、分页以及行编辑等。在本例中,我们将深入探讨如何实现...

    jqgrid文档及示例

    7. **自定义行为**:jqGrid允许用户通过事件处理程序和自定义函数实现特定的业务逻辑,例如在数据加载后执行的函数或自定义的编辑、添加、删除操作。 8. **本地化与国际化**:jqGrid支持多语言,文档会讲解如何配置...

    jqGrid 4.1 示例(三)

    在本文中,我们将深入探讨如何在jqGrid 4.1中实现多字段查询,同时结合WCF服务和JSON数据格式进行参数传递。jqGrid是一款强大的jQuery插件,用于创建交互式网格视图,支持数据检索、排序、分页和编辑等功能。在这个...

    jqGrid3.6中文文档

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它遵循 B/S(浏览器/服务器)架构,服务器负责数据管理,而客户端负责数据显示和交互。jqGrid 提供了一种高效的方式来展示数据库中的...

    JqGrid插件+JqGridDemo+JqGrid主题

    JqGrid是一款强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如数据排序、筛选、分页、编辑、添加、删除和保存等,极大地增强了网页中表格的交互性和数据管理...

    基于jqgrid实现树形菜单分页列表查询

    在这个项目中,我们利用jqGrid的特性,将表格数据呈现为树形结构,模仿zTree的上下级关系,以提升用户在浏览和操作数据时的直观感受。 首先,要理解jqGrid的树形数据模式。jqGrid允许将数据组织成树状结构,通过...

Global site tag (gtag.js) - Google Analytics