Extjs如何动态加载Extjs脚本

html-css011

Extjs如何动态加载Extjs脚本,第1张

1、首先,需要先创建一个基本可用的 ExtJS 模板, 这个很简单, 如下所示:

<!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 来实现。。。。