![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJS 2.0
文章平均质量分 81
fengkuanghun
Dont be afraid with your enemy is tiger,but be afraid with your teammate is pig!
展开
-
Ext树工具类 Jsontree和Xmltree
使用说明:使用本工具类,可以快速从xml和json文件中创建EXT树.预览:tree.html:SCRIPT src="js/jsontree.js" type=text/javascript>/SCRIPT>SCRIPT src="js/xmltree.js" type=text/javascript>/SCRIPT>/HEAD>BODY>div id="jsontree">/div>div原创 2008-12-23 15:27:00 · 2179 阅读 · 0 评论 -
extJs之下拉框联动
首先,两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源,这就是一个简单的二级联动的实现原理了.Js代码 // 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: loadByParentid.action?p原创 2008-12-08 19:44:00 · 2763 阅读 · 1 评论 -
使用Ext的Grid,Form,Dialog来实现分页列表,创建,修改,删除功能
创建在这里,创建和修改者是用Dialog的形式来做的,首先则需要创建相应的DIV: 添加权限 之后就是在这个DIV里创建For原创 2008-12-09 12:17:00 · 1018 阅读 · 0 评论 -
Ext 查询控件
//功能:根据输入的编码传给后台分析,回传所需的数据及数据自定义的列格式,列名,查询分页等var columns = new Array(); // 创建一个数组对象.// ............查询控件...................// ------面板1...列表选择查询控件1--------var queryselect = new Ext.form.Combo原创 2008-12-09 11:46:00 · 1829 阅读 · 0 评论 -
EXT自定义窗体加载数据
我定义了一个自定义窗体,代码如下,其中有一个dataurl属性,是自定义的,主要的功能就是传递自定义窗体要加载数据的urlJs代码 EditBranchWindow = Ext.extend(Ext.Window, { title : 修改, width : 350, height : 140, dataurl :原创 2008-12-10 16:43:00 · 1838 阅读 · 0 评论 -
Ext.form.ComboBox 基本定义
var articlekind = new Ext.form.ComboBox({ fieldLabel : 部门, //UI标签名称 name : identity, //作为form提交时传送的参数 allowBlank : false, //是否允许为空 mode : local, //数据模式,local为本地模式 readOn原创 2008-12-09 11:49:00 · 946 阅读 · 0 评论 -
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.FormPanel({原创 2008-12-08 14:41:00 · 1853 阅读 · 0 评论 -
Ext中的get、getDom、getCmp、getBody、getDoc的区别
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现原创 2008-12-08 11:13:00 · 720 阅读 · 0 评论 -
ext+dwr完整的例子(包括树, 增删改查等)
---js var UI = function(){ var ds; var grid; return { init : function() { Ext.QuickTips.init(); initDataSource(); ds.load({params:{start:0, limit:15}}); buildUI();原创 2008-12-04 15:53:00 · 1760 阅读 · 0 评论 -
Ext.form表单中各种属性应用详解!
Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative原创 2008-12-04 14:41:00 · 1168 阅读 · 0 评论 -
EXTJS AJAX方式发送数据给后台服务器
{//保存按钮 text:保存, iconCls:save, handler:function(){ //单击按钮触发事件 var json = []; for(i=0,cnt=store.getCount();i var record = store.getAt(i); if(record.dirty原创 2008-12-09 11:52:00 · 1276 阅读 · 0 评论 -
EXT 二级联动下拉列表
page.html代码如下> html> head> title>省份与城市联动的例子title> meta http-equiv="content-type" content="text/html; charset=utf-8"> link rel="stylesheet" type="text/css" href="../../../r原创 2008-12-08 19:03:00 · 3318 阅读 · 0 评论 -
Ext的combox实现3级联动菜单
实际上很容易,定义监听事件,触发后更改下一级的数据源即可/*** 创建搜索表单*/function formPannel () { Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = side; return new Ext.FormPanel({ labelWidth: 75, // lab原创 2008-12-10 11:34:00 · 2379 阅读 · 0 评论 -
Ext中FormPanel面板及Form控件横排测试(CSS)
在实际的网页开发中,大部分时间都要涉及到Form表单的处理。在Ext框架中也提供了很多这方面的控件,而且还有一个专门的FormPanel布局,该布局默认为放在面板上面的所有控件都是换行放置,而在实际应用中为了美观,有些需要横排,特别是Radio控件,这个时候就需要我们重新定制这些控件的布局了,该例子中使用CSS来实现这些功能,先贴出一张效果图。Ext中FormPanel面板及Form控原创 2008-12-23 14:18:00 · 919 阅读 · 0 评论 -
访问Ext.data.store的数据
这两天查阅了N多资料,看了很多的论坛,打算解决如何从store里面读取数据的问题,一开始我可以从Json中返回的store里面读取数据,但是在如何使用xml就不可以.而我要的恰恰是如何从xml里面读取数据,所以一直在寻找这样类似的方法,我们可以从它的api里面看到store.getAt(0)这样的方法,但是如果我们直接这么使用的话,就会出现一个错误,提示getAt函数所包含的数据为空,那原创 2008-12-23 15:31:00 · 1583 阅读 · 2 评论 -
Ext框架的Grid使用介绍
Ext2.0是一个JS框架,它的Grid控件和其它可以显示数据的控件,能够支持多种数据类型,如二维数组、Json数据和XML数据,甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store,通过它我们可以把任何格式的数据转化成grid可以使用的形式,这样就不需要为每种数据格式写一个grid的实现了。首先,一个表格应该有列定义,即定义表头ColumnModel://原创 2008-12-18 17:31:00 · 10184 阅读 · 2 评论 -
Gwt-Ext学习笔记之中级篇
一、配置Gwt-Ext开发环境a. 请参照Gwt-Ext学习笔记之基础篇b. 此教程是在基础篇和进级篇的基础上做的扩展,具体细节请参照前面教程。二、在gwtext项目上创建客户端模型文件a. 创建模型文件InfoList.java,原创 2008-12-18 16:55:00 · 1131 阅读 · 2 评论 -
ext2.2打造全新功能grid系列--批量删除篇
批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句.先看看图片吧通过上面这幅效果图可以看见在分页栏里面已经将批量删除按钮放置进去,在没有选中任原创 2008-12-18 10:21:00 · 1330 阅读 · 0 评论 -
ext grid 增加 多个 toolbar
最近项目中客户提出的搜索条件很多,有的达2位数,一行toolbar明显不够用了,默认情况下ext一行toolbar过长时后面的内容就自动隐藏了,在extjs上面翻了又翻,找到一个办法,很简单,再增加一个toolbar。一个测试的简短grid代码Js代码 // create the editor grid var grid = new Ext.grid.EditorGrid原创 2008-12-18 10:10:00 · 2513 阅读 · 1 评论 -
ext 2.0 渲染HTML表单 (含中文版日期选单控件)
ext 2.0 渲染HTML表单 (含中文版日期选单控件) ext form render.x-form-field-wrap {display:inline;} /* display DateFields inline */.x-form-field-wrap .x-form-date-trigger-nonie {top:-1原创 2008-12-16 17:06:00 · 1848 阅读 · 0 评论 -
Ext中TreePanel控件和TabPanel控件搭配测试
在实际的项目中,左边树形菜单,提供各种功能点击,右边一个面板,随着左边节点的选择表现不同的功能内容,这是一个相当经典的布局,在Ext框架中,有两个控件TreePanel和TabPanel刚好完成这些功能,本文就这两个控件的搭配使用和点击左边树节点引起右边内容变化的方法作一个简单的介绍。首先看下面的具体的代码。 Js代码 "-//W3C//DTD XHTML 1.0 Transiti原创 2008-12-16 16:17:00 · 1185 阅读 · 0 评论 -
Ext2.0模块化单页系统
打造Ext2.0模块化单页系统(一) 大多数web应用系统都会包含功能菜单和显示页面,功能菜单可以是页面左面的一棵树,也可以是一个可以切换的多标签页,而显示页面无非就是一个空白区域,点击相应的功能菜单,切换不同的内容。 经常看到有人讨论如何用Ext加载iframe,这不失为一种简便的办法,但是它的弊端也是显而易见的。 1.每个页面都需要引用庞大的Ext类库,这样的转载 2008-12-16 16:08:00 · 1224 阅读 · 0 评论 -
Ext布局--实例(仿照官方例子,内有注释)
只给出相关代码和相关注释JSP:加入片段代码到body中 导航 south - generally for informational stuff, also could be for status bar 这个窗口是可以关闭的,因为设置了closable:true 放大 这个窗口就不能关闭了。。。 对应的javascr原创 2008-12-03 14:44:00 · 1406 阅读 · 0 评论 -
深刻理解EXT、CRUD与服务器端的交互
EXT做为与用户交互的前端,其功能可以概括为:生成用户界面,与用户实现交互,并与程序(PHP,.NET等)后台通信来完成与用户的交互。下面就这几个功能的实现原理做介绍。1.1生成用户界面EXT别广泛接受认可的原因之一便是他拥有良好的用户外观。一个系统中最主要的功能便是实现CRUD(新增,读取,更新,删除),同时还有查询。为了将这些功能集中在一起,特意封装了一个EXT的C原创 2008-12-04 15:58:00 · 1625 阅读 · 1 评论 -
ExtJS+DWR+Spring+Hibernate开发HRMS(4)
现在我们就来看看我们的页面设计部分。首先是登陆页面logon.jsp: page language="java" pageEncoding="utf-8"%>html> head> title>HR Manager Projecttitle> meta http-equiv="pragma" conten转载 2008-12-02 17:36:00 · 742 阅读 · 1 评论 -
ExtJS实战(2)-hibernate
现在我们已经看过了主要项目截图,并且利用MyEclipse加入了SSH的支持和其它框架的JAR包,搭建好了我们的应用环境。(这里因为MyEclipse自动导入的各个框架的包会存在版本冲突,所以我们建议只加入MyEclipse对各大框架的支持,完了后将它自动导入的JAR包从项目中移除,换成我们自己下载的包,这样可以更好的控制,做到所用的JAR包心中有数!),任何应用,数据库总是要先设计好。以下是转载 2008-12-02 17:33:00 · 808 阅读 · 0 评论 -
ExtJS实战(6)-extjs+json
好了,铺垫工作做的差不多了,主角闪亮登场。让ExtJS炫起来吧~~! ExtJS本质上也是一个AJAX的框架,但是它和DWR有很大不同,首先,DWR是JAVA世界的产物,而ExtJS是后台无关的。也就是说,ExtJS的后台可以是.NET,PHP或者JAVA都可以。其实我们在网上看到的大部分例子都是PHP或者.NET,后台的。这说明ExtJS在所有后台都很受青睐。其次,DWR只关注客户转载 2008-12-02 17:30:00 · 905 阅读 · 0 评论 -
ExtJS实战(8)-CRUD+分页+复杂查询+排序
现在开始进入CRUD+分页+复杂查询+排序的解析了。它们的完整代码在前面的init-house.js上。 我们的大体思路是,列表,查询,添加,修改都采用ExtJS访问后台的方式,而按id查找单条记录和批量删除则交给DWR来完成,下面我们按照功能划分来逐一分析。首先是带分页的列表功能。核心实现代码如下: ds = new Ext.data.Store({转载 2008-12-02 17:28:00 · 1130 阅读 · 0 评论 -
ExtJS实战(9)-疑难杂症分析
在做项目的过程中,难免会遇到大大小小的问题(这是好事情,要不我们怎么进步呢?),那么,我们就把一些共性的值得探讨的问题拿出来,一起分析下: 1. JS没有错误,但却一直报未结束的字符串常量这个问题很有趣,后来发现是编码问题,在拷贝或写入中文前,写把JS文件的编码方式改为UTF-8 2.组合分页中,Hibernate报Unsupported method: ResultSet.转载 2008-12-02 17:28:00 · 633 阅读 · 0 评论 -
ajax开发
1.Ajax核心工作机制: 1. 对象初始化并发出XMLHttpRequest请求Ø XMLHttpRequest 对象 整个Ajax开发的基础。提供客户端与服务器端异步通信的能力Ø IE5.0 XMLHttpRequest = new ActiveXObject("Msxm12.XMLHTTP");Ø IE5.5 X转载 2008-12-02 17:41:00 · 466 阅读 · 0 评论 -
ExtJS+DWR+Spring+Hibernate开发HRMS(2)
怎么样,看到这么绚丽的效果之后,大家心痒了吧!这些都是extjs产生的效果,RIA(富客户端应用)是今后的潮流和趋势,建议大家多了解下客户端的技术,特别是些优秀的JS组件。好咧,工欲善其事,必先利其器。我们先来准备开发环境: 各种开源框架环境及下载:ExtJS:2.X http://extjs.com/DWR:2.X http://directwebremoting.org/dwr转载 2008-12-02 17:37:00 · 827 阅读 · 0 评论 -
ExtJS+DWR+Spring+Hibernate开发HRMS(5)
好了,呵呵,云头晕脑复制粘贴了这么多代码。我们来简单总结一下吧。我们这个小项目涉及到ExtJS, JSON, DWR,Spring还有Hibernate这些大部件知识,每一块要学精通都不是朝夕之功。我们分别来看一下这些框架技术: 1. ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的RIA(富客户端)的Ajax应用,使得我们的B/S应用更加具有活力及生命力。转载 2008-12-02 17:35:00 · 515 阅读 · 0 评论 -
ExtJS实战(5)-dwr
SSH这三个巨擘已经现身了,接下来就轮到我们小型的AJAX框架DWR了。做好DWR的准备工作:导入JAR包->在web.xml配置核心Servlet->编写核心配置文件dwr.xml,我在前面的应用中已经详细介绍过DWR,这里就简单地说一下。DWR是一个JAVA世界里的AJAX框架,它对页面表现并没有提供什么支持,它的强大主要体现在和服务器端程序的交互能力以及和Spring这样的大框架的良好集成转载 2008-12-02 17:31:00 · 503 阅读 · 2 评论 -
ExtJS专题-TreePanel(1)
这次我们来学习下ExtJS中的树面板(TreePanel),很多人都说,只是为了树,都要好好学习ExtJS!可见大家对Tree的一往情深。从另一方面来说,Tree这种结构在实际项目中也的确用得相当广泛,所以我们很有必要研究一下它。这次我们完成的树大致上有这样的功能:它的节点是动态异步从后台(存储在数据库中一张电子产品分类表)加载的,节点之间可以拖曳,节点可以编辑,同时还支持右键菜单,而且,它能够和转载 2008-12-02 17:20:00 · 943 阅读 · 0 评论 -
ExtJS实战(3)-spring
上一篇文章我们看到了hibernate的作用,但是我们并没有贴出具体的数据访问层的代码,这是因为我们既然要使用这么多框架,当然就希望它们能够“黏合”的很好,譬如,我们不想使用代码处理事务,也就是说想使用声明式事务。这当然就是Spring大显身手的地方了。我们来看一看数据访问层的代码,还是面向接口编程: 1.下面是一个接口,它告诉外界可以做哪些事情,譬如按条件分页查询房屋信息,转载 2008-12-02 17:32:00 · 490 阅读 · 0 评论 -
ExtJS实战系列-前言
我们这次实战的项目是一个房屋出租系统,重点是房屋信息的管理。主要功能包括用户的登陆,房屋信息的发布,编辑,删除,复杂查询以及数据的分页显示和排序等。为了便于大家下载测试,我们这里就使用SQLServer 2000数据库。 好咧,马上就要开工了。先来做好准备工作: (1) 工具MyEclipse6.5+ExtJS插件:下载地址:http://www.agpa转载 2008-12-02 17:34:00 · 588 阅读 · 0 评论 -
EXT提交服务器的三种方式
1. EXT提交服务器的三种方式 1, EXT的form表单ajax提交(默认提交方式) 相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件,执行以下方法 java 代码Java代码 1. function login(item原创 2008-12-04 15:46:00 · 652 阅读 · 0 评论 -
EXT form表单提交 window中显示
/添加人员表单var addPersonForm = new Ext.FormPanel({ baseCls: x-plain, labelWidth: 65, labelAlign : right, bodyStyle : padding-top:5px,原创 2008-12-05 11:35:00 · 3299 阅读 · 0 评论 -
ajax入门
目前,编写应用程序时有两种基本的选择:桌面应用程序 Web应用程序 它们有什么区别呢?桌面应用程序一般很快(就在您的计算机上运行,不用等待互联网连接),具有漂亮的用户界面(通常和操作系统有关)和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、到处巡游,基本上不需要等待。而相对而言,Web应用程序是最新的潮流,它提供了在桌面上不能实现的服务(比如 Amazon.com和eBay)转载 2008-12-02 17:40:00 · 497 阅读 · 0 评论 -
MyEclipse安装Extjs框架插件--SpketIDE
Spket IDE是目前支持Ext 2.0最为出色的IDE。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。由于Spket只是一个单纯的编辑器,没有其它格式的支持(如CSS),所以我的做法是用它的Eclipse插件形式,启动ECLIPSE Help → Software Updates → Find and Instal转载 2008-12-02 17:39:00 · 1241 阅读 · 0 评论