hust-epi/admin-ui/yvanui/example/grid.js

define(function (require) {
  return function () {
    var $grid;

    return {
      center: {
        border: false,
        items: {
          xtype: 'grid',
          border: false,
          //url: '/mock/id.json',
          url: demoApi('/SysIdRule/query'),
          idField: 'idName',
          toolbar: {
            xtype: 'toolbar',
            title: '工具条',
            items: [
              {
                text: '新增', iconCls: 'fa fa-plus-circle fa-lg', onClick: function () {

                }
              }, {
                text: '编辑', iconCls: 'fa fa fa-pencil-square-o fa-lg', onClick: function () {
                  $.yvan.msg('编辑');
                }
              }, {
                text: '设置列宽', iconCls: 'fa fa-save', onClick: function () {
                  //$grid.setColProp('idDesc', { width: 400 });
                  //console.log($grid.getColProp('idDesc'));
                  //$grid.trigger('resize');
                  //$grid.jqGrid('setColWidth', '[idName,idDesc]', [300, 400]);
                  $grid.jqGrid('autoResizeColumn', 3);
                }
              }, {
                text: '删除', iconCls: 'fa fa-minus-square fa-lg', onClick: function () {
                  $.yvan.msg('删除');
                }
              }, '|', {
                text: '关闭', iconCls: 'fa fa-times-circle fa-lg', onClick: function () {
                  App.closeMe(this);
                }
              }
            ]
          },
          columns: [[
            {field: 'idName', title: 'Id名称', width: 120},
            {field: 'idDesc', title: '描述', width: 130},
            {field: 'idType', title: '类型', width: 80},
            {field: 'seqType', title: '序列方法', width: 100},
            {field: 'idExpress', title: '表达式', width: 240},
            {field: 'createAt', title: '建立时间', width: 130, formatter: fmtDate},
            {field: 'updateAt', title: '更新时间', width: 130, formatter: fmtDate}
          ]]
        }
      }
    };
  };
});