专栏首页路过君BLOG from CSDNEXTJS7 grid 自定义单元格组件,并实现事件和属性绑定

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

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}'
                }
			}
		}
	}]
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 构建docker镜像部署rocketmq

    而docker默认隔离性不足,获取系统内存得到的是宿主机内存大小,导致内存不足启动失败(例如宿主机内存32G则计算结果为8G)

    路过君
  • extjs7 selectfield异常 Uncaught TypeError: Cannot read property 'hasPendingLoad' of null

    下拉选择某项目后报异常 “Uncaught TypeError: Cannot read property ‘hasPendingLoad’ of null”

    路过君
  • angular 入门1

    ng new helloworld --skip-install 然后使用 cnpm install 或者yarn install加速

    路过君
  • Ubuntu 安装cuda10.1驱动的实现步骤

    英伟达官网链接:https://developer.nvidia.com/cuda-downloads?target_os=Linux&target_arch=...

    砸漏
  • 浙江创新“互联网+心理”服务模式!关爱焦虑抑郁的你

    “充分利用大数据,加快服务创新和互联网平台迭代更新,增强心理健康服务事业发展动力。”日前,浙江省心理健康促进会会长倪荣表示,目前已开发中小学网络公益心理健康检测...

    企鹅号小编
  • 你听说过“风格指南驱动开发”吗?|洞见

    “今天,客户的UX又给我邮件了一版新的设计(PDF文件),改动不大,无非就是这个高度再调高点、那个宽度再调小些、这里用粗体、那边用18px的字体,可以参考以前做...

    ThoughtWorks
  • 在VisualStudio中提供运行时和设计时支持的WPF本地化解决方案

    关于WPF本地化问题有许多其他的文章,包括使用Locbaml本地化WPF应用程序(https://www.codeproject.com/KB/WPF/Arti...

    程序你好
  • 棋牌游戏服务器架构: 详细设计(一) 内核设计

    内核的几个组件被设计成Service,也就是说这几个模块都要实现如下接口: ? 图1 IService接口 Start方法用来启动服务。 ...

    李海彬
  • 棋牌游戏服务器架构: 详细设计(一) 内核设计

    内核的几个组件被设计成Service,也就是说这几个模块都要实现如下接口: ? 图1 IService接口 Start方法用来启动服务。 ...

    李海彬
  • 棋牌游戏服务器架构: 详细设计(一) 内核设计

    内核的几个组件被设计成Service,也就是说这几个模块都要实现如下接口: ? 图1 IService接口 Start方法用来启动服务。 ...

    李海彬

扫码关注云+社区

领取腾讯云代金券