![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ext JS
文章平均质量分 79
witcheryne
@witcheryne on JavaEye: http://witcheryne.iteye.com/
有Geek范,喜欢技术,有点宅,绝对不属于IT沉闷男。如果有机会,辞了工作去创业
展开
-
Ext JS 学习(2) Ext.Panel 组件的使用
今天介绍extjs中的Panel组件。//html代码div id="container"> /div> //js代码var p = new Ext.Panel({ title: My Panel,//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: contain转载 2008-10-29 10:12:00 · 2262 阅读 · 0 评论 -
Ext JS 学习(11) Ext.Template的使用
XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码:Code highlighting produced by Actipro CodeHighlighter (freeware)-->Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{转载 2008-11-01 10:36:00 · 7978 阅读 · 5 评论 -
Ext JS 学习(7) Ext.FormPanel 组件的使用第四式(CheckBox, Radio, HtmlEditor,DateField等组件)
N久没有写extjs的,作为一个新手,我为我的这种懒惰行为感到惭愧!鉴于有朋友反应前面的文章过于简单,我决定以后的文章如果没有闪光点就放在新手区(如果不适合,请跟帖),不放在首页!11.checkbox简单示例效果图:js代码:<!-- Code highlighting produced by Actipro CodeHighlighter (freeware)http:/转载 2008-11-01 00:37:00 · 5065 阅读 · 2 评论 -
Ext JS 学习(5) Ext.FormPanel 组件的使用第二式(fieldset的使用, ExtJS表单验证模式)
上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去,说全一点,说深一点。3.可选的fieldset实例 其实就是带个chechbox,有点像论坛注册时有一部分是选填信息的那种效果,主要知识点://因为觉得这个参数特别,特举一例以说明1.checkboxToggle:true//true则呈现一个带checkbox的fieldset,转载 2008-10-30 11:17:00 · 6982 阅读 · 0 评论 -
Ext JS 学习(8) Ext.FormPanel 组件的使用第五式(FormPanel的综合使用,提交页面到后台)
今天我们做个综合点的例子,向服务器提交下!其实这篇文章很简单,没有什么发光点,暂放首页半天,忘各位理解!先来个简单的例子,以说明formpanel如何把数据传给其他页面。效果图:现在我们要实现的效果是:点击确定,把值传到另一页面!,如下:原页面js代码为:Ext.onReady(function(){ Ext.QuickTips.init(); var form=new Ext转载 2008-11-01 01:11:00 · 1591 阅读 · 0 评论 -
三种Ext提交数据的方法
三种Ext提交数据的方法1, EXT的form表单ajax提交(默认提交方式)[复制到剪贴板]CODE: 1. function login(item) { 2. 3. if (validatorForm()) { 4. // 登录时将登录按钮设为disabled,防止重复提交转载 2008-11-01 01:08:00 · 1905 阅读 · 0 评论 -
Ext JS 学习(6) Ext.FormPanel 组件的使用第三式(Combo的使用)
今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据://cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)public string Ser原创 2008-11-01 00:30:00 · 2578 阅读 · 0 评论 -
Ext JS 学习(4) Ext.FormPanel 组件的使用第一式
上篇中我们讨论了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候: //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧:html代码-->body>div id="form1">div>body> //转载 2008-10-30 00:08:00 · 1417 阅读 · 0 评论 -
Ext JS 学习(3) Ext.Window 组件的使用
今天将介绍window组件,它继承自panel。先介绍个最简单例子//html代码div id="win" class="x-hidden"> /div> //js代码var w=new Ext.Window({ contentEl:"win",//主体显示的html元素,也可以写为el:"win" width:300,原创 2008-10-29 23:23:00 · 1692 阅读 · 0 评论 -
Ext JS 学习(1) Ext.MessageBox.show()方法的使用
.Ext.MessageBox.show()方法 功能很强大,采用config配置形式,比前面的方法使用更方便。 参数很多,在此列举最常用的配置参数:1.animEl:对话框弹出和关闭时的动画效果,比如设置为“id1”,则从id1处弹出并产生动画,收缩则相反2.buttons:弹出框按钮的设置,主要有以下几种:Ext.Msg.OK,转载 2008-10-28 23:59:00 · 6742 阅读 · 1 评论 -
Ext JS 学习(12) Ext.TreePanel的使用 第一式
今天开始,我们就开始一起学习TreePanel了,道个歉,上篇的代码很乱阿.我总是喜欢用最简单的例子开始,去理解最基本的使用方法,减少对i后面高级使用的干扰!TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:html代码:Code highligh转载 2008-11-01 11:10:00 · 2348 阅读 · 0 评论