RIA-ExtJS专栏
关注
分享
扫一扫
iteye_9300
这个作者很懒，什么都没留下…
展开
-
使用ExtJS之Grid有感而发，贡献示例给大家
最近研究ExtJs觉得官方示例代码有些过多，尤其是Grid的使用代码有的几乎没有太大作用。本人在仔细研究后写出了如下一个精简的Grid示例，希望能给大家带来点帮助 附带图片效果在附件中 首先，上官方下载资源包大家应该都很熟悉了 HTML页面代码通常是这样的 <html> <head> <title>My JSP 'index.js...2010-03-17 17:18:20 · 127 阅读 · 0 评论 -
ExtTree之右键菜单增删改及拖拽同步数据库
单凭一个ExtTree也要学习ExtJs是好多开发人员常说的话，的确，Ext对树的支持非常的好，并且展现起来非常美观。下面我就来通过代码介绍下我学习过程中关于ExtTree各方面的知识代码如下： Ext.onReady(function() {Ext.BLANK_IMAGE_URL = 'extjs3.1/resources/images/default/s.gif';...2010-05-06 23:42:01 · 132 阅读 · 0 评论 -
Ext各种开发示例下载
刚浏览网页时，无意间看到一位仁兄辛苦搜集的好多Ext的demo,实在辛苦了，可惜没贴在javaeye中，这位仁兄是真有毅力啊，一鼓作气找了众多示例，记得我当初学习EXT可是走了不少弯路，上网就是东看看西瞅瞅，后来还是回归到了EXT官方例子，不过我觉得如果你EXT官方例子看懂了点再加上有实践性的例子效果会更好，这位仁兄搜集的不错，现在公布老兄的地址他的地址为：http://www.vifir...2010-05-02 18:27:06 · 91 阅读 · 0 评论 -
Ext之Tree与Tab组合问题
ExtTree与ExtTab结合的时候经常会出现点击左边Tree动态切换右边Tab，并且Tab内容也会改变的问题，下面我说的是例子是这样的整个侧边栏有两颗树:第一棵树，点击时切换到它对应的Tab页，这个Tab页内容是ExtGrid，并且点击树节点时Tab内容会动态改变第二棵树，点击时切换到它对应的Tab页，这个Tab也内容是iframe嵌入的页面，点击子节点也会动态改变Tab内容侧...2010-04-30 12:36:07 · 187 阅读 · 0 评论 -
分享两种comboBoxTree下拉列表树的写法
第一种方式，经过仔细拓展后的，看起来不错，其实有点毛病就是点击下拉列表出来后在点击节点想分开时却有缩了回去，自己解决吧 ComoboBoxTree-min.js Ext.ux.ComboBoxTree = function() {this.treeId = Ext.id() + "-tree";this.maxHeight = arguments[0].maxH...2010-04-27 23:57:56 · 344 阅读 · 0 评论 -
推荐一位两位Ext高人的文章
http://ext.group.iteye.com/group/topic/18375http://www.iteye.com/topic/5130092010-04-25 08:03:58 · 83 阅读 · 0 评论 -
带搜索的ExtGrid终于能分页了
前天下午参照了一位网友的说法，为了显示查询后的结果采用了下面的代码 function searchDoc() {var ds = new Ext.data.Store({reader: new Ext.data.JsonReader({//读取json数据root:'searchDocList', //totalProperty:'totalSearch'},[...2010-04-25 07:14:21 · 103 阅读 · 0 评论 -
Ext之ExtGrid增删改查询回顾总结
学习Ext已经有些许时间了，发现实际运用过程中ExtGrid系列还是最为常用的，本来想自己写些话语来总结的，无意间看到有位仁兄早就总结了，故冒犯贴在此处，以便以后翻阅，还望见谅Ext - Grid Grid是Ext框架中一个重要的组成部分。一般建立Grid主要实现数据的增删改查。 建立一个Grid Grid一般有三个主要的内容，ds,cm,GridPane...2010-04-17 10:32:18 · 171 阅读 · 0 评论 -
Ext树图标从http://extjs.com/s.gif上自动下载新发现
关于EXT树图标自动下载，我又发现了一点问题，我分几种情况说下第一种情况：一个页面中没有与TREE有关的JS但是我导入了两种TREE的两个JS文件<script type="text/javascript" src="<%=root%>/extjs3.1/mytree.js"></script><script type="text/javasc...2010-04-13 17:09:55 · 115 阅读 · 0 评论 -
ExtJS之Ext.Ajax.request用法详解
Ext.Ajax.request({ url:'findbyid.action', params:{ id:cell.getId() }, success: function(resp,opts) { var respText = Ext.u...2010-04-11 11:41:15 · 874 阅读 · 0 评论 -
ExtJS之实现华丽的皮肤主题更换
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 1.直接添加其他css文件换肤.好多皮肤上网就可以收到的 如皮肤文件:xtheme-olive.zip下载 把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 2. 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如o...2010-04-10 23:24:56 · 459 阅读 · 0 评论 -
ExtJS嵌入网页要解决iframe自动适应窗体大小的问题
最近在ExtJS开发中用到了iframe标签在TabPanel中嵌入页面，但是有一个问题就是，如果iframe嵌入的图过大的话就会出现双重滚动条，即TabPanel有自带的滚动条，iframe也有自带的滚动条，给人的感觉甚是丑陋，为此翻阅了不少人的建议，好多都是不管用的最后还是写了这么一句居然特棒，能够自动适应窗体大小并且只显示外边的滚动条了 代码：html:'<iframe id=t...2010-04-09 19:10:18 · 272 阅读 · 0 评论 -
ExtJS使用技巧小结
第一点：更换ExtTree的节点图标 步骤：找到ext-all.css查找一下代码 //打开后 }.x-tree-node-expanded .x-tree-node-icon{ background-image:url(../images/default/tree/folder-open.gif); } //没有子图标 ...2010-04-08 23:47:32 · 125 阅读 · 0 评论 -
ExtJS之修改编辑时的表单加载
Ext表单加载通常是这么写的bookForm.form.load({ waitMsg : '正在加载数据请稍后',//提示信息 waitTitle : '提示',//标题 url : 'getBookById.action',//请求的url地址 params : {bookId:bookId}, method:'...2010-04-06 20:16:40 · 127 阅读 · 0 评论 -
ExtJS之调试功能，特棒
在ExtJS开发过程中，经常会遇到怎么也找不到错误的时候，这时候就非常的头疼，好多人学ExtJS估计多没听说过它有调试功能的，真正用了之后你就会发现时多么的好用，具体怎么才能添加上调试功能，我且慢慢来跟你说步骤：第一步：在ExtJS下载的资源包中，找到debug.js，将JS文件导入实际要运行的HTML或者JSP页面上第二步：在有关JS文件代码中嵌入Ext.log('自定义调试...2010-04-06 19:10:26 · 253 阅读 · 0 评论 -
ExtJS之GridPanel分页原理解读
一般在JS代码中这样设定store.load({params:{start:0,limit:20}})下面的代码中还有个pageSizevar bbar = new Ext.PagingToolbar({ pageSize: 10, store:bookStore, displayInfo:true, displayMsg:'第{0...2010-04-05 12:19:54 · 115 阅读 · 0 评论 -
ExtJS小试牛刀之表单验证
对ExtJS基础稍微有所了解的人都知道，表单验证肯定需要到FormPanel了，那么FormPanel首先他是继承自Ext.Panel的，其他的如TreePanel,GridPanel,TabPanel等也是继承自Ext.Panel的,今天要说的是表单验证,为什么要用ExtJs的表单验证呢，自己手写JS代码也可以完成啊，因为Ext早就帮我们做好了，我只是拿过来用就可以了，写JS得多少...2010-04-03 15:12:50 · 87 阅读 · 0 评论 -
ExtJS之上传文件示例【struts2方式】
今天突然想起来以前的关于EXT的上传的文章没有贴出来，现在贴出代码在此var uploadForm= new Ext.FormPanel({ id: 'form-panel', fileUpload: true, width: 500, frame: true, //...2010-07-07 15:37:11 · 178 阅读 · 0 评论