如图
像最右边一样在行内添加button
并能实现单击删除或编辑的功能

解决方案 »

  1.   

    设置rendererExt.onReady(function () {
                 var grid = new Ext.grid.GridPanel({
                     store: store,
                     columns: [
                        { id: 'company', header: 'Company', width: 160, sortable: true, dataIndex: 'company' },
                        { header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price' },
                        { header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change' },
                        { header: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange' },
                        { header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange' },
                        { header: 'action', width: 85, sortable: false, renderer: function (val) { return '<input type="button" value="toto" id="' + val + '"/>'; }, dataIndex: 'somefieldofyourstore' }
                     ],
                     stripeRows: true,
                     autoExpandColumn: 'company',
                     height: 350,
                     width: 600,
                     title: 'Array Grid',
                     // config options for stateful behavior
                     stateful: true,
                     stateId: 'grid'
                 });         });
      

  2.   

    什么renderer.....八杆子打不着那个东西是一个Action组件 要写在store grid cm中
      

  3.   

    header : "",dataIndex : 'id',width : 25,renderer:function(value){ 
    return String.format("<input type='button' style='height:20px;' onclick='campaignManage.customFieldItemManage()' value='按钮' />"); 
    }
    这样应该可以清楚吧