jquery - 如何强制高级搜索中的字段具有合理的宽度

Question

在高级搜索对话框中，所有搜索字段都具有最大字段宽度。

如果有不适合搜索表单的宽搜索字段和右对齐的数字金额搜索字段，金额内容将不可见。

要重现，请使用 colmodel 创建宽范围的可编辑注释列:

name: "note", 
width: 43, 
editoptions: {"maxlength":80,"size":80 }

然后在小屏幕的搜索表单中选择金额和备注字段

金额字段宽度太大。访问它的值需要滚动。

金额字段应具有其原始宽度。无需创建如此宽的金额字段。

如何解决这个问题？

我从 github 上试了今天免费的 jqgrid，但问题仍然存在。测试用例在 https://jsfiddle.net/kobruleht/wpyb50fj/

Answer 1

在我看来，解决问题最简单的方法是添加

searchoptions: { maxlength: 80, size: 20 }

选项。它允许使用长字段进行编辑，但将搜索字段保持在较小的范围内。查看演示 https://jsfiddle.net/wpyb50fj/1/ .

搜索对话框的结构是表格。 On 可以很容易地减少 amount 输入的宽度，但是搜索对话框的其他元素仍然看起来不好看。因此，我看不到您的问题的另一种解决方案，这很容易。