ext6.2如何在grid表格列里加button按钮

最新推荐文章于 2022-07-09 11:01:47 发布

原创最新推荐文章于 2022-07-09 11:01:47 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

ext6 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Ext6.2的Grid表格列中添加两个Button。通过使用WidgetColumn组件，并结合Panel来实现这一功能。示例代码展示了具体的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个列里如何放置2个button 见上图用widgetcolumn组件手册例子默认只能放一个我用的panel放的2个小组件button

			        xtype: 'widgetcolumn',
			        flex: 1,
			        text:'操作',
			        widget: {
			            xtype: 'panel',
			            items: [{
			                xtype: 'button',
			                text: '添加'
			            }, 
			            {
			                xtype: 'button',
			                style:'background:red',
			                text: '删除'
			            }]
			        }

下面一种是grid列里放置button 显示为图标使用actioncolumn组件

代码如下

xtype : 'actioncolumn',
					text : '操作',
					width : 200,
					tdCls : 'action',
					items : [
						{
							xtype : 'button',
							text : '应急事件详细信息',
							flex : 1,
							tooltip : '应急事件详细信息',						
						
						}
						, {
							xtype : 'button',
							text : "编辑",
							iconCls : 'x-fa fa-pencil fa-lg', // building-o
							tooltip : '编辑',
							handler : 'onUpdate'
						},
						{
							iconCls : 'x-fa fa-remove',
							tooltip : '删除',
							handler : 'onDel'
						} ]