EXTJS ;pannel 中使用回调函数

EXTJS   ;pannel 中使用回调函数
 
 
 
 
 
function checker(val){//返回json数据 “{text:'Ext',url:'http://extjs.com'}
if(typeof val=='object'){
return '<a style="display:table;width:100%;" title="'+val.url+'" target="_blank" href="'+val.url+'">'+val.text+'</a>';
}
return "<input type='radio' name='opt_type' value='1' class='ck ckbox_h'/>查询 <input type='radio' name='opt_type' value='0' class='pay ckbox_h'/>充值 <input type='radio' name='opt_type' value='2' class='add ckbox_h'/>添加 <input type='radio' name='opt_type' value='3' class='modi ckbox_h'/>修改 <input type='radio' name='opt_type' value='4' class='del ckbox_h'/>删除";
}
 
 
var grid;
var data;
var ds = new Ext.data.Store({ //定义本地数据缓存器。
proxy:new Ext.data.MemoryProxy(parseJson(data)), //代理读取器。
reader:new Ext.data.ArrayReader({}, //数组读取器 用这个把上边定义好的data通过代理器读进来。
[
{name:'id',mapping:0},
{name:'inter_name',mapping:1},
{name:'inter_opt_type',mapping:2}
])
});
ds.load(); //载入数据。
var sm = new Ext.grid.CheckboxSelectionModel(); //创建一个复选框。
var colModel = new Ext.grid.ColumnModel([ //创建GridPanel中的列集合。
new Ext.grid.RowNumberer(), //自动编号。
sm, //复选框。
{header:'id',dataIndex:'id',hidden:true}, //这个编号是ds中的创建的id。
{header:'接口名称',dataIndex:'inter_name',width:150,align:'center'}, //这个编号是ds中的创建的id。
{header:'接口类型',dataIndex:'inter_opt_type',width:50,align:'center'},
{header:'接口类型',renderer: checker,dataIndex:'inter_opt_type',width:300,align:'center'}
]);
grid = new Ext.grid.GridPanel({store:ds, //创建GridPanel 并设置store数据。
cm:colModel, //绑定行。
sm:sm, //复选框,有了这个可以全选
width:635,
height:400
//title:'导入文件信息'
});
posted @ 2012-06-26 10:16  holyes  阅读(677)  评论(0编辑  收藏  举报