JqGrid如何改变编辑表单的宽度？

Question

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

- peter

Answer 1

你可能知道方法navGrid。它的参数通常是这种形式：

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

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

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

为了简化您的实现，我修改了我的另一个答案中的示例，以便编辑对话框为200px：在此处查看实时效果here。

- Oleg

---

@peter：欢迎你！因为你在stackoverflow.com上相对较新，考虑使用投票来支持你认为有价值的回答或问题（参见http://stackoverflow.com/faq#howtoask），并从回答中选择一个接受（参见http://meta.stackexchange.com/questions/5234），或两者都进行（投票和接受）。这是表达“谢谢”的标准方式，它有助于其他人快速找到最有帮助的答案。 - Oleg

@Jessica：不客气！我还发现文档中的很多地方写得不太对。有一个描述editGridRow函数参数的部分，99%的用户只需使用navGrid的prmEdit和prmAdd参数即可设置。这很难理解。jqGrid有维基文档，每个人都可以改进文档，包括你。我也想做这件事情，但迄今为止还没有找到时间。 - Oleg

也就是说，width:'500px' 是不起作用的，你必须写成 width:500。 - Chtioui Malek

@ChtiwiMalek：抱歉，我不理解你的评论。在我的代码中，你在哪里看到了 width:'500px'？width 应该是整数。如果使用非数字值，则 jqGrid 会使用 width: "auto"。 - Oleg

@Oleg：你的代码是正确的。只是说这个值应该是数字而不是字符串。 - Chtioui Malek

Answer 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,...) 

- Kishore Kumar

---

<br> 不应该出现在 JSON 中。 - zelibobla