场景一:
创建一个TabPanel,将平台封装的Grid2添加到TabPanel中;出现问题,切换Tab页的时候右边的Tab页中的Grid没有渲染成功。
解决方法:
,createTabPanel:function(){
var tab = new Ext.TabPanel({
id: 'tabid',
width: 1000,
height: 600,
renderTo :'div_main'
});
var panel1 = new Ext.Panel({
title: '面板一',
html: '<div id="div_main1"></div>'
});
var panel2 = new Ext.Panel({
title: '面板二',
html: '<div id="div_main2"></div>'
});
tab1 = tab.add(panel1);
tab2 = tab.add(panel2);
tab1.on('activate',function(){
JXRWJC.gridInit('div_main1');
});
tab2.on('activate',function(){
JXRWJC.gridInit('div_main2');
});
tab.activate(0);
}
在每个Tab页的activate事件中绑定Grid2初始化方法,并将参数传过去(需要渲染的Tab页中的DivID和Grid2的过滤条件,在初始化方法中直接配置Grid2的filter)。
场景二:
如何给Grid2添加多个Toolbar?
解决方法:
首先我们可以设置Grid2的tbar:object/Array属性,按照API上面的解释toolbar是面板顶部的工具条。此配置项可以是Ext.Toolbar的实例、工具条的配置对象或由按钮配置项对象构成的数组,以加入到工具条中。除了Grid2默认配置的tbar之外,我们同样可以自己new出一个tbar对象添加到Grid中去。
var tbar2 = new Ext.Toolbar([
{
text:'上课班级合班'
,tooltip: {title:'上课班级',text:'上课班级维护'}
,iconCls: 'setting_btn'
,handler: this.hbbjMethod
,scope : JXRWJC
},'-',{
text:'任课教师'
,tooltip: {title:'任课教师',text:'任课老师维护'}
,iconCls: 'tech_btn'
,handler: this.rklsMethod
,scope : JXRWJC
},'-',{
text:'编辑教学班'
,tooltip: {title:'编辑教学班',text:'教学班信息维护'}
,iconCls: 'jxb_btn'
,handler: this.bjJxbMethod
,scope : JXRWJC
},'-',{
text: '高级排序'
,tooltip: {title:'支持多列排序',text:'支持多列排序'}
,iconCls: 'extsort_btn'
,handler: this.queryOrderBy
,scope : JXRWJC
}
]);
例如可以定义如上一组功能按钮添加到面板的工具栏中。因为是新new出来的toolbar所以会生成一个新的toolbar放在原来配置的toolbar的下面一行显示。
场景三:
从数据库中取得数据,动态生成checkbox显示在Window窗口中,用户选择某几个checkbox后返回勾选的数据(特定格式的数据)。
存在的问题:
目前系统可能是出于Ext开源协议的限制,一直使用的Ext2.1版本。解决此问题的初步想法是首先创建一个FormPanel,设置其子组件xtype:fieldset,然后在fieldset中再创建两个子组件分别是checkbox(全选checkbox)和使用checkboxgroup分组显示后台取出的JSON数据。我们觉得这个方法肯定是可以实现的,虽然还存在如何将JSON数据设置为checkboxgroup的items值的问题。一个更郁闷的问题彻底迫使我放弃这个方法了,因为Ext2.1不支持xtype:checkboxgroup属性。后来我到网上查了一下具体Ext各个版本之间的差别,有人总结了一下:
基本组件: |
xtype |
Class |
描述 |
button |
Ext.Button |
按钮 |
splitbutton |
Ext.SplitButton |
带下拉菜单的按钮 |
cycle |
Ext.CycleButton |
带下拉选项菜单的按钮 |
buttongroup |
Ext.ButtonGroup |
编组按钮(Since 3.0) |
slider |
Ext.Slider |
滑动条 |
progress |
Ext.ProgressBar |
进度条 |
statusbar |
Ext.StatusBar |
状态条,2.2加进来,3.0 又去了 |
colorpalette |
Ext.ColorPalette |
调色板 |
datepicker |
Ext.DatePicker |
日期选择面板 |
容器及数据类组件 |
xtype |
Class |
描述 |
window |
Ext.Window |
窗口 |
viewport |
Ext.ViewPort |
视口,即浏览器的视口,能随之伸缩 |
box |
Ext.BoxComponent |
盒子组件,相当于一个 <div> |
component |
Ext.Component |
组件 |
container |
Ext.Container |
容器 |
panel |
Ext.Panel |
面板 |
tabpanel |
Ext.TabPanel |
选项面板 |
treepanel |
Ext.tree.TreePanel |
树型面板 |
flash |
Ext.FlashComponent |
显示 Flash 的组件(Since 3.0) |
grid |
Ext.grid.GridPanel |
表格 |
editorgrid |
Ext.grid.EditorGridPanel |
可编辑的表格 |
propertygrid |
Ext.grid.PropertyGrid |
属性表格 |
editor |
Ext.Editor |
编辑器 |
dataview |
Ext.DataView |
数据显示视图 |
listview |
Ext.ListView |
列表视图 |
工具栏组件: |
xtype |
Class |
描述 |
paging |
Ext.PagingToolbar |
分页工具条 |
toolbar |
Ext.Toolbar |
工具栏 |
tbbutton |
Ext.Toolbar.Button |
工具栏按钮 |
tbfill |
Ext.Toolbar.Fill |
工具栏填充区 |
tbitem |
Ext.Toolbar.Item |
工具条项目 |
tbseparator |
Ext.Toolbar.Separator |
工具栏分隔符 |
tbspacer |
Ext.Toolbar.Spacer |
工具栏空白 |
tbsplit |
Ext.Toolbar.SplitButton |
工具栏分隔按钮 |
tbtext |
Ext.Toolbar.TextItem |
工具栏文本项 |
菜单组件: |
xtype |
Class |
描述 |
menu |
Ext.menu.Menu |
菜单 |
colormenu |
Ext.menu.ColorMenu |
颜色选择菜单 |
datemenu |
Ext.menu.DateMenu |
日期选择菜单 |
menubaseitem |
BaseItem |
|
menucheckitem |
Ext.menu.CheckItem |
选项菜单项 |
menuitem |
Ext.menu.Item |
|
menuseparator |
Ext.menu.Separator |
菜单分隔线 |
menutextitem |
Ext.menu.TextItem |
文本菜单项 |
表单及表单域组件: |
xtype |
Class |
描述 |
form |
Ext.FormPanel/Ext.form.FormPanel |
表单面板 |
checkbox |
Ext.form.Checkbox |
多选框 |
combo |
Ext.form.ComboBox |
下拉框 |
datefield |
Ext.form.DateField |
日期选择项 |
timefield |
Ext.form.TimeField |
时间录入项 |
field |
Ext.form.Field |
表单字段 |
fieldset |
Ext.form.FieldSet |
表单字段组 |
hidden |
Ext.form.Hidden |
表单隐藏域 |
htmleditor |
Ext.form.HtmlEditor |
HTML 编辑器 |
label |
Ext.form.Label |
标签 |
numberfield |
Ext.form.NumberField |
数字编辑器 |
radio |
Ext.form.Radio |
单选按钮 |
textarea |
Ext.form.TextArea |
多行文本框 |
textfield |
Ext.form.TextField |
表单文本框 |
trigger |
Ext.form.TriggerField |
触发录入项 |
checkboxgroup |
Ext.form.CheckboxGroup |
编组的多选框(Since 2.2) |
displayfield |
Ext.form.DisplayField |
仅显示,不校验/不被提交的文本框 |
radiogroup |
Ext.form.RadioGroup |
编组的单选按钮(Since 2.2) |
数据集 Store: |
xtype |
Class |
描述 |
arraystore |
Ext.data.ArrayStore |
|
directstore |
Ext.data.DirectStore |
|
groupingstore |
Ext.data.GroupingStore |
|
jsonstore |
Ext.data.JsonStore |
|
simplestore |
Ext.data.SimpleStore |
|
store |
Ext.data.Store |
|
xmlstore |
Ext.data.XmlStore
|
无法使用checkboxgroup组件,想到一个简单的方法,使用同步的Ajax请求到后台取得需要展示的数据,在前台拼接成HTML直接显示到Window的html属性中。这里还需要实现全选的功能,直接遍历生成的html
for(var i=0,length=checkbox.length;i<length;i++){
if(checkbox[i].type == 'checkbox'){
if(checkbox[i].checked){
checkbox[i].checked = false;
}else{
checkbox[i].checked = true;
}
}
}
document.getElementById("tb_check").getElementsByTagName("input");取得table下面所有的checkbox的javascript组件。
场景四:ExtJs在IE报对象不支持此属性或方法。
有时候为了测试Ext相关文件是否被正确的引用,我们用eclipse自动生成jsp文件以及js文件,然后我们兴高采烈的在js中写下Ext.onReady(function(){})函数来测试,有时候会莫名其妙的出现此类问题
原因:引用js的JSP页面第一个元素不能为文本text,否则IE浏览器会报错。也就是说<body>标签后面紧跟的必需是div、table、form等元素,不能是任何类型的文本。
场景五:数据库分页语句(效率比较高)
SELECT x.* FROM (
SELECT jbxx.*,ROWNUM rn FROM T_XJ_JBXX jbxx WHERE ROWNUM <=10 ORDER BY xh
) x WHERE x.rn >0
分享到:
相关推荐
2010、12、12-2011、5我参与了山东晨鸣纸业锅1*200MW机组的热控调试工作,并且与德国方面相关技术人员进行了良好的沟通和合作,该机组一次性投产,受到甲方的一致赞赏,为公司赢得了声誉。 20011年至今我现在从事...
计算机科学系分团委_学生会2011年上半年工作总结.pdf
11-某公司2008年培训管理手册(doc 20页) 12-13家世界名企的特色培训解密(IBM惠普麦当劳可口可乐等)-93页 14-北京首信股份-员工培训管理办法(含表格)-DOC16页 15-中国阳光集团-2010年员工培训办法 16-中企动力...
23 成立MRB,异常发生时召集小组,第一时间处理 系统化检讨产品异常,利用团队力量解决问题、提高工作效率 2011/11/1 24 要可以证明作业的恰当 所有进料的检验均需要有相关表单支持 记录数据,以便追溯 2011/7/1 ...
总结 2011年10月20日~12月28日 三、选题理由 1.本项目工程质量目标为:鲁班奖。 2.国家首批(绿色施工示范工程)。 3.岩棉板保温材料是一种人造纤维板,具有不然、无毒、轻质、导热系数底吸声性能好、绝缘、化学...
遵照上级领导指示,我公司于2011年11月3日停止井下一切采掘活动,矿井只是...因此,按照我公司相关领导的要求和指示,三对复工矿井只在地面开展专业培训和隐患整改工作,现将我公司11月份系统隐患排查分析总结如下:
│ ├11 - Linux基础及操作系统框架4.mp4 │ ├12 - Shell命令机制1.mp4 │ ├13 - Shell命令机制2.mp4 │ ├14 - Shell命令机制3.mp4 │ ├15 - Shell命令机制4.mp4 │ ├16 - Linux命令类库机制及常用命令_命令...
第九单元 焊缝和母材的不连续 2011-11-12 介绍 焊接检验师很重要的一项工作就是评估焊缝是否符合要求。在评估的各个阶段中,检验师必须检验焊缝或焊件中的不规则, 我们经常把这些不规则叫做不连续。 通常不连续...
前言 -12 致谢 -9 目录 -7 第1章 阅读前的准备工作 1 1.1 系统架构 2 1.1.1 Android系统架构 2 1.1.2 本书的架构 3 1.2 搭建开发环境 4 1.2.1 下载源码 4 1.2.2 编译源码 6 1.3 工具介绍 8 1.3.1 Source ...
我们特地总结了客户在使用聚生网管的系统中可能遇到的问题和解决方法,提供给客户参考: 1、在运行聚生网管之前,确保你的路由器、交换机、防火墙等网络设备没有进行IP-MAC绑定功能;确保在路由器或者防火墙上没有...
本书是作者根据多年的工作学习经验,总结的第一手驱动开发资料。本书更多的是经验之谈,一些实践中的小发现小意外,颇为书中内容添彩。 本书的特色之一,是对WDF框架做了较多的切入。本书第一个主要内容是(第3~7章...
二、实习时间及课程 2011年11月21日 宽带接入 2011年11月22日 路由器 2011年11月23日 移动通信 2011年11月24日 交换技术 三、实习内容 在本次实习中,我们接受了北京电信培训中心工作人员较为详尽的授课,授课内容...
上架时间:2011-11-9 出版日期:2011 年11月 开本:16开 页码:502 版次:1-1 主编推荐 资深Oracle专家力作,OakTable团队推荐 全面、独到、翔实,题材丰富 Oracle开发人员和DBA必备 内容简介 Oracle ...
7 3.3.4查询函数 8 3.3.5删除函数 9 3.3.6排序函数 10 四、详细设计和系统实施 11 4.1数据结构设计 11 4.1.1定义数组 11 4.1.2定义结构体 11 4.1.3函数功能描述 11 4.2界面设计 12 4.2.1用户登录界面 12 4.2.2 主...
5 数据库实现 7 2.2程序设计 11 2.2.1概要设计 11 2.2.2程序实现 11 第3章 设计总结 14 参考文献 15 第1章 设计目的与要求 1.1设计目的 本设计专题是软件工程类专业的有关管理信息系统设计开发的一个重要环节,...
8 及时按总结计划模板完成月度工作总结与计划 项目经理、部门经理 当月最后一天12点前,需要按时完成 9 积极参与职能部门的各项工作和活动 全员 绩效考核占据20%权重,积极主动参与 10 日常工作能够按时完成,并...
智能建筑工程应用综合实训 视频监控系统设计方案 设计单位:电子设备与运行管理2011-1班 设计人员:刘德红 10608111027 设计日期: 2012年 12 月7 日 目录 1. 工程概况 1 2.设计依据 1 3.总体设计 2 3.1. 设计目标 2...
过程 在 2011 年 2 月 11 号我在支行会计结算部正式实习,由于我原 在银行工作,主要职责是对支行计算机软硬件的维护工件,我决定 边工作边实习,在这里过自己的实习期,并将完成自己的实习目的。 每天在规定的时间...
10 LED数码管的引脚说明 11 LED数码管编码说明 12 单片机最小系统电路 13 AD0832电路 14 四位数码管显示电路 14 电路原材料清单 15 使用工具及仪表清单 16 4软件设计 17 程序设计总方案 17 系统子程序设计 17 初始化...