ExtJS
关注
分享
扫一扫
文章平均质量分 74
crabdave
这个作者很懒，什么都没留下…
展开
-
如何在Ext.form.FormPanel中让等待提示绑定在具体的form之上
如何在Ext.form.FormPanel中让等待提示绑定在具体的form之上效果: 上下文描述: 在项目开发过程中,我们在一个formPanel中要同时load多个form中的数据,但不同的form在load的时间上是不一样的,这时我们需要给每个form都加上一个等待提示,每个form都根据自己的具体情况决定什么时候打开可关闭等待提示框. 解决方案:Example.For...原创 2009-03-10 09:16:55 · 117 阅读 · 0 评论 -
Ext.ux.ThemeCycleButton换肤组件 示例
Ext.ux.ThemeCycleButton换肤组件 示例效果： 创建调用HTML:<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><link rel=&quo原创 2009-02-13 14:04:29 · 162 阅读 · 0 评论 -
ExtJS中editable-column-tree组件的使用 示例
ExtJS中editable-column-tree组件的使用 示例效果： 备注：各节点间的子节点可相互拖动。附件中是源文件。原创 2009-02-16 13:26:42 · 251 阅读 · 0 评论 -
ExtJS中DatetimeMenu组件（包括时、分）的使用 示例
ExtJS中DatetimeMenu组件（包括时、分）的使用 示例效果： 备注：时间选择面板中的时间可以精确到分钟。附件中是源文件。原创 2009-02-16 14:01:45 · 133 阅读 · 0 评论 -
Ext.ux.RadioGroup的使用（让各radio使用不同的名称） 示例
Ext.ux.RadioGroup的使用（让各radio使用不同的名称） 示例 我们在使用Ext.form.RadioGroup的时候需要将各radio组件的name设置成同一个，这样用户在点选时才能保证一次只有一个radio被选中，但在项目开发中往往需要去取某一个指定的radio做一些操作，如果使用Ext.form.RadioGroup给开发带来了很多的不方便。为避免该类问题，我们在...原创 2009-02-16 16:13:18 · 304 阅读 · 0 评论 -
ExtJS GroupHeaderPlugin的使用 示例
ExtJS GroupHeaderPlugin的使用 示例效果： 创建调用的HTML：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http: //www.w3....原创 2009-02-17 09:18:23 · 483 阅读 · 0 评论 -
ExtJS MultiselectItemSelector的使用 示例
ExtJS MultiselectItemSelector的使用 示例效果： 创建调用的HTML：<html><head> <title>Forms</title> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-al原创 2009-02-17 10:30:04 · 402 阅读 · 0 评论 -
使用localXHR.js让ExtJS docs可以在本地浏览
使用localXHR.js让ExtJS docs可以在本地浏览 我们在使用ext/docs目录下的文档时报一些js的错误，导致我们不能正常浏览使用，这时我们使用localXHR.js这样一个文件来支持本地使用ajax，使用方法如下： 下载localXHR.js放在docs目录下，然后在index.html中加入<script src="./localXHR.js"&g...原创 2009-02-17 11:32:38 · 313 阅读 · 0 评论 -
ExtJS TreeCheckNodeUI组件的使用 示例
ExtJS TreeCheckNodeUI组件的使用 示例效果： 创建调用的HTML:<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><link rel="原创 2009-02-17 16:37:54 · 258 阅读 · 0 评论 -
Ext.ux.UploadDialog组件的使用 示例
Ext.ux.UploadDialog组件的使用 示例效果：创建调用的HTML：<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><link rel="style原创 2009-02-18 17:22:16 · 569 阅读 · 0 评论 -
fieldset多列展示 示例
fieldset多列展示 示例效果：HTML源码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><script type="text/javascript&q2009-02-23 16:17:34 · 639 阅读 · 0 评论 -
Ext.ux.ImageButton的使用（带有图片的按钮） 示例
Ext.ux.ImageButton的使用（带有图片的按钮） 示例效果：调用方法：var myImageButton=new Ext.ux.ImageButton({ imgPath : 'images/test.gif, imgWidth : 60, imgHeight : 60, tooltip ...原创 2009-02-23 16:23:48 · 460 阅读 · 0 评论 -
ExtJS编写的youtube视频播放组件 示例
ExtJS编写的youtube视频播放组件 示例效果：备注：输入http://www.youtube.com/网站上的视频地址都可以访问。附件中是下载的源文件。原创 2009-02-13 11:21:32 · 254 阅读 · 0 评论 -
Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单） 示例
Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单） 示例效果： 创建调用的HTML：<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><li原创 2009-02-13 10:35:00 · 269 阅读 · 0 评论 -
Ext.ux.TabPanel组件的使用
Ext.ux.TabPanel组件的使用效果: HTML代码: Ext.onReady(function() { var tabtest = new Ext.ux.TabPanel({ activeTab: 0, tabPosition:'left', //choose 'left' or 'right' for vertical tabs; 'top' or 'bott...原创 2009-03-10 11:36:43 · 168 阅读 · 0 评论 -
Ext.plugins.TDGi.tabScrollerMenu插件的使用
Ext.plugins.TDGi.tabScrollerMenu插件的使用效果:调用代码:Ext.onReady(function() { Ext.QuickTips.init(); var scrollerMenu = new Ext.plugins.TDGi.tabScrollerMenu({ maxText : 15, pageSize : 5 }); new Ext.Wind...原创 2009-03-10 15:47:22 · 269 阅读 · 0 评论 -
解决ExtJs分页grid中load数据为空时不能刷新Ext.PagingToolbar信息的问题
解决ExtJs分页grid中load数据为空时不能刷新Ext.PagingToolbar信息的问题问题描述: 在extjs2.0的grid中,要根据不同的查询条件展示不同的数据,在第一次查出数据后显示在grid中,而在修改查询条件后,查询到的数据为空,这时在grid中前没有刷新,还是显示的第一次查询结果.而需求认为此时应该清空列表,并刷新下面的上下页导航条. 解决办法:...2009-03-19 16:43:56 · 308 阅读 · 0 评论 -
在ExtJS2.0中使用datefield编写开始/结束时间组件
在ExtJS2.0中使用datefield编写开始/结束时间组件效果: 源代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title></title><link rel="st原创 2009-04-08 10:17:08 · 184 阅读 · 0 评论 -
ExtJS grid中如何显示时间
ExtJS grid中如何显示时间效果: 实现代码: store : new Ext.data.JsonStore({ url : 'myAction.action', root : "root", totalProperty : 'totalProperty', fields : [{ name : ...原创 2009-05-12 16:05:09 · 351 阅读 · 0 评论 -
ExtJS2.0中使用开始和结束时间的控件 示例
ExtJS2.0中使用开始和结束时间的控件 示例效果: 源代码: Ext.namespace("Com.Commons.DateCheck"); Ext.apply(Ext.form.VTypes, { daterange: function(val, field) { var date = field.parseDate(val);...原创 2009-05-25 18:54:52 · 139 阅读 · 0 评论 -
ExtJS中如何给Label添加click事件
ExtJS中如何给Label添加click事件 ExtJS中Ext.form.Label默认是没有click事件的，但由于项目需要，要求给label添加一些其它的事件，本文提供两种方法对这个class进行扩展，方法如下：方法1：Ext.onReady(function() { var p = new Ext.ux.MyPanel({ renderTo : docume...原创 2009-02-10 09:29:26 · 747 阅读 · 0 评论 -
ExtJS Tooltipst和QuickTips浮动信息 示例
ExtJS Tooltipst和QuickTips浮动信息 示例Tooltipst 示例：Ext.onReady(function() { var temp = new Ext.Panel({ renderTo : document.body, // id : 'ajax-tip', layout : "table", layoutConfig : { co...原创 2009-02-10 10:09:57 · 177 阅读 · 0 评论 -
如何编写ExtJS自定义控件
如何编写ExtJS自定义控件// 1、引入命名空间Ext.namespace("ExtUD.Ext");//相当于java中包的作用// 2、编写自定义控件类ExtUD.Ext.UDPanel = Ext.extend(Ext.Panel, { title : '自定义控件', html:'自定义控件面板', layout:'fit', getAlert:function(){a...原创 2009-02-10 16:14:18 · 417 阅读 · 0 评论 -
Ext.ux.GMapPanel.js组件的使用 示例
Ext.ux.GMapPanel.js组件的使用 示例 效果： 创建调用的html：<html><head><meta http-equiv="Content-Type" content="text/html; charset= utf-8"> <title>GMap Window Example</title&g原创 2009-02-12 11:27:37 · 160 阅读 · 0 评论 -
Ext.ux.form.BrowseButton组件的使用（上传浏览按钮） 示例
Ext.ux.form.BrowseButton组件的使用（上传浏览按钮） 示例 效果： 创建调用HTML:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><li原创 2009-02-12 14:16:18 · 458 阅读 · 0 评论 -
ExtJS Architecture
website: http://www.slideshare.net/edspencer/ext-js-4-architecture原创 2011-04-12 10:17:11 · 105 阅读 · 0 评论