如何强制高级搜索中的字段具有合理的宽度
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 输入的宽度,但是搜索对话框的其他元素仍然看起来不好看。因此,我没有看到您的问题的另一种解决方案,这很容易。
在高级搜索对话框中,所有搜索字段都有最大字段宽度。
如果有不适合搜索表单的宽搜索字段和右对齐的数字金额搜索字段,金额内容将不可见。
要复制,请使用 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 输入的宽度,但是搜索对话框的其他元素仍然看起来不好看。因此,我没有看到您的问题的另一种解决方案,这很容易。