1

我观察到 jqGrid 的奇怪问题。这个问题是次要的，并且更多地与演示相关而不是功能。

当我切换过滤器工具栏时，列的输入宽度不适合列的宽度。实际上，它不仅仅是列。

您可以在http://www.trirand.com/blog/jqgrid/jqgrid.html的演示中看到同样的问题。

请检查 Searching->Toolbar with Operations。加载演示后，请检查列索引的过滤器输入宽度。

或者您可以检查 3.5 版中的新增功能-> 集成搜索工具栏。加载演示后，请检查过滤器输入的宽度。

有什么解决办法吗？

问候

4

1 回答 1

0

在我看来，这是 WebKit（Google Chrome 27.0.1453.110 和 Safari）中的一个错误。我不仅可以确认问题，还可以描述更多 hart bug：如果您尝试在“搜索”->“带有操作的工具栏”中的搜索工具栏中输入“一些长文本”，您将看到类似的图片

在此处输入图像描述

看不到搜索操作的地方。

jqGrid 将元素的值设置为内联style，WebKit 以错误的方式计算它。作为一种解决方法，我建议添加以下 CSSwidth<input>100%

.ui-jqgrid .ui-search-table .ui-search-input>input,
.ui-jqgrid .ui-search-table .ui-search-input>select { display: block }

请参阅演示。

box-sizing: border-box;或_

.ui-jqgrid .ui-search-table .ui-search-input>input,
.ui-jqgrid .ui-search-table .ui-search-input>select {
     display: block;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

另外提高了输入字段的可见性（在我看来）。下一个演示演示了结果。在我测试演示的所有 Web 浏览器中，我认为该演示看起来都相同。

更新：我发布了错误报告和我的建议。现在（见这里）相应的更改已经包含在 github 上的 jqGrid 主代码中，并且 jqGrid 的下一个版本（4.5.2 之后）不会有更多描述的问题。

于 2013-06-10T16:11:24.953 回答