如何动态更改编辑表单的宽度?

时间:2017-01-05 21:55:33

标签: jqgrid

在某些情况下,我需要在jqgrid中放大编辑和添加表单对话框。

我试过

$("#contratos").jqGrid('navGrid', '#paginacion', {}, {width: 900});

没有成功。

我正在使用JQGrid 4.5.2。

1 个答案:

答案 0 :(得分:0)

设置width 编辑和添加对话框,您应该使用

$("#contratos").jqGrid('navGrid', '#paginacion', {}, {width: 900}, {width: 900});

var formEditOptions = { width: 900 };
...
$("#contratos").jqGrid('navGrid', '#paginacion', {}, formEditOptions, formEditOptions);

此类设置仍然可以不动态(请参阅问题标题)。可以使用beforeShowForm回调代替:

var formEditOptions = {
        beforeShowForm: function ($form) {
            $form.closest(".ui-jqdialog").width(500);
        }
    };
...
$("#contratos").jqGrid('navGrid', '#paginacion', {}, formEditOptions, formEditOptions);

最后,我建议您考虑从复古版本4.5.2升级到当前版本的free jqGrid(版本4.13.6)。版本4.5.2在Chrome 26,Firefox 21,IE 10发布时大约4年前(2013年5月21日)发布。现在使用Chrome 55,Firefox 50,Edge 38和IE 11.我建议你使用通过直接从CDN加载jqGrid文件来尝试免费的jqGrid 4.13.6(参见the wiki article)。