
ExtJs学习系列
cw2008
这个作者很懒,什么都没留下…
展开
-
ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)
上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识,今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据://cs后台代码,简单起转载 2008-10-05 17:28:00 · 432 阅读 · 0 评论 -
ExtJs2.0学习系列(10)--Ext.TabPanel之第二式
下面我们要介绍的是,如何动态的添加标签页! 2.动态添加tabpanel的标签页效果图:点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->body style="marg转载 2008-10-05 17:46:00 · 356 阅读 · 0 评论 -
ExtJs2.0学习系列(5)--Ext.FormPanel之第二式
上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去,说全一点,说深一点。3.可选的fieldset实例 其实就是带个chechbox,有点像论坛注册时有一部分是选填信息的那种效果,主要知识点://因为觉得这个参数特别,特举一例以说明1.checkboxToggle:true//true则呈现一个带checkbox的fields转载 2008-10-05 17:20:00 · 442 阅读 · 0 评论 -
ExtJs2.0学习系列(12)--Ext.TreePanel之第一式
TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:html代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighli转载 2008-10-05 17:52:00 · 437 阅读 · 0 评论 -
ExtJs2.0学习系列(11)--Ext.XTemplate
XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){ //数据源 var data={ n转载 2008-10-05 17:48:00 · 518 阅读 · 0 评论 -
ExtJs2.0学习系列(9)--Ext.TabPanel之第一式
大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!(暂放首页2个小时.)照旧,看个最简单的先,后面再详细说复杂的!效果图片:js代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){转载 2008-10-05 17:42:00 · 410 阅读 · 0 评论 -
ExtJs2.0学习系列(4)--Ext.FormPanel之第一式
上篇中我们讨论了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候: //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧:html代码-->body>div id="form1">div>body>//js代码va转载 2008-10-05 17:18:00 · 437 阅读 · 0 评论 -
ExtJs2.0学习系列(2)--Ext.Panel
今天介绍extjs中的Panel组件。 //html代码div id="container"> /div>//js代码var p = new Ext.Panel({ title: My Panel,//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: container,转载 2008-10-05 17:07:00 · 654 阅读 · 0 评论 -
ExtJs2.0学习系列(1)--Ext.MessageBox
大家都知道,刚开始搞extjs的时候,很是有点困难,所以本人在新手刚入门后准备了这个系列的文章。个人认为用extjs做后台很不错,布局比较完美!1.Ext.MessageBox.alert()方法 有四个参数,为简单起见,主要介绍前面三个参数: alert( title , msg , function(){} ) 其中title,msg为必选参数,function转载 2008-10-05 16:55:00 · 354 阅读 · 0 评论 -
ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树)
继续tree的learn! 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改!LinqData.dbml:html代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->body> div id="cont转载 2008-10-05 17:57:00 · 382 阅读 · 0 评论 -
ExtJs2.0学习系列(13)--Ext.TreePanel之第二式
昨天有朋友说,在IE下有的时候ashx传过来的节点不能加载,其实我也出现这样的问题,很是烦人!今天extjs上看到了一个解决方案,觉得很好:如果treeLoader加载失败,会继续加载,直到成功加载。4.解决IE下非正常加载节点问题即使从服务器取到大量的数据,也没有问题。......基本代码一样,只有js代码的loader小小的修改下:Code highlighting produced转载 2008-10-05 17:55:00 · 488 阅读 · 0 评论 -
ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇)
11.checkbox简单示例效果图:js代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){ Ext.QuickTips.init(); var myform=new Ext.Form转载 2008-10-05 17:33:00 · 503 阅读 · 0 评论 -
ExtJs2.0学习系列(3)--Ext.Window
前面介绍了panel组件--ExtJs2.0学习系列(2)--Ext.Panel,今天将介绍window组件,它继承自panel。先介绍个最简单例子//html代码div id="win" class="x-hidden"> /div>//js代码var w=new Ext.Window({ contentEl:"win",//主体显示的html元素,也转载 2008-10-05 17:12:00 · 595 阅读 · 0 评论 -
ExtJs2.0学习系列(15)--extjs换肤
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤.1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面:解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下转载 2008-10-05 17:59:00 · 450 阅读 · 2 评论