jqgrid colModel如何展示数据库为Data类型的数据

{label: '授权结束时间', name: 'authorizeEtime', search:  true,
formatter:function(value,options,row){  
                    var newDate = new Date(value);
                    var Hours =newDate.getHours()-8;
              newDate.setHours(Hours);
                         return newDate.toLocaleString();}
                    },
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jqGrid colModel 是用于定义表格列模型的属性之一,而 stype 属性则是 colModel 的一个子属性,用于定义表格列的编辑类型。常用的 stype 类型有以下几种: 1. text 表示文本框,用于输入文本信息。 ``` {name: "name", index: "name", width: 200, editable: true, edittype: "text", stype: "text"} ``` 2. select 表示下拉框,用于选择固定的选项。 ``` {name: "gender", index: "gender", width: 100, editable: true, edittype: "select", stype: "select", editoptions: {value: ":请选择;1:男;2:女"}} ``` 3. date 表示日期选择器,用于选择日期。 ``` {name: "birthday", index: "birthday", width: 100, editable: true, edittype: "text", stype: "date", searchoptions: {dataInit: function (el) { $(el).datepicker({dateFormat: "yy-mm-dd"}); }}} ``` 4. checkbox 表示复选框,用于选择一个或多个选项。 ``` {name: "hobby", index: "hobby", width: 200, editable: true, edittype: "checkbox", stype: "select", editoptions: {value: "篮球:篮球;足球:足球;乒乓球:乒乓球"}} ``` 5. textarea 表示多行文本框,用于输入多行文本信息。 ``` {name: "description", index: "description", width: 300, editable: true, edittype: "textarea", stype: "text"} ``` 6. custom 表示自定义类型,可以根据需求自定义编辑类型。 ``` {name: "price", index: "price", width: 100, editable: true, edittype: "text", stype: "custom", searchoptions: {sopt: ["eq", "ne", "lt", "le", "gt", "ge"], dataInit: function (el) { $(el).spinner({min: 0, max: 1000}); }}} ``` 以上就是 jqGrid 常用的 colModel.stype 类型,你可以根据需求选择不同的编辑类型来实现表格的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值