ExtJS 专栏
文章平均质量分 87
介绍ExtJS相关知识、技术文章
hoojo
一直被模仿,从未被超越!
展开
-
Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件
Ext 扩展组件开发环境:System:WindowsWebBrowser:IE6+、Firefox3+JavaEE Server:tomcat5.0.2.8、tomcat6IDE:eclipse、MyEclipse 6.5 开发依赖库:JavaEE5、ext 2.2.2 Email:hoojo_@126.comBlog:http://blog.csdn原创 2012-03-17 03:36:19 · 2896 阅读 · 0 评论 -
ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
支持Form颜色选择组件、日期时间选择组件、带图标的下拉列表、多选下来列表、动态下拉列表树等组件 开发环境:System:WindowsWebBrowser:IE6+、Firefox3+JavaEE Server:tomcat5.0.2.8、tomcat6IDE:eclipse、MyEclipse 8 开发依赖库:JavaEE5、ext 2.2.2 Em原创 2012-02-27 16:27:28 · 3188 阅读 · 2 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private String jsonText; public S原创 2011-05-12 04:51:00 · 2713 阅读 · 0 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合spring的jar包 2、 在web.xml加入struts2的控制器原创 2011-05-11 09:37:00 · 3179 阅读 · 4 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【一】
开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 Database:MySQL 开发依赖库: JavaEE5、Spring 3.0.5、Mybatis 3.0.4、myBatis-spring-1.0、Struts2.2.3、junit4.8.2、ext2.2.2 Email:hoojo_@126.com Bl原创 2011-05-11 09:12:00 · 5437 阅读 · 8 评论 -
ExtJS 文件浏览器,可以选择文件和文件夹
话说long long ago,在本人开发项目时,需要导入一个文件夹(目录)下的文件,通过解析其中的数据并入库。选择一个文件目录,好像没有这个控件。开始想到了不选目录,选文件。但是要选多个文件哦,而且数目不固定。用file文件浏览不好,想到了用swfUpload可以选择多个文件。可以做到,但是还是选择文件不是选择目录。不是我想要的,想呀想的……诶~可以用ExtJS,自己扩展一个还是可以的。于是就有了今天这篇文章和这个文件浏览器。extFileBrowser.htmlExt 文件浏览选择器原创 2010-11-03 18:41:00 · 11379 阅读 · 12 评论 -
Ext 中,为Ext.form.HtmlEditor添加键盘事件
<br />这里扩展了Ext.form.HtmlEditor组件,为其添加了keyup,keydown,keypress事件监听。重写了Ext.form.HtmlEditor的方法:<br />initEditor、initComponent;<br /> <br />重写后的Ext.form.HtmlEditor示例:<br /> <br />/*** * 重写Ext.form.HtmlEditor,为其添加键盘事件 * author: hoojo * email: hoojo_@126.co原创 2010-10-14 15:25:00 · 4740 阅读 · 2 评论 -
ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
用JSON格式的数据形式:Ext.data.Store,Ext.data.JsonReader解析器,实现editorGrid的增删改查至此,ExtJS中常用的3中交互方式的示例全部在此。其中json格式交互方式最为常用。原因是xml格式体积过于庞大,里面有标签过多。而array数组格式的文件,虽然提交很小。传输速度快。但在数据量很大的情况下,数据的可读性几乎全无。后来出现了json,它简化了xml文件提交庞大的问题,可读性也非常好、在网络中的传输速度也很快,且易于使用、学习。原创 2010-08-27 13:52:00 · 12960 阅读 · 10 评论 -
ExtJS EditorGridPanel 示例之Array格式Store前后台增删改查(不支持分页)
用Array格式的数据形式:Ext.data.SimpleStore,默认数组解析器,实现editorGrid的增删改查上一示例扩展了ArrayReader组件就支持分页,这里用默认的就不支持分页了;插入图片以示真相,确实用默认的ArrayReader是不能分页。就算加上Ext.PagingToolbar分页工具条也是枉然,只是个摆设不能分页的,但可以结合静态数据分页的store还是可以的;见:http://blog.csdn.net/IBM_hoojo/archive/2010/08/19/5原创 2010-08-27 13:40:00 · 3402 阅读 · 1 评论 -
ExtJS EditorGridPanel 示例之Array格式(自定义Array解析器)Store前后台增删改查
用Array格式的数据形式:Ext.data.Store,自定义Ext.data.ArrayReader数组解析器,实现editorGrid的增删改查本示例最大的不同就是采用数据传递形式不同,用到的是Array格式。但ext v2.2版本中的ArrayReader结合Ext.data.Store不支持分页,所以本示例进行扩展ArrayReader文件。原创 2010-08-27 13:25:00 · 2607 阅读 · 0 评论 -
ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
本示例用到的是Ext.data.Store/Ext.data.XmlReader解析器,解析后台传递的xml格式数据,当然也可以将UserPagingEditorGridPanel.USER_STORE_URL = "your.xml";这样也是可以的,但注意的是文件中定义的xml文档的格式要和store中的Ext.data.Record.create解析数据标签名称对应,本示例还用到了数据的简单过滤“性别”以及对脏数据的显示及其提交、修改等,下次将会提供更复杂的过滤查询。原创 2010-08-27 13:02:00 · 3200 阅读 · 2 评论 -
ExtJS中grid按照使用Expand插件、分组显示、中文拼音首字母排序、改变行背景、列背景、静态数据分页综合案例
<br />/*** * grid基础综合案例 * 添加分页Ext.data.PagingMemoryProxy、重写Ext.data.Store支持中文汉字拼音字母首字母排序、 * Ext.data.GroupingStore分组(GroupingStore继承Store的)、 * 改变列背景色、行背景色、字体颜色getRowClass方法和renderer函数onRenderAgeCol的使用技巧 * 添加分组、行收缩展开插件Ext.grid.RowExpander使用及重写Ext.原创 2010-08-19 14:51:00 · 5192 阅读 · 2 评论 -
ExtJS中grid按照中文拼音首字母排序、改变行背景、列背景、静态数据分页不再困难
<br />本示例主要使用到了静态数据分页Ext.data.PagingMemoryProxy组件、Ext.PagingToolbar分页条、viewConfig的getRowClass方法、列column的renderer的方法使用、重写Ext.data.Store对中文排序的支持、以及Ext.Template结合grid的使用方法。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>原创 2010-08-19 14:25:00 · 8952 阅读 · 2 评论 -
ExtJS中,在FireFox浏览器中字体很小,解决方法
<br />ff-firefox中ext的中文文字会小一些,看上去很模糊。这个是由字体大小决定的。font-size: 11px;英文显示没有问题,在IE中也是可以的。但是中文就不能正常显示。所以将font-size: 12px;即可,但是要针对样式;下面是修改后的字体样式。导入即可!@CHARSET "UTF-8";.x-window-footer { position: relative; top: 0; right: 0;}.x-tab-strip span.x原创 2010-08-19 13:49:00 · 3473 阅读 · 3 评论 -
eclipse MyEclipse中安装 spket插件 js文件内容字体变小解决方案
在eclipse、MyEclipse中用Spket插件打开js文件后,发现字体非常小。这个时候你只需要找到Window->General->Appearance->Colors and Fonts找到text editor的字体大小调节下就可以了对应properties文件插件修改也是同样的方法原创 2010-08-10 10:21:00 · 3943 阅读 · 0 评论 -
eclipse MyEclipse中安装 ext插件 spket提示
首先在网上找到spket的插件包,下载后解压可以看到有这样2个文件夹。分别是features、plugins,然后找到eclipse、MyEclipse的安装目录(C:/Program Files/MyEclipse),在这个文件夹中找到eclipse或这是myeclipse文件夹,将features、plugins直接放入文件夹中即可。提示否覆盖选择是;配置插件首先找到window->Spket->JavaScript Profiles;在右边的JavaScript Profiles中点击New,随便写个原创 2010-08-10 09:58:00 · 3659 阅读 · 0 评论 -
ExtJS 中用js 操作cookie的方法
cookie.js文件偶尔发现ExtJS中有操作cookie的js方法,拿来给大家分享下。var Cookies = {};Cookies.set = function(name, value){ var argv = arguments; var argc = arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] :原创 2010-08-04 13:07:00 · 6934 阅读 · 0 评论 -
extJS checkBoxColunmTree 可以选择带checkBox的树(tree、grid)
可以选择节点的多列的树,也可以说是可以分组选择的grid。既是tree也是grid。column-tree.css这个文件在ext2.2版本中的ext-2.2/examples/tree这个目录下会找到这个文件的。原创 2010-07-09 12:26:00 · 9308 阅读 · 6 评论