EditorGridPanel的使用方法

dangzhao

浏览: 43837 次
性别:
来自: 广州

最近访客更多访客>>

ruyi574812039

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ext笔记

EXT JavaScript CSS 360 HTML

var myData=[
  [0,"MysTitle_0","Dangzhao_0"],
  [1,"MysTitle_1","Dangzhao_1"],
  [2,"MysTitle_2","Dangzhao_2"],
  [3,"MysTitle_3","Dangzhao_3"],
  [4,"MysTitle_4","Dangzhao_4"]
];

var store = new Ext.data.SimpleStore({
  autoLoad : true,
  baseParams : {
   "Action" : "Select",
   "Id" : "0"
  },
  data : myData,
  fields : [
   { name : "id" , mapping : 0},
   { name : "name" , mapping : 2},
   { name : "title" , mapping : 1}
  ],
  id : 0,
  listeners : {
   beforeload : function(){alert("beforedload")},
   load : function(){alert("load")},
   loadexception : function(){alert("loadexception")}
   //And all SimpleStore's Event
  },
  pruneModifiedRecords : false,
  remoteSort : false//because use client data so this property must false,
});

var colum = new Ext.grid.ColumnModel([
   {id : "id" ,header : "id" , width: 160 ,sortable: true, dataIndex : 'id'},
   {header : "name" , width: 160 , editor : new Ext.form.TextField({allowBlank: false}) ,sortable: true, dataIndex : 'name'},
   {header : "title" , width: 160 ,sortable: true, dataIndex : 'title'}
]);

colum.setEditable(1,true);

function modify(value){
return "<span style=\"color:red;\">" +value +"</span>";
}

var grid = new Ext.grid.EditorGridPanel({
  store : store,
  title:'Mys GridPanel',
  height:360,
        width:600,
  collapsible : true,
  animCollapse : true,
  allowDomMove : true,
  colModel : colum ,
  clicksToEdit : 2
});

grid.on({
afteredit : function(e){alert(e.field+" "+e.row+" "+e.column+" "+e.originalValue+" "+e.value)}
});

Ext.onReady(init);
function init(){
grid.render("gridDiv");

}

function checkData(){
var xData = grid.getStore();
var modR = xData.getModifiedRecords();
for(i=0;i<modR.length;i++){
var map=modR[i].modified;
alert(map["name"]);
}

}
</script>
</head>

</div>
</body>
</html>

分享到：

TreePanel的使用方法 | GridPanel的使用方法

2008-05-07 16:53
浏览 4547
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论