场景一:
创建一个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
分享到:
相关推荐
《EXCEL速查手册大全2011-11-25》是一份全面而详尽的Excel参考资料,旨在帮助用户快速掌握并运用Excel的各项功能。这份手册在2011年11月25日进行了最新的整理,包含了当时Excel的最新特性与技巧,对于学习和提升...
这篇文档是关于网络部在2011年8月22日那一周的网络营销推广策划工作总结,主要涉及了搜索引擎优化(SEO)、百度竞价排名管理、社交媒体营销、博客营销、论坛营销、问答式营销以及百度文库营销等多个方面。...
【文档标题】:“2011-2012年第一学期安全工作总结.doc” 这篇文档是对2011-2012年第一学期学校安全工作的总结,主要讲述了该校在安全管理和防范方面采取的措施、取得的成绩以及积累的经验。以下是其中涉及的重要...
【知识点详解】 这篇文档是关于2011-2012年第一学期教学检查工作的总结,主要涉及以下几个方面...这篇工作总结提供了教学管理、课程实施和质量监控的具体实例,对于理解教育体系中的教学评估和改进策略具有参考价值。
**标题**:“A10平台WIFI模组参考设计及移植指南v1.3-2011-12-8.pdf” **描述**:“android全志平台wifi驱动调试指南。” 此文档主要介绍了基于全志A10平台的WIFI模组的参考设计与移植指南,旨在为开发者提供一套...
以上知识点总结了GROMACS的基础知识,分子动力学模拟的原理、力场的构建和积分方法,以及在GROMACS中如何进行模拟。这些信息对于任何希望使用GROMACS进行分子模拟的科研工作者和学生来说都是至关重要的。通过阅读并...
本文将深入探讨名为"HBS86调试软件V1.1"的特定版本,该软件在2011年11月10日进行了一个重要更新——新增了滤波使能功能。这个更新不仅提高了软件的性能,还为工程师们提供了更强大的工具来优化和调试HBS86系统。 ...
2. **2011年工作总结**: - **招聘制度修订**:在11月份完成了制度的修改,结合公司实际情况优化了招聘流程。 - **绩效考核制度修改**:因中高层管理指标调整,11月份完成修改,12月开始试运行和数据采集。 - **...
【信息化弱电项目验收工作总结】 本篇工作总结详细记录了某信息化弱电项目从立项到验收的全过程,项目主要涉及校园安全监控系统的建立,旨在提升学校的安全保障和教学服务质量。以下是项目的主要知识点: 1. **...
2010-2011学年第一学期的纳新工作总结,揭示了这次活动的成功之处以及存在的问题,为未来的工作提供了宝贵的参考。 首先,本次纳新活动展现了多民族性的特点。心理协会新吸纳的32名成员中有11名少数民族成员,占总...
综上所述,抚州市实验学校2011-2012学年度下学期期末考试工作安排详细而全面,不仅包括了考试的具体时间和科目安排,还涉及到了考务人员的分工合作,确保了整个考试流程能够有序进行。此外,学校还特别注意到了考试...
【描述】"2011-2017年Java面试大汇总2011-2017年Java面试大汇总"虽然重复,但强调了时间跨度和主题的全面性,意味着这份资料可能是对过去七年Java面试问题的全面总结,涵盖了各个阶段的重要知识和技术。 【标签】...
标题中的“2011-国庆节都做些什么-lvl.ppt”暗示这是一份关于如何在2011年国庆节期间规划个人活动的演示文稿,可能包含了一些具体的建议和计划。描述中的“2011-国庆节都做些什么-lvl”进一步强调了内容的主题,即为...
- 1月:总结学期工作,表彰优秀队员,整理档案,布置寒假生活。 这些工作安排旨在全面覆盖少先队员的成长需求,通过系统性、多元化的活动,促进他们在道德、知识、体魄和艺术等方面的全面发展,为他们的健康成长...
总结来说,《婚礼庆典服务合同(CH-2011-02)》是保障婚礼顺利进行的重要法律文件,它明确了婚礼服务商和新人之间的权利义务关系,确保双方权益得到保护。在签订前,双方均需仔细阅读合同条款,如有不明确之处,应...
【文档标题】提到的是2010-2011学年第一学期一二年级组的半期德育工作总结,这份文档是一份教育领域的范文,主要涵盖了该学期德育工作的回顾和总结。 【描述】同样强调了这是一份关于一二年级德育工作的中期总结,...
深入到芯片层面,我们有两个重要的资料:"SH69P42V2.7.pdf"和"CS2079CB-2011-11-A.pdf"。SH69P42V2.7是一款微控制器(MCU),在豆浆机中扮演着大脑的角色。它负责接收和处理来自按键的指令,控制电机、加热器和其他...
### ISO 3864-1-2011:图形符号—安全色与安全标志 第1部分:安全标志及安全标记的设计原则 #### 标题解析 **ISO 3864-1-2011** 这一标题指的是国际标准化组织(ISO)发布的一个标准文档,编号为ISO 3864-1-2011...