<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://localhost/ext-4/resources/css/ext-all.css" />
<script type="text/javascript" src="http://localhost/ext-4/ext-debug.js"></script>
</head>
<body>
</body>
</html>
2、需要引用的脚本是 ExtJS 根目录下的 ext-debug.js , 不是 ext-all-debug.js, 这个文件非常小, 只有几百K , 当让这个只是最基本的 ExtJS 组件, 不包括任何的界面功能。
3、配置 Ext.Loader 启用动态加载;
4、ExtJS 中的动态加载是由 Ext.Loader 来完成的, 默认不启用动态加载, 所以接下来需要做的事配置 Ext.Loader 启用动态加载, 在上面模板的 body 标签内添加如下代码:
<script type="text/javascript">
Ext.onReady(function() {
Ext.Loader.setConfig({
enabled: true,
disableCaching: false,
paths: {
Ext : '/ext-4/src'
}
})
})
</script>
注意:上面的代码启用了动态加载, 禁用了浏览器缓存, 以及指定了 ExtJS 的所部署的路径。
其实你可以通过JS: document.getElementById('id').style.fontSize = '字体大小'Extjs:Ext.getCmp('id').setSize='字体大小'
renderer:function(v){�0�2return '<input type="radio" checked="'+((v=='male')?true:false)+'">"我的客户要求 Grid 只是显示 不能编辑 bool值用checkBox表示那就用渲染函数实现吧,你需要动态赋值,目前这个方法最容易了,把上面我写的radio改成checkbox就行了 2009-09-22 15:11 推荐: 0 次 有帮助? 请推荐HTML code<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script><style>.br{clear:bothdisplay:block}</style><script>Ext.onReady(function() { var sm =new Ext.grid.CheckboxSelectionModel()var cm =new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header:'编号',dataIndex:'id'}, {header:'性别',dataIndex:'sex', renderer:function(v){ if(v=="male") return"<div class='x-form-check' style='background-position:0 -13px'></div>"elsereturn"<div class='x-form-check'></div>" }}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:2009-09-22 15:44 推荐: 0 次 有帮助? 请推荐 OK thx 搞定 其实我后来自己想明白了……开始时候大量时间在想通过 Ext.grid.CheckboxSelectionModel 来实现。。。。