checkcolumn使用教程(及其没有显示的原因)

最新推荐文章于 2025-09-21 11:15:28 发布

原创最新推荐文章于 2025-09-21 11:15:28 发布 · 7.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #extjs #flex

Extjs4 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个关于 ExtJS 4 中 CheckColumn 控件无法正常显示的问题及解决办法。通过调整 CSS 文件引入路径，实现了 CheckColumn 的正确显示。

错误的显示：

正确的显示结果：

{ xtype: 'checkcolumn',text: '是否拥有该角色', dataIndex: 'check', flex: 1,
		        	editor:{         
		        	xtype: 'checkbox',
		        	checked: '{check}',
		        	cls: 'x-grid-checkheader-editor'
		        	}
		        }

注：1 . xtype: 'checkcolumn',text: '是否拥有该角色', dataIndex: 'check'为必须的

2.初学者请设置Ext.Loader.setPath('Ext.ux', 'extjs/examples/ux');并Ext.require(['Ext.ux.CheckColumn']);(看不懂。请搜索Extjs4动态加载关键字）

解决方法：

把<link rel="stylesheet" type="text/css" href="/extjs4/examples/ux/css/CheckHeader.css">加入到你的主界面

引自：http://stackoverflow.com/questions/7469482/extjs-4-checkcolumn-not-visible