ExtJs中表格用例代码

来源：互联网发布：江苏捷达软件编辑：程序博客网时间：2024/06/16 08:48

Ext.onReady(function(){var sm = new Ext.grid.CheckboxSelectionModel();var cm = new Ext.grid.ColumnModel([//sortable true 支持排序new Ext.grid.RowNumberer(), //自动显示行号sm,{header: '编号',dataIndex:'id' , sortable:true},{header: '名称',dataIndex:'name'},{header: '描述',dataIndex:'descn'}]);   var data = [        ['1', 'name1','descn1'],        ['2', 'name2','descn2'],        ['3', 'name3','descn3'],        ['4', 'name4','descn4'],        ['5', 'name5','descn5']    ];    // 索引是从0开始的，如果对应的方式不一样，需要在后面加入mapping:0 var store = new Ext.data.Store({proxy : new Ext.data.MemoryProxy(data),//proxy:new Ext.data.ScriptTagProxy({url:'http://www.121.com/data.json'}),reader: new Ext.data.ArrayReader({}, [{name : 'id'},{name : 'name'},{name : 'descn'}])});store.load();   var grid = new Ext.grid.GridPanel({   renderTo:'grid',   store:store,    cm:cm,  // sm:sm,  sm:new Ext.grid.RowSelectionModel({singleSelect:true}),   // 是否可以移动   //enableColumnMove: false,   // 是否可以修改大小   //enableColumnResize:false   // 斑马线效果   stripeRows:true,   loadMask:true   // 自动设置表格宽度，如果须固定，需要在ColumnModel中设置字段width//   viewConfig:{//    forceFit: true//   }});});

</pre><pre code_snippet_id="248173" snippet_file_name="blog_20140321_3_9588354" name="code" class="javascript">目前复选框暂时不可用

0 0