Extjs2.0

ExtJS2.0之Panel

面板Panel是ExtJS控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容
总钻风来巡山·2023-04-18 19:54

ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)

上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。
zhaohanjiangit·2020-09-13 23:10

ExtJs2.0学习系列(5)--Ext.FormPanel之第二式

上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去，说全一点，说深一点。3.可选的fieldset实例其实就是带个chechbox，有点像论坛注册时有一部分是选填信息的那种效果，主要知识点：//因为觉得这个参数特别，特举一例以说明1.checkboxToggle:true//true则呈现一个带checkbox的fieldset，选中则展开
wormwormwormworm·2020-09-13 23:27

ExtJS2.0快速入门（二）

使用Widgets(Widget原意为“小器件”，现指页面中UI控件)除了我们已经讨论过的核心JavaScript库，当前的Ext亦包括了一系列的最前端的JavaScirptUI组件库。文本以一些常用的widget为例子，作简单的介绍。MessageBox比起略为沉闷的“HelloWolrd”消息窗口，我们做少许变化，前面我们写的代码是，单击某个段落便会高亮显示，现在是单击段落，在消息窗口中显示段
东子哥7·2020-09-13 22:44

ExtJs2.0学习系列(9)--Ext.TabPanel之第一式

大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!(暂放首页2个小时.)照旧,看个最简单的先,后面再详细说复杂的!效果图片:js代码:Ext.onReady(function(){vartabsDemo=newExt.TabPanel({renderTo:Ext.getBody(),width:300,activeTab:0,//当前激活标签frame:true,items:[{
cw2008·2020-09-13 21:58

ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)

上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。
wormwormwormworm·2020-09-13 21:55

extjs2.0

为什么80%的码农都做不了架构师？>>>MyAwesomeBookExt.onReady(function(){Ext.BLANK_IMAGE_URL="../Ext/resources/images/default/s.gif";Ext.QuickTips.init();Ext.form.Field.prototype.msgTarget="qtip";Ext.state.Manager.set
weixin_33980459·2020-09-13 21:36

ExtJs2.0学习系列(2)--Ext.Panel

上一篇文章ExtJs2.0学习系列(1)--Ext.MessageBox，受到了大家的褒贬不一，还是有的朋友提出好的建议，在此表示感谢！今天介绍extjs中的Panel组件。
wormwormwormworm·2020-09-13 21:07

ExtJs2.0学习教程(5)--Ext.FormPanel之第二式

上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去，说全一点，说深一点。3.可选的fieldset实例其实就是带个chechbox，有点像论坛注册时有一部分是选填信息的那种效果，主要知识点：//因为觉得这个参数特别，特举一例以说明1.checkboxToggle:true//true则呈现一个带checkbox的fieldset，选中则展开
NoahT_T·2020-09-12 02:33

关于Extjs2.0日期控件(DateField)在FireFox3下

公司项目之前用到了ext2.0版本，在最新Firefox3上发生了时间空间被拉长的bug，在网上找到解决办法.FireFox3.x出来了一段时间了，很多用户依然使用的是EXTJS2.02的版本。（很多原因......）,日期控件在FireFox3.x下会被拉得很长很长。这一个问题官方已经解决了。解决办法：你必须在CSS中明确设置它的宽度。css代码.x-date-middle{padding-to
iteye_13498·2020-09-11 01:40

extJs 2.0学习笔记

extJs2.0学习笔记(ext.js篇)要是以前，我铁定整天到处找教程看，光说不练，现在觉悟了，看教程看得最多，不一定能看完，看完了不
火焰雪人·2020-09-11 01:51

关于Extjs2.0日期控件(DateField)在FireFox3下过长的解决办法

FireFox3.x出来了一段时间了，很多用户依然使用的是EXTJS2.02的版本。（很多原因......）,日期控件在FireFox3.x下会被拉得很长很长。这一个问题官方已经解决了。解决办法：你必须在CSS中明确设置它的宽度。css代码.x-date-middle{padding-top:2px;padding-bottom:2px;width:130px;/*FF3*/}(已经试用过了)另一
名字到底多长·2020-09-10 23:43

修改ExtJs store默认的排序行为

ExtJs2.0的时候，普通的Ext.data.SimpleStore的对数据的排序行为是区分大小写的。
hongmei_xp·2020-08-26 12:18

ExtJs2.0学习系列(3)--Ext.Window

前面介绍了panel组件--ExtJs2.0学习系列(2)--Ext.Panel，今天将介绍window组件，它继承自panel。
cw2008·2020-07-01 21:55

ExtJs2.0学习系列(11)--Ext.XTemplate

XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码:Ext.onReady(function(){//数据源vardata={name:"博客园",read:[{book:'>',date:'2007-7-7'},{book:">",date:"2006-6-6"}]}//呈现组件varmypanel=newExt.Panel({width:400,id:"m
ama7449·2020-06-22 13:02

四、《ExtJS2.0实用简明教程》之应用ExtJS

应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配器，因此，可以把adapter/e
·2015-11-13 17:52

三、《ExtJS2.0实用简明教程》之获得ExtJS

要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，网址 http://extjs.com/download，进入下载页面可以看到大致如图xxx所示的内容，可以选择选择1.1或2.0版本，本教程使用的2.0版本。   图1-1 ExtJs不同版本下载选择页面 　　单击上图中的【Download ext-2.0.zip】超链接进行
·2015-11-13 17:51

二、《ExtJS2.0实用简明教程》之ExtJS简介

ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用，下面是一些使用ExtJS开发的应用程序截图： (wlr的blog应用) (ExtJS的表格控件) (不同主题的ExtJS弹出框效果) 　　ExtJS是一个用javascript写的，主要用于创建前端用户界面，是
·2015-11-13 17:50

一、《ExtJS2.0实用简明教程》序言

本系列文章均转载自  http://www.easyjf.com/blog/lengyu/index.html 以下转载教程暂不说明 ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、
·2015-11-13 17:50

《ExtJS2.0实用简明教程》之基本表格GridPanel

 ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。        表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为grid。ExtJS中，表格Grid必须包含列定义信息，并指定表格的数据存储器Store。表格的列信息由类E
·2015-11-13 04:51

ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树)

继续tree的learn! 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改! LinqData.dbml:html代码: < body >      < div  id ="container"  style ="float:left; mar
·2015-11-12 22:50

ExtJs2.0学习系列(15)--extjs换肤

extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下ima
·2015-11-12 22:50

ExtJs2.0学习系列(13)--Ext.TreePanel之第二式

昨天有朋友说,在IE下有的时候ashx传过来的节点不能加载,其实我也出现这样的问题,很是烦人!今天extjs上看到了一个解决方案，觉得很好:如果treeLoader加载失败，会继续加载，直到成功加载。4.解决IE下非正常加载节点问题即使从服务器取到大量的数据，也没有问题。．．．．．．基本代码一样，只有js代码的loader小小的修改下：  loader: new  Ext.
·2015-11-12 22:49

ExtJs2.0学习系列(11)--Ext.XTemplate

XTemplate是Extjs里面的模板组件. 下面我们看个最简单的例子. 效果图: js代码: Ext.onReady( function (){      // 数据源      var  data = {       &
·2015-11-12 22:48

ExtJs2.0学习系列(12)--Ext.TreePanel之第一式

TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:html
·2015-11-12 22:48

ExtJs2.0学习系列(10)--Ext.TabPanel之第二式

上一篇种我们简单的了解了下tabpanel下面我们要介绍的是，如何动态的添加标签页！ 2.动态添加tabpanel的标签页效果图:点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码: < body  style ="margin:10px;" >      <
·2015-11-12 22:47

ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇)

在 上篇和前面的介绍中，我们基本上对form表单中常见组件有了简单的认识，今天我们做个综合点的例子，向服务器提交下！ 其实这篇文章很简单，没有什么发光点，暂放首页半天,忘各位理解！ 先来个简单的例子，以说明formpanel如何把数据传给其他页面。 效果图： 现在我们要实现的效果是： 点击确定，把值传到另一页面！，如下：原页面js代码为： Ext.onReady( func
·2015-11-12 22:46

ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇)

N久没有写extjs的，作为一个新手，我为我的这种懒惰行为感到惭愧！鉴于有朋友反应前面的文章过于简单，我决定以后的文章如果没有闪光点就放在新手区(如果不适合，请跟帖)，不放在首页！11.checkbox简单示例效果图： js代码： Ext.onReady( function (){   Ext.QuickTips.init();    var &n
·2015-11-12 22:45

ExtJs2.0学习系列(9)--Ext.TabPanel之第一式

大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!(暂放首页2个小时.)照旧,看个最简单的先,后面再详细说复杂的!效果图片:js代码: Ext.onReady(function(){      var tabsDemo = new  Ext.TabPanel({    &nbs
·2015-11-12 22:45

ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)

上篇 ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。
·2015-11-12 22:44

ExtJs2.0学习系列(5)--Ext.FormPanel之第二式

上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去，说全一点，说深一点。3.可选的fieldset实例   其实就是带个chechbox，有点像论坛注册时有一部分是选填信息的那种效果，主要知识点： // 因为觉得这个参数特别，特举一例以说明 1 .checkboxToggle: true // true则呈现一个带
·2015-11-12 22:43

ExtJs2.0学习系列(4)--Ext.FormPanel之第一式

上篇中我们讨论了Ext.window的简单使用，今天我们要看看强大的FormPanel,也是继承panel组件的使用。 首先弄清楚这个问题，创建的时候：  // 查看源代码便知，两种方法是一样的 Ext.form.FormPanel  =  Ext.FormPanel; 我们还是从最简单的代码实例开始吧： <!-- html代码 --> &
·2015-11-12 22:42

ExtJs2.0学习系列(3)--Ext.Window

前言：关于extjs，为了照顾还没有入门的新手，我给一点提示，有一个网站浪曦视频在线里面请了个老师录制了extjs的介绍入门的视频，环境可能不同，但原理和使用方法是一样的，绝对值得一看（如果你想入门的话），希望没有广告的意思。主站：浪曦视频在线extjs介绍及应用举例：ExtJS视频教程 第1讲 ExtJS介绍及应用举例我不知道是不是要注册，觉的好的话，就值！前面介绍了panel组件--ExtJs
·2015-11-12 22:42

ExtJs2.0学习系列(2)--Ext.Panel

上一篇文章ExtJs2.0学习系列(1)--Ext.MessageBox ，受到了大家的褒贬不一，还是有的朋友提出好的建议，在此表示感谢！今天介绍extjs中的Panel组件。
·2015-11-12 22:41

ExtJs2.0学习系列(1)--Ext.MessageBox

大家都知道，刚开始搞extjs的时候，很是有点困难，所以本人在新手刚入门后准备了这个系列的文章。 个人认为用extjs做后台很不错，布局比较完美！ 1. Ext.MessageBox.alert()方法       有四个参数，为简单起见，主要介绍前面三个参数：       
·2015-11-12 22:40

ExtJs2.0 系列学习

  我的标签: ExtJs2.0 ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树) ExtJs2.0学习系列--索引贴
·2015-11-11 07:04

ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树)

继续tree的learn! 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改! LinqData.dbml: html代码: < body >      < div  id ="container"  style ="float:left; 
·2015-11-08 14:23

ExtJs2.0学习系列(2)--Ext.Panel

  上一篇文章ExtJs2.0学习系列(1)--Ext.MessageBox ，受到了大家的褒贬不一，还是有的朋友提出好的建议，在此表示感谢！今天介绍extjs中的Panel组件。
·2015-11-07 15:22

ExtJs2.0学习系列(3)--Ext.Window

前面介绍了panel组件--ExtJs2.0学习系列(2)--Ext.Panel，今天将介绍window组件，它继承自panel。
·2015-11-07 15:21

ExtJs2.0学习系列(4)--Ext.FormPanel之第一式

上篇中我们讨论了Ext.window的简单使用，今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候：  //查看源代码便知，两种方法是一样的Ext.form.FormPanel = Ext.FormPanel; 我们还是从最简单的代码实例开始吧： <!--html代码--><body><div id=
·2015-11-07 15:20

ExtJs2.0学习系列(5)--Ext.FormPanel之第二式

上篇中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去，说全一点，说深一点。3.可选的fieldset实例   其实就是带个chechbox，有点像论坛注册时有一部分是选填信息的那种效果，主要知识点： //因为觉得这个参数特别，特举一例以说明1.checkboxToggle:true//true则呈现一个带checkbox
·2015-11-07 15:20

ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇)

上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。
·2015-11-07 15:19

ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇)

N久没有写extjs的，作为一个新手，我为我的这种懒惰行为感到惭愧！鉴于有朋友反应前面的文章过于简单，我决定以后的文章如果没有闪光点就放在新手区(如果不适合，请跟帖)，不放在首页！11.checkbox简单示例效果图：   js代码： Ext.onReady(function(){  Ext.QuickTips.init();  var myform=new E
·2015-11-07 15:18

ExtJs2.0学习系列(9)--Ext.TabPanel之第一式

大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!照旧,看个最简单的先,后面再详细说复杂的!效果图片: js代码: Ext.onReady(function(){     var tabsDemo=new Ext.TabPanel({        &nbs
·2015-11-07 15:17

ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇)

 在上篇和前面的介绍中，我们基本上对form表单中常见组件有了简单的认识，今天我们做个综合点的例子，向服务器提交下！其实这篇文章很简单，没有什么发光点，暂放首页半天,忘各位理解！先来个简单的例子，以说明formpanel如何把数据传给其他页面。效果图： 现在我们要实现的效果是：点击确定，把值传到另一页面！，如下： 原页面js代码为： Ext.onReady(function(){&
·2015-11-07 15:17

ExtJs2.0学习系列(10)--Ext.TabPanel之第二式

    上一篇种我们简单的了解了下tabpanel下面我们要介绍的是，如何动态的添加标签页！ 2.动态添加tabpanel的标签页效果图: 点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码: <body style="margin:10px;">    <
·2015-11-07 15:16

ExtJs2.0 系列学习

我的标签: ExtJs2.0 ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树) ExtJs2.0学习系列--索引贴
·2015-11-07 13:01

解决extJS2.0的UI界面使用中文

 今天研究了一下把UI的一些文字变成中文的操作，首先看到一个source\locale\ext-lang-zh_CN.js文件里已经把这些都汉化好了，只是有些不是我看到的习惯词语。可以手工修改后保存即可。 第二步把这个文件加到页面上。 <script type="text/javascript" src="http://www.cnblogs.
·2015-11-02 19:01

ExtJs2.0学习系列(15)--extjs换肤

extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 1.直接添加其他css文件换肤. 皮肤文件:xtheme-olive.zip下载 把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下i
·2015-11-02 14:36

ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇)

在上篇和前面的介绍中，我们基本上对form表单中常见组件有了简单的认识，今天我们做个综合点的例子，向服务器提交下！ 其实这篇文章很简单，没有什么发光点，暂放首页半天,忘各位理解！ 先来个简单的例子，以说明formpanel如何把数据传给其他页面。 效果图： 现在我们要实现的效果是：点击确定，把值传到另一页面！，如下： 原页面js代码为： Ext.onReady( function (){
·2015-11-02 14:35
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他