`
yaya_wiscom
  • 浏览: 49629 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

本周工作总结2011-11-12

Ext 
阅读更多

场景一:

    创建一个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速查手册大全2011-11-25》是一份全面而详尽的Excel参考资料,旨在帮助用户快速掌握并运用Excel的各项功能。这份手册在2011年11月25日进行了最新的整理,包含了当时Excel的最新特性与技巧,对于学习和提升...

    网络部网络营销推广策划周工作总结分享版周总结2011-08-22.pdf

    这篇文档是关于网络部在2011年8月22日那一周的网络营销推广策划工作总结,主要涉及了搜索引擎优化(SEO)、百度竞价排名管理、社交媒体营销、博客营销、论坛营销、问答式营销以及百度文库营销等多个方面。...

    2011-2012年第一学期安全工作总结.doc

    【文档标题】:“2011-2012年第一学期安全工作总结.doc” 这篇文档是对2011-2012年第一学期学校安全工作的总结,主要讲述了该校在安全管理和防范方面采取的措施、取得的成绩以及积累的经验。以下是其中涉及的重要...

    2011-2012年第一学期教学检查工作总结.doc

    【知识点详解】 这篇文档是关于2011-2012年第一学期教学检查工作的总结,主要涉及以下几个方面...这篇工作总结提供了教学管理、课程实施和质量监控的具体实例,对于理解教育体系中的教学评估和改进策略具有参考价值。

    A10平台WIFI模组参考设计及移植指南v1.3-2011-12-8.pdf

    **标题**:“A10平台WIFI模组参考设计及移植指南v1.3-2011-12-8.pdf” **描述**:“android全志平台wifi驱动调试指南。” 此文档主要介绍了基于全志A10平台的WIFI模组的参考设计与移植指南,旨在为开发者提供一套...

    gromacs-lec-2011-11-session1.pdf

    以上知识点总结了GROMACS的基础知识,分子动力学模拟的原理、力场的构建和积分方法,以及在GROMACS中如何进行模拟。这些信息对于任何希望使用GROMACS进行分子模拟的科研工作者和学生来说都是至关重要的。通过阅读并...

    HBS86调试软件V1.1----新增滤波使能2011-11-10.rar

    本文将深入探讨名为"HBS86调试软件V1.1"的特定版本,该软件在2011年11月10日进行了一个重要更新——新增了滤波使能功能。这个更新不仅提高了软件的性能,还为工程师们提供了更强大的工具来优化和调试HBS86系统。 ...

    专题讲座2021-2022年人力资源部工作总结及未来3年工作计划图文精.doc

    2. **2011年工作总结**: - **招聘制度修订**:在11月份完成了制度的修改,结合公司实际情况优化了招聘流程。 - **绩效考核制度修改**:因中高层管理指标调整,11月份完成修改,12月开始试运行和数据采集。 - **...

    信息化弱电项目验收工作总结-ok.doc

    【信息化弱电项目验收工作总结】 本篇工作总结详细记录了某信息化弱电项目从立项到验收的全过程,项目主要涉及校园安全监控系统的建立,旨在提升学校的安全保障和教学服务质量。以下是项目的主要知识点: 1. **...

    学生会2010-2011年第一学期纳新工作总结.doc

    2010-2011学年第一学期的纳新工作总结,揭示了这次活动的成功之处以及存在的问题,为未来的工作提供了宝贵的参考。 首先,本次纳新活动展现了多民族性的特点。心理协会新吸纳的32名成员中有11名少数民族成员,占总...

    抚州市实验学校2011-2012学年度下学期-期末结束教务处工作安排.doc

    综上所述,抚州市实验学校2011-2012学年度下学期期末考试工作安排详细而全面,不仅包括了考试的具体时间和科目安排,还涉及到了考务人员的分工合作,确保了整个考试流程能够有序进行。此外,学校还特别注意到了考试...

    2011-2017年Java面试大汇总

    【描述】"2011-2017年Java面试大汇总2011-2017年Java面试大汇总"虽然重复,但强调了时间跨度和主题的全面性,意味着这份资料可能是对过去七年Java面试问题的全面总结,涵盖了各个阶段的重要知识和技术。 【标签】...

    2011-国庆节都做些什么-lvl.ppt

    标题中的“2011-国庆节都做些什么-lvl.ppt”暗示这是一份关于如何在2011年国庆节期间规划个人活动的演示文稿,可能包含了一些具体的建议和计划。描述中的“2011-国庆节都做些什么-lvl”进一步强调了内容的主题,即为...

    2011-2012学年度学校少先队工作安排.docx

    - 1月:总结学期工作,表彰优秀队员,整理档案,布置寒假生活。 这些工作安排旨在全面覆盖少先队员的成长需求,通过系统性、多元化的活动,促进他们在道德、知识、体魄和艺术等方面的全面发展,为他们的健康成长...

    参考合同-婚礼庆典服务合同(CH-2011-02).zip

    总结来说,《婚礼庆典服务合同(CH-2011-02)》是保障婚礼顺利进行的重要法律文件,它明确了婚礼服务商和新人之间的权利义务关系,确保双方权益得到保护。在签订前,双方均需仔细阅读合同条款,如有不明确之处,应...

    2010-2011学年第一学期一二年级组半期德育工作总结.doc

    【文档标题】提到的是2010-2011学年第一学期一二年级组的半期德育工作总结,这份文档是一份教育领域的范文,主要涵盖了该学期德育工作的回顾和总结。 【描述】同样强调了这是一份关于一二年级德育工作的中期总结,...

    九阳DJ12B-A11D 豆浆机原理图和芯片资料

    深入到芯片层面,我们有两个重要的资料:"SH69P42V2.7.pdf"和"CS2079CB-2011-11-A.pdf"。SH69P42V2.7是一款微控制器(MCU),在豆浆机中扮演着大脑的角色。它负责接收和处理来自按键的指令,控制电机、加热器和其他...

    ISO 3864-1-2011

    ### ISO 3864-1-2011:图形符号—安全色与安全标志 第1部分:安全标志及安全标记的设计原则 #### 标题解析 **ISO 3864-1-2011** 这一标题指的是国际标准化组织(ISO)发布的一个标准文档,编号为ISO 3864-1-2011...

Global site tag (gtag.js) - Google Analytics