Ajax
文章平均质量分 79
chengli42
这个作者很懒,什么都没留下…
展开
-
ExtJs2.0学习系列(3)--Ext.Window
<br />前面介绍了panel组件--ExtJs2.0学习系列(2)--Ext.Panel,今天将介绍window组件,它继承自panel。<br />先介绍个最简单例子<br />//html代码<br /><div id="win" class="x-hidden"><br /> </div><br /> <br />//js代码<br />var w=new Ext.Window({<br /> contentEl:"win",//主体显示的html元素,也可以写为转载 2010-11-05 20:47:00 · 631 阅读 · 0 评论 -
ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)
<br />前言:说句实话,此extjs系列的文章在博客园中的热度不高,可能是学这玩意的人不多吧,但是我觉得有这么个系列的文章对于中国朋友非常有帮助!请大家支持!<br />上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识,今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及<br />到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!<br />5.服务器数据作为C转载 2010-11-05 20:52:00 · 589 阅读 · 0 评论 -
ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇)
<br />在上篇和前面的介绍中,我们基本上对form表单中常见组件有了简单的认识,今天我们做个综合点的例子,向服务器提交下!<br />其实这篇文章很简单,没有什么发光点,暂放首页半天,忘各位理解!<br />先来个简单的例子,以说明formpanel如何把数据传给其他页面。<br />效果图:<br />现在我们要实现的效果是:点击确定,把值传到另一页面!,如下:<br />原页面js代码为:<br />Ext.onReady(function(){<br /> Ext.QuickTips.init(转载 2010-11-05 20:54:00 · 529 阅读 · 0 评论 -
ExtJs2.0学习系列(2)--Ext.Panel
今天介绍extjs中的Panel组件。//html代码//js代码var p = new Ext.Panel({ title: 'My Panel',//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: 'container',//这个panel显示在html中id为container的层中 width:400, height:200, html: "我是内容,我转载 2010-11-05 20:46:00 · 988 阅读 · 0 评论 -
ExtJs2.0学习系列(4)--Ext.FormPanel之第一式
<br />上篇中我们讨论了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。<br />首先弄清楚这个问题,创建的时候: <br />//查看源代码便知,两种方法是一样的<br />Ext.form.FormPanel = Ext.FormPanel;<br />我们还是从最简单的代码实例开始吧:<br /><!--html代码--><br /><body><br /><div id="form1"></div><br /></body><br />转载 2010-11-05 20:48:00 · 400 阅读 · 0 评论 -
ExtJs2.0学习系列(5)--Ext.FormPanel之第二式
<br />上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去,说全一点,说深一点。<br />3.可选的fieldset实例<br /> 其实就是带个chechbox,有点像论坛注册时有一部分是选填信息的那种效果,主要知识点:<br />//因为觉得这个参数特别,特举一例以说明<br />1.checkboxToggle:true//true则呈现一个带checkbox的fieldset,选中则展开,否则相反,默认为false<br />2.c转载 2010-11-05 20:51:00 · 484 阅读 · 0 评论 -
ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇)
<br />N久没有写extjs的,作为一个新手,我为我的这种懒惰行为感到惭愧!<br />鉴于有朋友反应前面的文章过于简单,我决定以后的文章如果没有闪光点就放在新手区(如果不适合,请跟帖),不放在首页!<br />11.checkbox简单示例<br />效果图:<br /> <br />js代码:<br />Ext.onReady(function(){<br /> Ext.QuickTips.init();<br /> var myform=new Ext.FormPanel({<br />转载 2010-11-05 20:53:00 · 635 阅读 · 0 评论 -
ExtJs2.0学习系列(9)--Ext.TabPanel之第一式
<br />大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!<br />照旧,看个最简单的先,后面再详细说复杂的!<br />效果图片:<br />js代码:<br />Ext.onReady(function(){<br /> var tabsDemo=new Ext.TabPanel({<br /> renderTo:Ext.getBody(),<br /> width:300,<br /> activeTab转载 2010-11-05 20:55:00 · 666 阅读 · 0 评论 -
ExtJs2.0学习系列(10)--Ext.TabPanel之第二式
<br />上一篇种我们简单的了解了下tabpanel<br />下面我们要介绍的是,如何动态的添加标签页! <br />2.动态添加tabpanel的标签页<br />效果图:<br />点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.<br />html代码:<br /><body style="margin:10px;"><br /> <div><br /> <a id="AddNewTab" href="javascript:void(0)">添加新标签页</a><br转载 2010-11-05 20:56:00 · 634 阅读 · 0 评论