GridPanel基本表格
2008-07-14 16:28
363 查看
New Document Ext.onReady(function(){ //定义数据二维数组 var data=[ ['列1内容1', '列2内容1','列3内容1'], ['列1内容2', '列2内容2','列3内容2'], ['列1内容3', '列2内容3','列3内容3'], ['列1内容4', '列2内容4','列3内容4'] ]; //自定义列 function check(value) { if (value=='列1内容2') { return '自定义列'; } else { return value; } } //整理数据定义3列的索引为con1,con2,con3 var store=new Ext.data.SimpleStore({ data:data,fields:['con1','con2','con3'] }); //定义勾选框,不需要可不必定义 var sm = new Ext.grid.CheckboxSelectionModel(); //定义列 var colM=new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(),//增加自动编号,不需要可不必定义 sm,//勾选框,不需要可不必定义 {header:'列1',dataIndex:'con1',width:170,sortable:true,renderer:check},// 生成列,sortable为列排序,不需要设置为false,默认false,renderer为该列增加自定义函数 {header:'列2',dataIndex:'con2',width:170,sortable:true}, {header:'列3',dataIndex:'con3',width:170} ]); //生成表格 var grid = new Ext.grid.GridPanel({ renderTo:'show', title:"我的表格", height:200, width:600, cm:colM, sm:sm, store:store }); });
相关文章推荐
- Ext2.0教程二:基本表格GridPanel,从后台数据库取数据
- ExtJS 2.0 GridPanel基本表格简明教程
- Ext2.0教程二:基本表格GridPanel,从后台数据库取数据
- ExtJS 2.0 GridPanel基本表格简明教程
- GridPanel基本表格
- Ext教程连载 - GridPanel基本表格
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
- jqGrid与Struts2的结合应用(一) —— 显示基本Grid表格
- Ext3.1.1(四)grid.GridPanel+FormPanel+PagingToolBar 完成基础的表格展示带查询和分页
- 使用Ext.grid.Panel生成表格
- jqGrid与Struts2的结合应用(一) —— 显示基本Grid表格
- [ExtJS5学习笔记]第二十三节 Extjs5中表格gridpanel的列格式设置
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
- ExtJS 普通表格:Ext.grid.GridPanel属性祥解
- 三个基本布局控件(Canvas、StackPanel、Grid )
- ExtJs 设置GridPanel表格文本垂直居中
- ExtJs 设置GridPanel表格文本垂直居中
- jqGrid与Struts2的结合应用(一) —— 显示基本Grid表格
- Extjs-表格 Ext.grid.GridPanel
- 6、表格控件GirdPanel及EditorGrid使用