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

How to force fields in advanced search to have reasonable width

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

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

要复制,请使用 colmodel 创建可编辑的宽注释列:

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

以及 select 小屏幕搜索表单中的金额和备注字段

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

金额字段应具有其原始宽度。 不需要创建这么宽的金额字段。

如何解决这个问题?

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

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

searchoptions: { maxlength: 80, size: 20 }

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

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