为了账号安全,请及时绑定邮箱和手机立即绑定

在jqGrid中停止可调整大小的列

在jqGrid中停止可调整大小的列

婷婷同学_ 2019-06-17 14:49:43
在jqGrid中停止可调整大小的列如何使jqGrid的所有列都不可调整大小?目前,我认为每一列都必须指定属性{regzable:false}。我可以为整个网格指定吗?
查看完整描述

2 回答

?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

从3.8.2版开始,jqGrid支持一个非常有用的特性:列模板..(我可能不太正确地赞扬这个特性,因为这个特性是在我自己的建议-)。这个特性仍然没有真正的文档化,但是它可以很容易地使用。

我在一个例子中解释了这一点。如果定义额外的jqGrid参数

cmTemplate:{resizable:false}

你的问题就会解决。

如果您有更多的属性,这些属性在所有列colModel例如,项目align:'center'这个cmTemplate也将帮助您(cmTemplate:{sizable:false,对齐:‘Center’})。在jqGrid中,3.8.2很小虫虫相对于colModel,但是在jqGrid 4.0.0中修复了这个错误。所以从cmTemplate可以被解释为默认值colModel项目.

使用jqGrid列模板的另一个版本如下所示:

var myDateTemplate = {sorttype:'date', formatter:'date',
                      formatoptions: {newformat:'m/d/Y'}, datefmt: 'm/d/Y',
                      align:'center', width:80 }
$("list").jqGrid({
    colModel: [
        ...
        {name:'column1': template:myDateTemplate},
        {name:'column2': template:myDateTemplate, width:90},
        ...
    ]
    ...
});

以定义一些模板的方式(如myDateTemplate)并在网格(或GID)中的许多地方使用。关于特性,您可以使您的代码更短,更好的可读性和容易改变。


查看完整回答
反对 回复 2019-06-17
?
江户川乱折腾

TA贡献1851条经验 获得超5个赞

模板对我非常有用:

 { name: 'quantity_warehouse', index: 'quantity_warehouse', template: intColTemplate, width: '70' },

 { name: 'status', index: 'status', align: 'left', template: stringColTemplate, width: '90' },

 { name: 'snapshot_at', index: 'snapshot_at', template: dateColTemplate },

 { name: 'applied_at', index: 'applied_at', template: dateColTemplate },

联署材料:

var dateColTemplate = { align: 'left', search: true, stype: 'text', width: '70', datefmt: 'm/d/y', formatter: 'date', formatoptions: 
{ srcformat: 'm/d/y', newformat: 'm/d/Y' }, sorttype: 'date', searchrules: { required: true, date: true }, searchoptions: 
{ sopt: ['eq', 'ge', 'le'],

    dataInit: function (el) {
        $(el).datepicker({ changeYear: true, changeMonth: true, showButtonPanel: true });
    }
}
};
var intColTemplate = { align: 'left', search: true, stype: 'text', searchoptions: { sopt: ['eq', 'ge', 'le']} };
var stringColTemplate = { align: 'left', search: true, stype: 'text', searchoptions: { sopt: ['bw', 'cn']} };


查看完整回答
反对 回复 2019-06-17
  • 2 回答
  • 0 关注
  • 756 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信