ext js
小韩工作室
小韩工作室
展开
-
Extjs-Combobox三级联动
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:'local'在Extjs4.0中用queryMode: 'local'来表示,而且在3.x中Load数据时用reload,但是在extjs4.0中要使用load来获取数据。如下图:代码部分先看HTM转载 2011-12-22 19:21:33 · 5744 阅读 · 4 评论 -
EXT2.0 简明教程(七)
7.1. 如此拖拽,简直就像与生俱来的本能一样。你可以拖拽grid里的行,让它们按你的方式去排列。你可以拖拽tree里的节点,把节点从一个枝干拖向另一个枝干。grid和tree之间,也可以拖动。layout的split也是一种拖动,改变布局的大小。resize也算是拖动,改变大小。7.2. 第一!乱拖。一直认为拖动很复杂,可实际上转载 2012-02-09 19:23:11 · 476 阅读 · 0 评论 -
EXT2.0 简明教程(八)
8.1. Ext.getext里用来获得Element的一个函数,用途还算比较广,可以通过不少途径获得咱们需要的Element,而这个Element包括很多有趣的功能。Element跟document.getElementById("myDiv")得到的dom对象是不一样的,虽然你还可以使用老方式获得指定id的元素,但那样就失去了ext提供的各种常用操作,动画啦,定位啦,css啦,转载 2012-02-09 19:23:56 · 563 阅读 · 0 评论 -
自己写ExtJS 4控件: Combobox内嵌入Tree
Combobox内嵌入Tree,网上很多代码,但大多属于ExtJS 2或ExtJS 3,我没有找到适用于ExtJS 4的代码,由于ExtJS 4变化蛮大,所以网上的代码都不能直接使用,不过没关系,自己写吧看了网上的示例代码,其实只要注意几点即可1、为Combobox的tpl插入一个带有id的divtpl ='' 2、写Combobox的expand事件转载 2012-06-19 17:22:10 · 3882 阅读 · 2 评论 -
ExtJS中Ext方法详解
1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属性复制到obj中,如果配置了defaults,则先将defaults中的属性传入obj,然后再将config中属性传入,一般defaults用于定义一些默认值。注意:每个参数都必须是对象object,而不能是function或其他。创转载 2012-09-25 11:49:59 · 1413 阅读 · 0 评论 -
Ext昨日问题,是否是bug?
Ext设计目的是单页面应用,其加载渲染需要在dom节点创建后才能render到该节点,顺序颠倒却不行。---这个ext+自定义html元素的想法 搞头大了。如果ext组件内嵌套div元素,该元素渲染没问题,但是只要内部再嵌套一层ext组件元素就over啊。Ext.onReady(function() { var container = Ext.create('Ext.contain原创 2012-10-31 23:28:54 · 545 阅读 · 0 评论 -
关于Extjs中radioGroup、checkBoxGroup、comboBox渲染div的问题,跟DOM相关
<%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%>">RaidoGroup/CheckBoxGroup/C原创 2012-10-30 20:06:51 · 1864 阅读 · 1 评论 -
对Extjs“Combo with Templates and Ajax”改进(下拉数据中添加图标标识)
我们知道Extjs4中提供了一个组件叫做“Combo with Templates and Ajax” 可以用来动态的查询获取后台的数据,本文讲述的是如何将其稍加改造使其更加符合用户需求。这是extjs提供的组件我做了截图。改进部分:1、模糊查询和后台交互(暂未做到拼音查询和搜索式的查询)2、根据数据类型(需要提前将数据分类并将数据的分类类型传到前台)3、展示依原创 2012-12-16 20:22:32 · 1714 阅读 · 6 评论 -
Extjs结合JfreeChart批量生成图片用于用户选择组件时预览(接昨天博文)
这是今天做的统计图的预览图片功能,用于选择组件时,用户可以看到统计图的静态展示样式。 /*********************************** * 处理过程 **********************************/ @SuppressWarnings("unchecked") @Override public void handle原创 2012-12-17 19:39:59 · 1554 阅读 · 0 评论 -
今儿心情不太好,多敲几行代码消消气~
Ext.form.Panel获取其组件的值:API里清晰可见Ext.create('Ext.form.Panel', { title: 'Simple Form', bodyPadding: 5, width: 350, // The form will submit an AJAX request to this URL when submitted原创 2013-05-15 23:05:22 · 3183 阅读 · 0 评论 -
答网友问~
window.onload = function(){ //简单模拟的一个例子,不完善,指在模拟ext的监听中的回调参数是怎么传值的 var Component = function(){ //内部处理... var tempA = '第一个参数对象'; var tempB = '第二个参数对象'; var resultObj = { /**原创 2013-06-21 12:46:36 · 843 阅读 · 0 评论 -
Ext4原生grid的导出控件
前言 :导出建议在后端进行,避免一些兼容性问题。本文借鉴网络上的一个js包,在此基础上稍微完善了些,并添加了即将扩展和完善的东西,今后会逐步完善它。使用样例:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"原创 2013-12-18 15:56:56 · 2100 阅读 · 0 评论 -
Ext下多tab的延迟加载问题
声明 : 名称或许跟我实际要说的不一致.我只是这么理解的而已.有时候在ext开发框架下,我们会用到多tab的情况.但很多时候我发现(包括我之前)都是这么写的:Var tabPanel = Ext.create(‘Ext.tab.Panel’,{ Items:[{ title: ’tab1’},{ title : ’ta原创 2014-02-18 18:04:43 · 2635 阅读 · 1 评论 -
EXT2.0 简明教程(三)
3.1. 真的,我是为了树,才开始学ext的。之前使用过xtree和dojo中的tree,感觉都是怪怪的,界面简陋,功能也不好上手,待看到ext里的树形真是眼前一亮,在此之前,动态增添,修改删除节点,拖拽和右键菜单,我一直认为是不可能实现的任务,而在ext上却轻松实现了,而且界面和动画效果相当完美。真是让人爱不释手啊。树形是非常典型的一种数据结构,多级菜单,部门组织结构,省市县三级转载 2012-02-09 19:20:46 · 1560 阅读 · 9 评论 -
EXT2.0 简明教程(四)
Ext的表单和输入控件4.1. 不用ext的form啊,不怕错过有趣的东西吗?初看那些输入控件,其实就是修改了css样式表而已。你打开firebug看看dom,确实也是如此,从这点看来,似乎没有刻意去使用ext的必要,诚然,如果单单要一个输入框,不管添入什么数据,就点击发送到后台,的确是不需要ext呢。你不想用一些默认的数据校验吗?你不想在数据校验失败的转载 2012-02-09 19:21:26 · 807 阅读 · 0 评论 -
Extjs4.0 MVC实例
extjs mvc 架构 ,有别于其他的MVC架构,EXTJS 有自己的定义Model : 一个field 以及 他的data的集合。 Modles 知道如何持久化自己一般使用Stores 来表示数据以用于grids等componentView: 一种component的类型,grids,trees 以及panels等Controller:用来放使得app工作的代码,例如 render转载 2011-12-21 17:54:04 · 3861 阅读 · 3 评论 -
ExtJS 4.0 的改变--较为完整的介绍
惯例,看之前先看看我的很久很久以前的学习笔记(就是那个Word文档,没兴趣的可以不看,不影响): http://wenku.baidu.com/view/ce8d3e08763231126edb1146.html本文里面不会详细介绍某些方法函数具体如何使用,例子全部自己写的(部分参考API和ExtJS 4.0 Developer Preview),应该不会有错,提到的方法函数只提供转载 2012-01-16 10:41:53 · 1253 阅读 · 0 评论 -
关于Ext基础部分
从昨天起,项目经理让我这刚进公司的小喽啰学习Ext,并要求一些功能实现,然后的然后我就学了这两天,这算是我职业生涯的开始吧,从今天起,我就断断续续纪录它吧。 Ext 什么是Ext? .ExtJs的简称,是一个强大的js类库Ext简介 Ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widge原创 2011-11-11 01:46:55 · 603 阅读 · 0 评论 -
ExtJS 初次开发几个问题
之前做过一阵的ExtJs开发,从最傻的符号问题,到后来的渲染问题都碰到过。下面是个人开发过程中做的一些总结,多是问题的应对:1、引入js和css文件时注意文件的路径问题;2、导入ext-base.js后注意设置Ext.BLANK_IMAGE_URL的值(透明图片s.gif位置);3、IE提示“缺少标识符,字符串或数字”错误,为配置时 “}”前多了逗号,且所处位置在E转载 2012-02-02 11:01:38 · 905 阅读 · 0 评论 -
Extjs4-数据的增删改
一般的项目中,Gird功能不是很复杂的话,都会使用window来实现数据的添加、修改功能,而本实例中,由于使用了动态grid功能,这样就使得再使用动态window来实现数据的添加和修改就会变的非常困难。幸好,Grid有RowEditing,下面,我们就用RowEditing来实现数据的添加和修改功能。在开始之前,我们先回顾下上一章的一些重点内容:1、给Menu增加了field属性,使得我们转载 2011-12-29 17:12:53 · 4918 阅读 · 0 评论 -
ExtJS中的面向对象设计,组件化编程思想
/**//* * @author: Lilf * Description: ExtJS中的面向对象设计,组件化变成思想 */ /**//***************************扩展VTypes类,增加年龄的验证****************************/ Ext.apply(Ext.form.VTypes, { "ag转载 2012-02-03 19:05:57 · 881 阅读 · 0 评论 -
EXT2.0 简明教程(五)
5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。浏览器原声的alert(),confirm(),prompt()显得如此寒酸,而且还不能灵活配置,比如啥时候想加个按钮,删个按钮,或者改改按下按钮触发的事件了,都是难上加难的事情。既然如此,为何不同ext提供的对话框呢?那么漂亮,那么好配置,可以拖啊,可以随便放什么东西,在里边用啥控件都可以,甚至放几个tab乱切换呀,连最小化窗口的功转载 2012-02-09 19:22:04 · 751 阅读 · 0 评论 -
EXT2.0 简明教程(六)
不同浏览器的兼容第 6 章 奔腾吧!让不同的浏览器里显示一样的布局。周三, 12/12/2007 - 15:00 — liki42vote6.1. 有了它,我们就可以摆脱那些自称ui设计师的人了。对布局很是不熟,至今为止,也是一直在抄土豆demo里的BorderLayout,frank的deepcms ProjectTracker里的转载 2012-02-09 19:22:42 · 634 阅读 · 0 评论 -
EXT2.0 简明教程(九)
9.1. 下拉树形选择框TreeField土豆拍拍,TriggerTreeField,50元。目前仅有1.x实现。9.2. 带全选的checkbox树形CheckBoxTree土豆压箱底树形扩展。目前仅有1.x实现。9.3. 带全选的checkbox的grid因为2.0中提供了checkbo转载 2012-02-09 19:24:33 · 548 阅读 · 0 评论 -
关于Ext的一些个人看法
初学Ext,当时以为就是页面布局用的,没想到还可以采用MVC模式,很是惊奇。短期内让做好整个管理系统布局和功能实现,很是激励俺这个刚入行的人了。希望java方面高手和朋友们共同交流。QQ:815792938群:112445964原创 2011-11-12 08:51:15 · 507 阅读 · 0 评论 -
EXT2.0 简明教程(二)
无论是界面之美,还是功能之强,ext的表格控件都高居榜首。单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多转载 2012-02-09 19:19:15 · 1464 阅读 · 0 评论 -
EXT2.0 简明教程(一)
Ext全部转自:DOJO中国:EXT2.0 简明教程,网址:http://www.dojochina.com/?q=node/562第 1 章 闪烁吧!看看extjs那些美丽的例子。1.1. 一切从extjs发布包开始非常幸运的是,我们可以免费去extjs.com下载ext发布包,里边源代码,api文档,例子一应俱全。不过要是想访问svn获得最新的代码,转载 2012-02-09 19:19:57 · 1105 阅读 · 0 评论 -
Ext下解决无弹出窗口的设计解决办法
该思路起源于在页面设计的时候,个人对弹出窗口这类的交互设计非常厌恶.而ext是单页面应用.我也不想通过切换tab页的方式来进行整个功能页面操作.因此衍生了在同一个页面里进行功能的切换.比如:一个功能页面里包含”新增”、”修改”、”查询列表”的功能. 当我触发”新增”时,大多我看到的设计是弹出一个新增窗口或者新添加一个tab页面等等方式.但个人还是不喜欢,因此想在这个功能页面里做些手脚。思路原创 2014-02-18 18:06:21 · 3044 阅读 · 1 评论