`
- 浏览:
45047 次
- 性别:
- 来自:
北京
-
一、从form中获取field的三个方法:
1、Ext.getCmp('id');
2、FormPanel.getForm().findField('id/name');
3、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。
二、ExtJS如何给textfield赋值的三个方法:
var value="值";
1、 fs.form.findField(id/name).setValue(value);
2、 Ext.get(id/name).setValue(value);
3、 Ext.getCmp(id).setValue(value);
三、Ext grid中得到选择行的方法
在Ext grid中假设有一个名称为grid的对象。
(1)grid.getStore().getRange(0,store.getCount());//得到grid所有的行
(2)grid.getSelectionModel().getSelections()//得到选择所有行
(3)grid.selModel.selections.items;//得到选择所有行
(4)grid.getSelectionModel().getSelected();//得到选择行的第一行
四、formPanel组件load数据时combo的自动赋值
combo有个hiddenName这个属性,这个属性是真正提交的值,在加载的时候你 将这个属性的设置到reader中,就可以自动选择到指定的值了,比如说:hiddenName:'value',那么你的reader中就应该有一个 {name:'value'}.
五、ExtJS 重置表单的方法:
有三种方法能实现form表单的重置,假设var fs=new Ext.form.FormPanel({...});
(1)fs.form.reset();//重置form
(2)fs.getForm().getEl().dom.reset();//重置form
(3)Ext.getCmp('fs').form.reset();
// 添加页头工具栏
var gridHead = grid.getView().getHeaderPanel(true);
var tbHead = new Ext.Toolbar(gridHead);
// 在页头工具栏右侧添加按钮
Ext.get(Ext.get(tbHead.addSpacer().getEl()).dom.parentNode).setStyle('width','100%');
tbHead.addButton(...);
// 页头双工具栏
var tbar2container = Ext.DomHelper.append(tbHead.el,{tag:'div',id:Ext.id()},true);
var tbar2 = new Ext.Toolbar(tbar2container);
tbar2.add("Second row:",{text:"Button 3"},'-',{text:"button 4"});
Extjs中的两个小技巧
首先要说的是一个BUG,其实,严格来说不算是一个真正意义上的BUG。当我们在FormPanel里面添加items的元素的时候,多数人会直接new,比如这样。
items : [new Ext.form.TextField({
fieldLabel : '姓名',
anchor : '100%',
name : 'student.name'
})]
有时候这个输入框或者下拉框在外面需要使用,我们就必须将它定义到外面来,items[cfg.owner.txtName]就是这样了,这个时候,我们 就会遇到这个BUG,如果你的这个FormPanel是放在window上,是通过点击按钮new出来一个window来实现,BUG就出现了,我关闭掉 这个window,然后再点击按钮的话,就不会出现window了。原因是txtName是定义在外面的,类似于一个全局的变量,当关闭window的时 候,就将这个全局的变量关掉了,再打开就不可以了,在items里面new的话,每次打开都会new一个全新的对象,也就不会碰到这样的问题了。如果输入 框或者下拉框在外面需要使用的话,可以给他们添加一个id属性,通过Ext.getCmp(‘id’)来获得这个控件。
Extjs的combobox功能很强大,接下来,就是用它来模仿一个百度的功能。
ExtJS小技巧(一) - adyhpq - adyhpq的个人主页
百度能输入英文从而来获取中文提示,现在要做的就是用Extjs的combobox来做这个。在数据库中有这样一张表。
ExtJS小技巧(一) - adyhpq - adyhpq的个人主页
前台的Extjs没有什么特别要地方,要注意的就是combobox中的minChars属性,它指的是输入几个字符的时候combobox自动完成,从 上面的表中可以看出,我们可以设置为1,也可以设置为2。接下来就是后台的事情了,首先必须知道,combobox传送字符串的键(查Ext的API可以 知道是"query"),从而获得输入的值。
String pinyin = request.getParameter("query");
List gradeList;
if(null == pinyin || ("").equals(pinyin)){
gradeList = gradeService.selectAll();
}else{
gradeList = gradeService.selectByPinYin(pinyin);
}
request.setAttribute("gradeList", gradeList);
return mapping.findForward("gradeXml");
ExtJS小技巧(一) - adyhpq - adyhpq的个人主页
这样我们就实现了这个功能。还有一点要说的,如果数据库中有大量的中文,我们不可能给每条数据添加拼音缩写,这个时候就可以使用java的第三方包pinyin4j-2.5.0.jar来实现中文转成拼音。
extjs-grid
1)表格在进入下一层的时候无法高亮显示的解决办法
grid中,deferRowRender:false //渲染行高亮显示
2)grid,checkbox
this.ssm = new Ext.grid.CheckboxSelectionModel();
this.ssm.handleMouseDown = Ext.emptyFn;//这个方法可以在点击行的时候不会选择checkbox,点击checkbox的时候不会选择行,然后再增加rowclick事件
3)grid,column,hide
隐藏:grid.getColumnModel().setHidden( 列索引, true);
显示: grid.getColumnModel().setHidden( 列索引, false);
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
extjs资料以及extjs学习指南,extjs资料以及extjs学习指南
ExtJS学习手册。。。。,帮助学习extjx的朋友。。
在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...
在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...
extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程
EXTJS in Action 是一本专为学习EXTJS编写的书籍,但这里我们主要关注学习笔记中的关键知识点。 首先,EXTJS的目录结构非常重要,因为它包含了所有必要的资源和源码: 1. `adapter`:这部分包含了适配器,用于将...
EXTJS4的学习文档旨在帮助开发者掌握这一框架,尤其对于初学者来说,提供了宝贵的资源。文档中包含了从环境配置到实际应用开发的基础步骤。 首先,学习EXTJS4的第一步是获取EXTJS的开发资源。EXTJS的下载地址是...
目录 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 ...28. extJs 2.0学习笔记(ext.js篇) 77
ExtJs学习实例ExtJs学习实例ExtJs学习实例
适合ExtJs开发人员extjs技术上手以及深入
然而,压缩包中的文件列表与EXTJS学习资料没有直接关联,反而暗示可能与修复或安装使用VC++ 2005编译的软件有关。如果你正在寻找EXTJS的学习资料,你应该寻找包含JavaScript代码、教程文档、开发环境设置指南等内容...
EXTJS4.2学习入门教程 EXTJS4.2学习入门教程 EXTJS4.2学习入门教程
标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...
在“extjs easyui小图标”这个主题中,我们可以学习以下几个关键知识点: 1. **图标集成**:在ExtJS和EasyUI中,图标通常是通过CSS样式来实现的。每个框架会提供一个图标字体或SVG资源文件,开发者可以在HTML元素中...
EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!
EXTJS学习,webform+mvc routeing extjs布局 适合初学者
ExtJS是一种基于JavaScript的开源富客户端框架,特别适用于构建企业级的Web应用程序。...文档《ExtJs2.0学习系列.doc》应包含了关于这些主题的详细教程和示例,是学习ExtJS 2.0不可或缺的参考资料。
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
ExtJs 各种学习资料 [深入浅出Ext.JS].徐会生等.扫描版.pdf EXT 中文手册.pdf Ext.JS.4.First.Look.pdf ext4笔记.doc extjs4.0.doc Extjs4.0学习指南(中文).docx ExtJsBook.chm extjs核心api详解.doc ExtJS实用开发...
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...