★Ext的Ajax请求的编写
Ext.Ajax.request({
url: '',
callback: function(options,success,response){
if(success = true){
response.responseText; //可由后台获取JSON格式数据进行解析
}else{
}
}
});
★JSON格式数据的组装和读取
参考:Javascript解析由服务器返回的JSON格式数据
★CheckboxGroup的基本编写方法(checkbox的构造和拼接)
{boxLabel:'部门查看',name:'department-view',id:'department-view',inputValue:'department-view'}
★将字符串转换为Javascript语句的函数:eval()
★Ext.form.FormPanel的add()方法:添加组件
★Ext.form.FormPanel的doLayout()方法:重新计算容器的布局尺寸。当有新组件加入到已渲染容器或改变子组件的大小/位置之后,就需要执行此函数。
备用工具:
Javascript手册,ExtJS API文档
提示:
ExtJS中的CheckboxGroup(和RadioGroup)默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。
在CheckboxGroup构造是,它会将配置中的items等配置项处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态修改。
如果需要根据后台数据动态创建的话,最好试着创建整个CheckboxGroup,而不是动态添加item。
下面是一个根据后台数据动态创建CheckboxGroup的例子:
Ext.Ajax.request({
url: 'control/privilege/EmployeeManage-privilegeGroupSetUI.action?username='+ username,
callback: function(options,success,response){
if(success = true){
var obj = eval( "(" + response.responseText + ")" );
//拼接checkbox子项目
var checkboxitems="";
for(var i = 0;i<obj.groups.length;i++){
if(checkboxitems!="")
checkboxitems+=",";
else
checkboxitems+="[";
var groupid = obj.groups[i].groupid;
// alert(obj.groups[i].name);
var checkboxSingleItem = "{boxLabel:'"+obj.groups[i].groupname+"',name:'"+obj.groups[i].groupname+"',id:'"+obj.groups[i].groupid+"',inputValue:'"+obj.groups[i].groupid+"'";
var usergroup=obj.usergroups;
for(var j=0;j<usergroup.length;j++){
// alert();
if(usergroup[j].groupid == groupid){
checkboxSingleItem += ",checked:'true'";
}
}
checkboxSingleItem+="}";
// alert(checkboxSingleItem);
checkboxitems+=checkboxSingleItem;
}
checkboxitems+="]";
// alert(checkboxitems);
var itemsGroup = new Ext.form.CheckboxGroup({
fieldLabel: '选择权限',
name:'user_add_checkboxgroup',
width:380,
id:'user_add_checkboxgroup',
columns: 1,
name:'items',
width:360,
columns:1,
items:eval(checkboxitems)
});
addFormPanel.add(itemsGroup);
addFormPanel.doLayout();
} else {
Ext.MessageBox.alert('信息提示',"加载权限失败");
}
}
});
分享到:
相关推荐
extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器
ExtJs代码自动生成的规则,可用于反向生成。
Extjs 批量上传图片,选择多个图片可批量删除操作,
ExtJs原生批量上传 + 实时进度 Ext.define('MyApp.ux.upload.UploadWindow', { extend: 'Ext.window.Window', height: 400, width: 700, title: '文件上传', closeAction: 'hide', maximizable: true, ...
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
EXTjs批量上传下载功能
Extjs动态Grid的生成 htm
extjs点击右侧面板生成tab,面板是ul+li的
很好的ext页面布局自动生成功能,快速布局,减少你页面开发时间!用法:解压->添加文件夹到一个web工程当中->进入index.html进入页面编辑就可以自由设计你的布局了,代码在查看/修改中可以看到,只需复制粘贴到自己...
Extjs主界面生成导航文档,附上配图和说明
ExtJs3.0+SWFUPload批量上传文件,且显示上传进度,包括后台servlet处理代码,一定要注意web.xml中servlet的配置
Extjs生成主界面,利用sencha 工具生成
该代码生成器将会生成:简单三成+存储过程+MVC+EXTjs
extjs动态生成model、store、panel;sql拼接等多种技术难点
升级了,大家不要下载这个了,下载我的资源里的的(MVC+Extjs架构WebMis自动生成) 只要你配置了数据库,配置了表,配置了功能菜单,每个菜单对应一个表,就能生产一个基本的系统, 基本系统:能对你的表进行CRUD,...
在 gridPanel中动态生成带按钮及查询条件的工具栏
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs Ext.Net自动生成工具:WebMisDeveloper 适当降低了对使用者的要求,通过WebMisDeveloper生成的系统更接近实际的WebMIS系统,减少了对系统的修改量,只需要进行业务逻辑的编码,WebMisDeveloper会自动生成一套...
Extjs 中文API文档,有对Extjs相关API的中文说明
官方已不再升级(ext.net 1.6),原作者早已不再升级,所以他将源码公布于网上,本人就将其源码升级,新增了很多新功能,现在新版本是基于extjs4.0 的ext.net Pro2.0(官方:www.ext.net)最新最牛气的代码生成器,...