FR.QuickGrid

表格控件

var grid = new FR.QuickGrid({
             renderEl : $('body'),
             baseCls: 'fr-grid',
             marginLeft : 20,
             marginRight :0,
             items : [],
             columnsConfig:[],
             page : true,
             pageCount: 15,
             isFootShow :true,
             isHeadShow :true,
             multiSelect : false,
             intervalColor : false,
             isInitWithData : true,
             async: false,
             onBeforeRowCreate: null,
             onAfterRowCreate: null,
             onBeforeHeadCreate: null,
             onAfterHeadCreate: null,
             onRowClick: null,
             items: [
                         {
                             name: 'Task1',
                             sender: 'peter',
                             deadline: '2014-09-10',
                             status: '0',
                             operation: '1'
                         },
                         {
                             name: 'Task2',
                             sender: 'alex',
                             deadline: '2005-12-10',
                             status: '1',
                             operation: '2'
                         }
                     ],
             columnsConfig: [
                 {
                     key: 'name',
                     value: '任务名称',
                     width: 200
                 },
                 {
                     key: 'sender',
                     value: '发送人',
                     width: 85,
                 },
                {
                     key: 'sendtime',
                     value: '发送时间',
                     width: 120
                 },
                 {
                     key: 'status',
                     value: '任务状态',
                     width: 120
                 },
                 {
                     key: 'operation',
                     value: '任务操作',
                     width: 120
                 },
                 {
                     onCellCreate: function(rowIdx, colIdx, item, colCfg){
                         if(item.operation == '1'){
                             return $('<div/>').html('right');
                         }else{
                             return $('<div/>').html('wrong');
                         }
                     },
                     width: 90
                 },
                 {
                     onCellCreate: function(rowIdx, colIdx, item, colCfg){
                         if(item.status == '1'){
                             return $('<div/>').html('&lsaquo;');
                         }else{
                             return $('<div/>').html('&rsaquo;');
                         }
                     },
                     width: 90
                 }
             ]
     });

Available since: 7.0.6