var my_grid = Ext.create('Ext.grid.Panel',{ xtype: 'grid', store: store, //數據自定義 renderTo:Ext.getBody(), columns: [ new Ext.grid.RowNumberer(), { text: '用戶名', sortable : true, dataIndex: 'userName' }, { text: '姓名', sortable : true, dataIndex: 'trueName' }, { text: '角色', sortable : true,dataIndex: 'roles' }, { text: '狀態',sortable : true, dataIndex: 'stopFlag', renderer : function(value){ if(value==0){ return "啟用"; }else{ return "<font color=red>停用</font>"; } } }, { text: '電話', sortable : true, dataIndex: 'tel' }, //{ text: '員工卡號', sortable : true, dataIndex: 'cardID', width:250 }, { text: '描述', sortable : true, dataIndex: 'userMemo', width:250 }, { text: '詳細', dataIndex: '', width:50 , renderer : function(v) { return "<span style='margin-right:10px'><a href='#''>查看</a></span>"; } } ], listeners: { cellclick: function( thi, td, cellIndex, record, tr, rowIndex, e, eOpts) { console.dir(e.getTarget('a')); //判斷點擊的是哪個cell console.dir(record); win(); //創建一個win窗口 } } });