extjs grid的问题

extjs  我想实现姓名  年龄  年级  操作
小李  18     2     删除
其中的删除这个链接action 怎么加

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
    <style type="text/css">
    <!--
    -->
    </style>
    </head>
    <body style="padding:15px;">
    <div id="grid_panel"></div>
    <iframe name="hf" src="about:blank" style="display:none;"></iframe>
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    var oForm, oGrid;
    var aData = [['小李','18','2','1234']];
    var oStruct = Ext.data.Record.create([{name:'name'},{name:'age'},{name:'grade'},{name:'id'}]);
    var oStore = new Ext.data.Store({
    proxy:new Ext.data.MemoryProxy(aData),
    reader:new Ext.data.ArrayReader({},oStruct)
    });
    oStore.load();var cm = new Ext.grid.ColumnModel([
    new Ext.grid.RowNumberer(),
    {header:"姓名",dataIndex:'name',width:140},
    {header:"年龄",dataIndex:'age',width:100},
    {header:"年级",dataIndex:'grade'},
    {header:"操作",dataIndex:'id',renderer:function(v){return "<a href='javascript:dodel(" + v + ")'>删除</a>"}}
    ]);
    function dodel(id){
      var p = oStore.find('id',id);
      oStore.remove(oStore.getAt(p));
    }
    function init(){
    oGrid = new Ext.grid.GridPanel({
    renderTo:"grid_panel",
    title:"",
    monitorResize:true,
    autoHeight:true,autoWidth:true,
    frame:true,
    cm:cm,
    store:oStore,
    autoExpandColumn:4
    });
    }
    window.onload = function(){
    Ext.onReady(init);
    }
    //]]>
    </script>
    </body></html>
      

  2.   

    grid的数据源可以是html格式的.比如如果是后台返回json格式{total:'20',data:[{"name":'小李'...."action":"<a href='#' onclick='alert(1)'>删除</a>"}...]}