ExtJs中Ext.grid.Panel表格行内变下拉框

 废话不多说,直接上代码,最下面讲解注意的问题,

var simpsonsStore =  Ext.create('Ext.data.Store', {
		    storeId: 'simpsonsStore',
		    fields: ['name', 'email', 'phone'],
		    data: [{
		        name: '1',
		        email: 'homer@simpsons.com',
		        phone: '正序'
		    }, {
		        name: '2',
		        email: 'homer@simpsons.com',
		        phone: '正序'
		    }, {
		        name: '3',
		        email: 'homer@simpsons.com',
		        phone: '倒序'
		    }, {
		        name: '4',
		        email: 'marge@simpsons.com',
		        phone: '正序'
		    }, {
		        name: '5',
		        email: 'marge@simpsons.com',
		        phone: '正序'
		    }]
		});
		var states = Ext.create('Ext.data.Store', {
		    fields: ['abbr', 'email'],
		    data : [
		        {"abbr":"AL", "email":"Alabama"},
		        {"abbr":"AK", "email":"Alaska"},
		        {"abbr":"AZ", "email":"Arizona"}
		    ]
		});
		var comboBoxOne =  Ext.create('Ext.form.ComboBox', {
		    store: states,
		    queryMode: 'local',
		    displayField: 'email',
		    valueField: 'abbr',
		    renderTo: Ext.getBody()
		});
		var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
	        clicksToEdit: 2
	    });
		var gridPanelTwo = Ext.create('Ext.grid.Panel', {
			store : simpsonsStore,
			columnLines:true,
			rowLines:true,
			columns : [ {
				header : ' ',
				dataIndex : 'name'
			}, {
				header : '指标名称',
				dataIndex : 'email',
				editor:comboBoxOne,
				flex : 1
			}, {
				header : '排序',
				dataIndex : 'phone'
			} ],
			plugins:[cellEditing],
			height : 190,
			width : 400,
			renderTo : Ext.getBody()
		});

看到这篇文章的小伙伴是不是双击没反应啊,那是因为你漏了plugins:【】,这个属性

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值