为ext grid单元格添加下拉菜单

先上效果图

 

在初始化grid代码中加入如下代码

  store.addListener('load', function(st, rds, opts) {
       	 
    	    var gridId="pc_grid";//这个是grid的ID，要按实际来填写
    	    
       	    var temp = Ext.getCmp(gridId).getStore(); //获取id为 dsgripdRight 的 组件 数据集

    	    for (var i = 0; i < temp.getCount(); i++) { //getCount() 方法 获取 数据集 的长度

    	    var tbid=temp.getAt(i).get('id'); //遍历数据集，获取 id的数据
    	    
    	    var  menu_01=new Ext.menu.Menu({  
	      		 items:[  
	      		 {text:'今天'},  
	      		 {text:'昨天'},  
	      		 {text:'一周'},  
	      		 {text:'一年'}  
	      		 ]  
	      		 });  
	      		var tb=new Ext.Toolbar();  
	      		tb.render('tb_'+tbid);
	      		tb.add({text:'更多操作',id:'menu_'+tbid,menu:[]});
	      		Ext.getCmp("menu_"+tbid).menu=menu_01;
	      		menu_01.render();
    	    }
    });

   操作列render的值

function renderDescn(value) {  
    var str ='<div id="tb_'+value+'" ></div>';
    return str;
} 

 操作列代码

{ header: '<font size=2>操作</font>', dataIndex: 'id', sortable: true
            	,renderer:renderDescn}

 

 

 

如果您觉得我的文章给了您帮助，请为我买一杯饮料吧！以下是我的支付宝，意思一下我将非常感激！