jqGrid 4.8.0 - 问题

jqGrid 4.8.0 - issues

我在从 4.7.1 移植到 4.8.0 时发现的一些问题:

  1. 分页 - 我使用 $(".ui-pg-input").val() 查找 "requested" 页面。后来当我有多个网格时,我使用了 $("#pg_"+pagerName).find('.ui-pg-input')[0].value 。 None 现在正在工作。无论网格状态如何,我都会一直得到“1”。 (我需要它的原因是因为我正在使用不同的分页键构建 postData 并且需要在网格 post 和 Ajax 之前再次进行一些计算,所以需要用户单击下一页后立即更改 post 数据)。所以这不再有效了。

  2. 工具栏过滤器缺少右侧带有枚举值的 X(也就是,在您需要从列表中 select 的那些列上,没有 X 来重置过滤器) .

  3. 页面元素有一些变化。我为 collapse/expand 添加了一个按钮(是的,我知道内置 collapse/expand,但我隐藏了它,因为我需要用两个网格演奏手风琴,并且事件是在expand/collapse 发生了,而为了模拟手风琴,我需要在用户单击整个网格的 expand/collapse 时立即捕获事件)。无论如何,以下内容:

    $(nameOfGrid).closest(".ui-jqgrid-view").find(".ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close").hide();
        $(nameOfGrid).closest(".ui-jqgrid-view").find(".ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close").after('<button id="' + gridName + 'headerButton" type="button" class="titlebutton" role="button" style="float:right; position:relative; font-size:12px; right:3px;">Collapse</button>');
    

仍在工作,但曾经很好地向右对齐的内容现在看起来乱七八糟,向下一行。 header 有什么变化吗?有没有另一种方法可以在 expand/collapse 发生之前捕获标题栏中的扩展事件?

  1. 在搜索对话框中 'searchGrid'(让您执行高级查询的那个,缺少右上角关闭模式的 X。不止一个主题也是如此我试过了。

  2. 我认为上栏的表格布局已更改。我在右上方的栏中添加了一些(如新按钮等)调整,当屏幕较小时似乎没有足够的空间放置它们。

  3. 我的网格宽度设置是:autowidth: true, shrinkToFit: true,但是,当通过columnchooser添加更多字段时,网格不保持其宽度,并且变得越来越宽。事实上,底部的内部滚动条从未被使用过——网格只是变得越来越宽,没有内部滚动。

  4. 总体而言,_toppager 有什么变化吗? (也可以解释上面的#5)。这段代码在 3.7.1 上运行良好,并在左上角生成了一个刷新图标,现在生成了 2 个图标,一个不起作用(在左上角),另一个在上栏的中心低处,使条形高度增加一倍:

    $(nameOfGrid).jqGrid('navButtonAdd', nameOfGrid + '_toppager', { 标题: ””, 按钮图标:"ui-icon-refresh", 标题:"refresh", onClickButton: 函数 () { $(nameOfGrid).setGridParam({ postData:sessionListData($(nameOfGrid),gridName)}).trigger("reloadGrid"); } });

再次感谢您的出色工作:-)

感谢您的反馈。在不改变现有结构的情况下实现新功能真的很困难。因此,一些 CSS 元素的 internal 结构在免费的 jqGrid 4.8 中确实发生了变化,它不仅适用于 jQuery UI 图标。 以后请不要post累积题目。此类问题可能无法被搜索引擎收录,因此其他用户很难找到答案。

1) 描述了分页器现有结构中的问题和jqGrid 4.8 中的变化here。我推荐使用onPaging的第二个参数。希望您能够轻松修改 onPaging.

的现有代码

2) 过滤器工具栏的主要问题是 input/select 元素的宽度。如果一个使用 searchOperators: true 选项或一个使用默认 clearSearch: true 属性 searchoptions 然后搜索操作元素和 x 将添加 在每个元素中 的搜索工具栏。它需要很多地方。在某些情况下,插入此类元素是多余的。在这种情况下,元素将默认隐藏。如果您确实需要显示 x,您只需在使用 searchoptions 的列的 searchoptions 内添加 显式 clearSearch: true 属性 =20=].

3) 看来您对网格工具栏进行了一些自定义,并用文本 Collapse 替换了带有 <button> 的标准图标。需要更改的定制对应于新的 CSS 结构并符合您的确切要求。以下是此类实施的示例:

var $closeButton = $(nameOfGrid).closest(".ui-jqgrid-view").find(".ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close");
$closeButton.css({width: "auto", height: "auto", top: "auto", marginTop: 0, position: "relative", float: "right"});
$closeButton.html('<button type="button" role="button" style="font-size:12px">Collapse</button>');
$closeButton.siblings(".ui-jqgrid-title").css({marginTop: "5px", display: "inline-block"});

4) 我无法重现问题。您可以尝试任何可用于重现问题的演示,例如 this one. You can see the closing icon. So it you do have some issue you should open new question and post the demo (in jsFiddle

5)-6) 您应该 post 可用于重现问题的演示。目前问题描述不够详细,无法重现问题。