jqgrid - 具有类似网格的 JQGrid 有没有办法重用您的 javascript 代码，而不是再次设置每个选项？

Question

当我在同一页面或整个网站上使用多个网格时，有没有办法抽象出常见网格组件的设置？例如 colModel 部分，或两个网格之间相同的其他组件，同时让我可以选择使每个网格唯一，例如名称、标题等。

基本上，这归结为我想避免设置高度相似的多个网格所带来的文本墙。

Answer 1

我能够实现一些我正在寻找的东西。

我能够获取最大的重复代码 colModel:[..] 并将其转换为变量然后调用它。

前任

var colModelForReuse = [{name: 'exName', index: 'exIndex' ..... }, 
                        {.......................................}];

然后在我的网格设置中

colNames: [ 'exName', .....],
colModel: colModelForReuse,
pager: pagerName,
...

Answer 2

是的，您可以创建一个创建实际网格的函数，然后将选项传递给它以控制每个网格之间不同的方面。传递参数的一个好方法是使用jQuery.extend，它允许您轻松提供默认参数值。

例如：

function myFunction(options) {
    options = jQuery.extend(
        {
            myOption1:         'Default Vaule',
            myOption2:         'Default Vaule',
        },
        options || {});
    ...
}