EXTJS7 grid 自定义单元格组件,并实现事件和属性绑定

路过君

发布于 2020-06-19 17:27:53

4990

发布于 2020-06-19 17:27:53

文章被收录于专栏：路过君BLOG from CSDN路过君BLOG from CSDN

1. 创建gridrow.viewModel,controller

2. 通过widgetcell.widget嵌套单元格内部组件

{
	xtype: 'grid',
	// gridrow对象配置
	itemConfig: {
		// 添加此项则会自动创建record字段并赋值
		viewModel: {text:'Verify'}
		// cell上定义的函数和事件绑定需在此处定义
		controller: {hBtn:function(){
			// 可通过vm取到record
			var record = this.getViewModel().get('record');
		}}
	},
	column:[{
		cell:{
			xtype: 'widgetcell',
			widget: {
				xtype: 'button',
				// 绑定到处理函数
				handler: 'hBtn',
				bind: {
					// 绑定到自定义vm字段
					text: '{text}',
					// 绑定到记录字段
                	tooltip: 'Verify {record.fullName}'
                }
			}
		}
	}]
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-05-12 ，如有侵权请联系 cloudcommunity@tencent.com 删除

controller