君子王焕

博客园 首页 新随笔 联系 订阅 管理

随笔分类 -  Extjs

学习Extjs基础知识及常用控件
摘要:本系列文章从Extjs的实际运用出发,结合系统开发的实践经验,详细解释Extjs的基本控件及控件扩展的用法,和在平时的学习运用中一步一步查阅的资料、积累经验的集锦。标题及链接奉上,用一个小程序,开启了我的Extjs之旅,下面2-8写的是具体的系统内部使用Extjs各种控件及控件扩展的功能介绍。 1.Extjs-初学者在.NET环境下的学习extjs拼写代码的心得 2.Extjs-从最初的textfield控件学起3.Extjs的ComboBox控件4.Extjs的DataField、Checkbox、RadioGroup控件5.Extjs的FormPanel、TabPanel面板6.Extj. 阅读全文
posted @ 2013-07-23 21:22 君子王焕 阅读(1895) 评论(12) 推荐(5) 编辑

摘要:在Extjs内部使用函数的时候,由于我本身没有真正学过原生的js,所以对于一些函数的写法及用法很生疏,所以用起来很不方便,经常给自己弄出很多莫名其妙的bug,比如当写了一个button,然后为其添加相应的事件时候,我们经常这样定义: this._buttonSave = new Ext.Button({ minWidth: 80, text: '确 定', window: this, handler: this._onButtonSave_Click//定义的函数事件,这里的this指的是window(也可以是外部的panel,总之... 阅读全文
posted @ 2013-07-20 18:49 君子王焕 阅读(910) 评论(0) 推荐(1) 编辑

摘要:对Extjs的grid使用,有时候单单使用其中的某些组、或某些行是远远不够的,还需要对行进行一些扩展,如:与filters相似的row扩展控件,如下这个控件,我也是从网上找的小例子,按照其内部的某些方法,结合自己的工程,应用到相应的文件中,其使用过程还算简单。一般的扩展只需要在行的内部添加些文字或者图片就可以了,我在使用的时候,在行的内部又嵌套了一个grid,达到了多级显示数据的效果,具体界面如下:外面一层是一个groupGrid,内部为其行添加扩展控件内部嵌套grid,这样看起来很适合多级数据的显示//首先在grid内添加插件,形式上是,作为grid内部的一个属性 plugin... 阅读全文
posted @ 2013-07-11 13:46 君子王焕 阅读(3523) 评论(7) 推荐(2) 编辑

摘要:ToolBar首先Ext.Toolbar,对这个控件用的很多,但是功能不太多,一般的就在toolBar上放一堆Button或者label之类的用来进行很多事件的触发或者操作甚至跳转页面,而label等只用来显示提示语。Ipms.office985.ConstructionProjectGroupGridPanel_ToolBar = function (store, view) { …… this._buttonRefresh = new Ext.Toolbar.Button({ iconCls: 'icon-refresh', text: '刷新', ... 阅读全文
posted @ 2013-05-21 21:28 君子王焕 阅读(1167) 评论(0) 推荐(1) 编辑

摘要:在Extjs的使用过程中跟panel有关系的大控件用的最多的的除了formPanel之外,就是GridPanel用得最多了,也就是各种表格。而在使用GridPanel的时候主要用到了显示出来有四种形式的表格,分别和ColumnModel、GridView、SelectionModel、Store等有关。下面就分别介绍这几种GridPanel,关于grid,还有很多有趣的操作:如选择某一行,获得当前行的内容,并显示到不同的文档内,则使用其中的‘rowselect’方法,或者selectchange等方法,其具体用法如下: this._selection.panel = this; /... 阅读全文
posted @ 2013-05-21 13:39 君子王焕 阅读(2805) 评论(1) 推荐(4) 编辑

摘要:对Extjs的使用,在做系统的时候用的最多的是formPanel和Panel,这个和其他的TextField、ComboBox、DateField、Checkbox、RadioGroup等一样都是form里边的控件,而后五中还有其他类似的控件可以放到formPanel里边,我用到的功能大多数情况下布局,即'form'和'column'布局,当然除了本文介绍的panel内放各种小控件,也可以在外层定义一个大panel内部让各种小的panel或者GridPanel。定义与布局Ipms.projects.ProjectEditPanel_BasicPanel = fu 阅读全文
posted @ 2013-05-20 19:11 君子王焕 阅读(3700) 评论(1) 推荐(1) 编辑

摘要:1、DataField定义this._dateFieldApplyDate = new Ext.form.DateField({fieldLabel: '申请时间',value: expertApply.get('id') ? expertApply.get('expertApplyTime') : new Date(),disabled: true,allowBlank: false,width: 200});DataField的用法和TextField的用法基本上是一样的,只不过用上了DataField会显示的方式不同而已,在验证上和普通的T 阅读全文
posted @ 2013-05-18 21:07 君子王焕 阅读(653) 评论(0) 推荐(1) 编辑

摘要:继续学习comboBox控件,重点的是控件的定义,store的读取,和控件的扩展。1、控件的定义及属性, var projectProjectType = [['985', '985工程', ''],['211', '211工程', '']];this._projectProjectType = new Ext.form.ComboBox({store: projectProjectType,//二维数组的数据源,第一个值表示value,第二个值表示显示的text,其余忽略;如果用一维数组则值同时赋 阅读全文
posted @ 2013-05-18 19:30 君子王焕 阅读(1131) 评论(0) 推荐(1) 编辑

摘要:学完上一阶段的Extjs4之后,因为boss多年以前的项目有了新需求,于是开始在很多大牛们做出的项目上进行新的关于Extjs的工作,一开始看到那帮牛的让人不能仰视的人写出来的东西特别不习惯,而且是用vs2008,Extjs2.0编写的,本人把某些理念上的差别当做是代沟导致的。当然在最亲近的小大牛的威逼利诱下,“你得试着去习惯这种写代码的方式”,还是一行一行看起了写的不像Extjs的Extjs,看完之后才发现其实也没什么,对控件的使用变得很规范,而且将不同类型不同功能的代码放到特定的.js文件里边,可读性,和与页面对应的特点都显示的特别明朗,包括抽象出来的一些方法等。当然也包括各种类型的控件定义 阅读全文
posted @ 2013-05-18 14:02 君子王焕 阅读(724) 评论(0) 推荐(2) 编辑

摘要:一、关于学习Extjs初衷由于本人本科阶段的学习不管是写程序还是编代码都是通过整理各种不同的例子,摘抄黏贴不同部分的代码实现想要的功能,因此虽然完成了很多作业、考试、甚至毕业设计,也理清了很多代码与代码之间的关系,也知道相应的理论,甚 至知道怎么用,但是不能用语言表述出很多应有的东西来,不能准确地找到相应的术语。写本科毕业论文的时候,都是先阅读很多其他论文然后拼凑相应的句子,感 觉在阅读论文的时候,很多代码背后都有很多层次的理论,因此对一行简单的代码,就可以解释的很高深。我发现要做的,就不只是简单的会用,还要会说,于是打 算就Extjs的学习与运用过程整理几篇文章,练习一下“说”。而不管是自己 阅读全文
posted @ 2013-05-12 21:30 君子王焕 阅读(816) 评论(2) 推荐(3) 编辑