JqG​​rid 如何更改编辑表单的宽度？

Posted 2023-02-26

【中文标题】JqG​​rid 如何更改编辑表单的宽度？

【英文标题】：JqGrid How to change width of edit form?

【发布时间】：2010-10-10 17:20:18

【问题描述】：

我不明白如何在 JqGrid 中更改编辑表单的宽度。我找到了选项“宽度”，但我不知道如何使用它（没有示例）。

【参考方案1】：

你可能知道navGrid这个方法。它具有表单中的参数

$("#list").jqGrid('navGrid','#pager',parameters,
                  prmEdit, prmAdd, prmDel, prmSearch, prmView);

其中参数prmEdit 可以包含editGridRow 方法的任何选项，包括您需要的width 选项。因此，例如，如果您需要使用 500px 宽度而不是默认 300px 的编辑表单，您可以使用

$("#list").jqGrid('navGrid','#pager',,width:500);

为了简化您的实现，我从另一个答案中修改了一个示例，以便编辑对话框有 200 像素：实时查看here。

【讨论】：

@peter：欢迎您！因为您在 ***.com 上相对较新，请考虑使用对答案或问题进行投票（请参阅***.com/faq#howtoask）并从答案中接受一个（请参阅meta.stackexchange.com/questions/5234）或两者兼而有之（投票并接受）。这是说“坦克”的标准方式，它可以帮助其他人快速找到最有用的答案。

@jessica：欢迎您！我还发现文档的许多地方都以错误的方式编写。一个描述了函数editGridRow的参数，99%的用户应该像navGrid的prmEdit和prmAdd参数一样使用设置。很难理解。 jqGrid 有 wiki 文档，每个人，包括你，都可以更改文档。我也想这样做，但直到现在才找到时间。

还有width:'500px'不行，你必须把width:500

@ChtiwiMalek：对不起，我不明白你的评论。在我的代码中，您可以在代码的哪个位置看到width:'500px'？ width 应该是整数。如果使用非数字值，则 jqGrid 使用width: "auto"。

@Oleg：您的代码是正确的。只是说该值应该是数字而不是字符串。

【参考方案2】：

您可以使用以下代码更改编辑设置。

editSettings = 
recreateForm:true,
jqModal:false,
reloadAfterSubmit:false,
closeOnEscape:true,
savekey: [true,13],
closeAfterEdit:true,
zIndex:1000,
**width: 450**,
pgbuttons:false,

.jqGrid('navGrid','#Pager',editSettings,...) 

【讨论】：

<br> 不应在 JSON 中