ExtJS进阶学习
文章平均质量分 90
记录本人的实战过程,分享本人的学习过程,适合掌握了一定基础的ExtJSer阅读
KenshinCui
致力于软件开发!
展开
-
ExtJs之GridPanel、FormPanel综合篇
今天我们一块看一下GridPanel和FormPanel的另外一些知识。在这一篇文章中我觉得更多的是FromPanel的应用,虽然前面我们单独说了FromPanel布局及其相关控件,但是关于FromPanel的提交和加载一直没有说。在这一篇文章中我们着重说一下FromPanel的加载与提交,以及如何将FormPanel与TabPanel结合起来等。例子要实现的功能:显示商品信息并且支持分页和搜索;单击某商品弹出相关信息(包括供货商和种类信息);在弹出窗口中可以自动加载相关信息并且可以修改提交。温故而知新原创 2010-11-16 20:44:00 · 16556 阅读 · 8 评论 -
ExtJs典型用法之文件上传
从今天起我会和大家一块来学习ExtJs的典型操作,前面我写了一些ExtJs的文章,那个系列主要是系统的来介绍Ext如何使用。但是我们知道如果仅仅那样来介绍会遗漏很多实用的内容,因此我今后会继续写一些常用的Ext操作方面的内容,暂且叫做"ExtJs典型用法"系列吧。今天我们首先看一下Ext中如何上传文件。我们知道在传统的html中有file组件(也就是type为file的input组件),但是我们也可以看到在Ext中是没有相应的组件的。那么我们如何来上传文件呢?在Ext中要完成上传其实很简单,只需要设置F原创 2010-11-02 22:33:00 · 12804 阅读 · 3 评论 -
ExtJs之TreePanel篇
ExtJs系列的东西好久没有写了(最初想一气呵成的,可是中间有些工作,就给耽误了),今天我们继续看Ext中的TreePanel。有人说即使为了"树"也要学习Ext,足见"树"在Ext中是何等的重要。事实上也确实如此,在Ext中使用"树"可以像在WinFrom中一样操作树形结构。静态树现在我们先看看Ext中最简单的静态树。 看一下效果。 上面我基本上对每个配置属性进行了说明,值得注意的就是loader配置属性,它的功能就是加载数据,虽然从上面还看不到它的作用(因为我们的是静态树,数据直原创 2010-10-28 20:24:00 · 9346 阅读 · 13 评论 -
ExtJs之ComboBox篇
其实我感觉如果大家看过上一篇GridPanel之后对ComboBox的绑定应该很容易了。在这里,我们的demo仍然是动态绑定的(其实这是女朋友问我的一个问题,她当时问我怎么动态绑定ComboBox,我就做了下面的demo)。动态绑定的放其实和GridPanel一样,采用load传参。在GridPanel中我就曾说过,ext中很多组件都可以使用load来实现动态传参的(TreePanel除外)。ComboBoxd动态绑定前台代码:后台代码:运行效果: 上图正是在点击不同button之后原创 2010-09-12 21:13:00 · 10038 阅读 · 5 评论 -
ExtJs之GridPanel篇
前面写了几篇关于Ext基本知识的文章,估计大家都看烦了,但是个人认为对于初学者还是有些用的。从今天开始一起来探讨一些关于Ext的高级知识(其实也不算什么高级知识,只是相对前面的静态的东西来说从今天起会更多的说一些动态方面的内容)。Ext中GridPanel和TreePanel都是常用的组件,被大量使用在Ext开发过程中,今天我们就先看看GridPanel吧。GridPanel的内容比较多,这里先看一些最常用的用法。大家都知道GridPanel是用来显示数据的,这里我会结合实际的开发做一个简单的demo来原创 2010-09-05 21:51:00 · 7051 阅读 · 0 评论 -
ExtJS之布局篇
Ext布局总的来说是很灵活的,因此我觉得有必要一块探讨一下。Ext常用的布局都在Ext.layout下,这里几乎涵盖了所有的布局方式(但是值得注意的是通常我们不是直接通过"new"来创建这些类的对象然后往里面添加控件使用,而是作为控件一个配置属性使用让Ext自动创建对应的类),满足开发者需求。那么我们就其中常用的方式逐一介绍。Border布局Border布局是Ext中常用布局方式(经常用到整个页面的总体布局),感觉用的几率很大。在看代码之前先熟悉一种特殊的容器ViewPort,它是对于浏览器视窗原创 2010-08-28 23:49:00 · 67439 阅读 · 57 评论 -
Ext系列之菜单栏和工具栏
菜单栏和工具栏是经常用的,今天大家一块看看Ext中的菜单和工具如何使用吧!先看下面的代码,貌似有点长,不过注释很清楚,而且下面我会逐一去解释: .item{ padding-left:10px, color:red } 上面我方了原创 2010-08-28 23:32:00 · 9584 阅读 · 0 评论 -
Ext系列form控件篇
在这里我们一块看一下form中几个控件,因为form控件较多这里只简单看几个比较有代表性的。TextField这个是最基本的form控件了,我们看一段代码:Ext.QuickTips.init();//显示提示信息Ext.form.Field.prototype.msgTarget = 'side'; //验证未通过时在对应的控件右侧显示红色提示var tfUserName=new Ext.form.TextField({ id:"userName", name:'u原创 2010-08-16 20:03:00 · 9587 阅读 · 3 评论 -
ExtJs之FormPanel篇
表单时是web中常见的元素,Ext中的表单也是特别丰富的,接下来我们一块看看表单的相关内容。还是先看一下代码和效果:Ext.onReady(function(){ var fp=new Ext.form.FormPanel({ //注意:Ext.form.FormPanel=Ext.FormPanel title:'用户登录', width:300, //height:250, bodyStyle:'padding:5原创 2010-08-16 19:19:00 · 6701 阅读 · 0 评论 -
ExtJs之Panel篇
曾有人说:如果Ext没有panel就没有现在Ext的存在。当然不管这句话正确与否至少说明Panel在Ext中还是有一定的分量的,Panel的子类比较多,例如TabPanel、GridPanel、FormPanel、TressPanel,我们今后会一一学习,今天我们就来看看Ext中关于Panel的基本内容。还是先看代码和效果再做解释: var panel=new Ext.Panel({ id:"myPanel",/原创 2010-08-12 22:02:00 · 4011 阅读 · 0 评论 -
ExtJS之对话框及窗口篇
窗口无论是在基本的js中还是在Ext这种js框架中都是比较常见的,而且现在多数js框架也在视图打造唯美的窗口,当然,Ext就是其中一个。Ext的窗口时很漂亮的,而且类型众多,今天我们就从基础做起逐渐来了解Ext的窗口。注意:对于Ext的目录及其文件存放结构在此就不再过多赘余。基本的Ext对话框首先用Ext的话肯定要引入其类库及其样式文件,注意对于ext-base.js和ext-all.js的引入顺序一定不能够颠倒。首页我们在页面有一个按钮,其id为btnAlert,然后在onRead原创 2010-08-12 21:42:00 · 7260 阅读 · 4 评论 -
几种javascript开发和调试工具
在做javascript开发的时候我想最令人不爽的就是种种难以发现的错误,不是不能修改而是发现不了错在哪里。这是你当然可以凭借着自己的经验查一遍代码,但是很多时候这样是很难发现错误的,而且效率太低了。怎么办呢?这时我们不妨借助于javascript调试工具。 现在的IE8和Chrome本身就有javascript调试工具,Firefox也可以通过安装插件来进行调试。对于I原创 2010-05-22 14:41:00 · 3746 阅读 · 0 评论 -
另一种Web前段开发理念—Ext Js
进入公司一个多周了,上周末因为在学校的一个项目测试报告出来了,有些小问题修改一下,然后做了一些修改,到周日晚上中终于做完了。一个多周没有写文章了,这周末准备抽些时间将这段时间的收获与大家分享一下。首先第一点就是在公司看到了一种新的Web前端开发方式,那就是使用Ext Js设计和做Web前台开发。 Ext Js是一个javascript的库,但是和其他的javascript框架(例原创 2010-05-14 23:37:00 · 3478 阅读 · 0 评论