ExtJS
关注
分享
扫一扫
文章平均质量分 89
iteye_10013
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ExtJS TabPanel 双击标签关闭该页
var tabs = new Ext.TabPanel({ renderTo: 'tabs1', width:450, activeTab: 0, frame:true, defaults:{autoHeight: true}, items:[ {contentEl...2009-06-24 10:23:31 · 131 阅读 · 0 评论 -
ExtJS Combo 下拉列表正常显示HTML标签内容
解决问题:http://www.iteye.com/problems/22617http://www.iteye.com/problems/22681 原问题是,需要在combo上显示一些HTML标签,如 <a/><TestTag>xxx</TestTag> 1.如果简单的使用combo的话,会如下图2.换个...2009-08-11 15:02:08 · 295 阅读 · 0 评论 -
ExtJS 3.0 Designer Preview (官方的IDE可视化工具)
原文地址: http://extjs.com/blog/2009/08/10/ext-js-30-be-outstanding/ 官方大爆料... Ext JS 3.0.0 Patch Release --- 要收费...等流放吧 ^_^Ext JS Public Commit Log JS Builder 2 CSS Refactor ...2009-08-11 12:35:49 · 187 阅读 · 0 评论 -
ExtJS Menu嵌套combo等控件时,自动隐藏/遮盖等bug的解决方案
2010-07-08补充:DateField隐藏的解决方案,详见本文底部. 2010-07-04补充:ExtJS3.2的combo文档中更新的一种新的解决方案,详见本文底部. 续前文: http://atian25.iteye.com/blog/431545 上篇只解决了combo下拉框被遮盖的问题,但是如果选择como的某项,或者...2009-08-06 12:41:37 · 279 阅读 · 0 评论 -
ExtJS 输入框/MessageBox.prompt 禁止粘贴
回答问题http://www.iteye.com/problems/21852 原题是:Ext.Msg.prompt(‘’)类型弹出的输入框，怎么可以限制它不能复制输入，只能手工输入 看了下Msg的源码,跟常规写法有点区别,我们只能通过Ext.Msg.getDialog();得到它的窗体,里面的元素都没暴露出来不过我们看:dlg.getEl().addClass('...2009-07-30 13:33:51 · 282 阅读 · 0 评论 -
ExtJS 修复3.0里面的LovCombo(下拉多选框)的Bug
如果你不知道lovcombo是什么,看http://setting.iteye.com/blog/340900 在3.0里面有个BUG,就是选中后,焦点离开的时候,combo的RawValue就没了... 于是分析了下,定位到以下代码://Ext.form.ComboBox源码 // private beforeBlur : functi...2009-07-27 16:16:23 · 239 阅读 · 0 评论 -
续:ExtJS Chart 扩展(重构了下,并写了个新的示例--内存监控)
续前文:http://atian25.iteye.com/blog/432513 新的效果图: 用到了Ext.ux.form.LovCombo,不过在3.0它有个小bug,如下fixed掉:详细原因看http://atian25.iteye.com/blog/433901var combo = new Ext.ux.form.LovCombo({...2009-07-27 15:55:14 · 207 阅读 · 0 评论 -
ExtJS Chart 扩展 - 增加对数据的过滤等操作
09.07.27, 重构了下,详见:http://atian25.iteye.com/blog/433882 看了下CHART的源码... 貌似作者是写as出身的...refresh那段感觉写得不够完美,于是自己对chart做了下扩展. 当然...如果你觉得我写的没用...你也可以跳过该文....不送~ 主要改变:可以对每个series的数...2009-07-24 17:41:59 · 146 阅读 · 0 评论 -
ExtJS Menu嵌套Combo时,下拉菜单被遮盖的bug的解决方法...
2009-09-06补充:该文章只解决了combo下拉框被遮盖的问题,但是如果选择como的某项,或者点击下拉菜单就会自动隐藏menu请移步查看后续文章: ExtJS Menu嵌套combo时,自动隐藏/遮盖等bug的解决方案http://atian25.iteye.com/blog/441476 问题很简单, 在Menu里面加入一个Combo后,...2009-07-23 14:48:06 · 246 阅读 · 0 评论 -
ExtJS 2.3/3.0 定制你所需要的模块
很实在的一个需求,就是我们只需要extjs的一部分功能,不想把整个类库都包含进来. 所以让我们来定制extjs吧~ 1. ExtJS 1.1.1或2.3.0 可以用官方的在线工具来定制:http://extjs.com/products/extjs/build/ 使用教程:e文:http://extjs.com/learn/Tutorial:Bui...2009-08-12 13:49:10 · 201 阅读 · 0 评论 -
ExtJS 3.0 优秀扩展简介 (持续更新)
自带示例里面的扩展就不说了,都会自己的看的: 如果链接有错,或者你有其他好的插件推荐,请留言,谢谢 1.TreeGrid 1)简介:看图吧... 2)示例图3)官方帖: TreeGrid (Ext.ux.maximgb.tg) - a tree grid component based on Ext's...2009-08-14 10:14:03 · 219 阅读 · 0 评论 -
ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)
Ext4.0 自带的Ext.ux.RowEditing还不够完善,随手写个ux来用下, v1.4 2011-09-12 变更内容:1.重构,修复不少bug以及合并/新增一些配置项(具体看附件中的文档)2.支持jsduck生成文档 (https://github.com/senchalabs/jsduck) v1.0 2011.04.27 变更内容:1.增加ca...2011-04-27 15:24:14 · 197 阅读 · 0 评论 -
ExtJS Tree刷新后自动展开并选择节点
很久没写EXTJS的tip了... 今天帮组员写了一个Tree的自动展开/选择的示例,如下:ps:用的是treegrid,但是用tree也是一样可以的. 防止爬虫原文地址:http://atian25.iteye.com/blog/724092 关键代码:Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '...2010-07-29 10:48:12 · 288 阅读 · 0 评论 -
仅供纪念,曾做过的一些界面截图
仅供记录用. 1.亚运(EXTJS) 2.亚运火炬线路地图(flex) 3.拨测信令分析程序(本地程序,AIR) 4.扫雷程序(groovy swing) 5.投票小助手(ExtJS4.x + Grails 2.0) 原型图:实现图:...2010-07-06 16:55:48 · 126 阅读 · 0 评论 -
ExtJS3.x 随笔(2010-07-08更新)
谨用该贴来记录一些使用extjs过程中的笔记吧. 不时更新. 2010-07-02 1. extjs chart bug 1)显示/隐藏chart(X轴为时间轴)的时候,会出现时间渲染函数失效的情况.xAxis: new Ext.chart.TimeAxis({ displayName: '时间', labelRenderer : Ext.util.F...2010-07-02 17:15:12 · 127 阅读 · 0 评论 -
ExtJS EditorGridPanel中时间日期编辑问题的总结
老是被反复问到这个问题,烦了...总结下... 1.首先要确保你store中的field是成功的把时间字符串转换为date类型2.正确的设置grid的renderer以便呈现3.正确的设置editor的format4.关于格式化的方式,看ext api中Date的那篇,很详细. 截图如下:代码如下:Ext.onReady(function(){ Ext...2009-09-23 09:48:35 · 187 阅读 · 0 评论 -
Ext JS 3.2.0发布 -- 不少令人振奋的特性(更新翻译后的release-notes)
不少令人振奋的新功能1.form里面的复合组件---写过extjs的人都知道,form+column layout是一件多么让人郁闷的事...http://www.extjs.com/deploy/ext-3.2.0/examples/form/composite-field.html 看了下源码,用hbox排版的,才那么几行代码,写的很巧妙. 2.对store的f...2010-04-01 15:02:31 · 173 阅读 · 0 评论 -
Ext 3.0.1 Release Notes
难熬的三天....JE终于恢复了....可惜要付费用户才能下...http://extjs.com/products/extjs/download.phpRelease Notes for Ext 3.0.1Release Date: Aug 20, 2009Current Version: 3.0.1 (rev 5073) Previous Version: 3.0....原创 2009-08-31 07:58:45 · 206 阅读 · 0 评论 -
也谈谈Ext.Grid之记录用户使用习惯—隐藏列
在论坛看到http://www.iteye.com/topic/457854 自己有点想法,于是随手写了个示例: 功能: 用户点击grid的表头菜单显示/隐藏列,重新刷新页面后保留。 代码如下:Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/images/s.gif'; Ext.chart.Chart.CH...2009-08-27 15:58:13 · 198 阅读 · 0 评论 -
[4.x] Ext.ux.button.AutoRefresher
/** * @class Ext.ux.button.AutoRefresher * @extends Ext.button.Split * @author tz * @email atian25@qq.com * @date 2011-05-21 * @version 1.0 * @forum http://www.sencha.com/forum/s...2011-05-23 11:22:37 · 129 阅读 · 0 评论 -
ExtJS Grid 大数据量的显示效率问题
有个grid,需要定时ajax取数据,大概500行.现在在ajax的响应函数里面用大概类似下面的方法更新store.each(function(record){ var newData = jsonData.data[record.id]; record.set(dataIndex,newData.SuccessCount); record.commi...2008-11-14 14:32:58 · 187 阅读 · 0 评论 -
ExtJS 扩展TimeField,设置时间区域
回答问题:http://www.iteye.com/problems/20038 需求是能动态设置TimeField的最大值和最小值: 首先观察源码,没有发现相关的接口. // private initComponent : function(){ Ext.form.TimeField.superclass.initComponent...2009-07-05 00:41:50 · 344 阅读 · 0 评论 -
ExtJS Grid tooltip的几种实现方式
看到问答里面的:http://www.iteye.com/problems/19761 就顺便总结点自己的体会吧。 1.表头提示 在2.2里面是设置ColumnModel.tooltip ,3.0则是Column.tooltip 如下:var grid = new Ext.grid.GridPanel({ columns:[ ...2009-06-30 09:30:54 · 103 阅读 · 0 评论 -
ExtJS Grid 换行后的最后一列太窄,暂时解决方法
首先是cell内容自动换行,在官方FAQ那提到是加一句CSS:.x-grid3-cell-inner { /*内容长的时候换行*/ white-space:normal !important;} 其次,Grid的某几列都指定了宽度,就剩下一列(如图中的"内容")是让它自适应的. var cm = new Ext.grid.Column...2009-06-26 10:19:37 · 208 阅读 · 0 评论 -
ExtJS_FAQ_Grid#Behavior
前言,学习ExtJS Grid的新手,官方的这篇FAQ是必读的.顺手翻译了一小点,大概了解就ok了,挺生硬的,呵呵... 翻译自:http://extjs.com/learn/Ext_FAQ_Grid#Behavior 5.行为 5.1 单元格的链接 >方法1: 自定义渲染方法 var yourColumn = { ...2009-06-24 16:22:30 · 222 阅读 · 0 评论 -
ExtJS Grid 自适应高度问题,老话题了...谈谈我的解决方法
首先,API上很明确讲了: Ext.grid.GridPanel 写道Notes:1.Although this class inherits many configuration options from base classes, some of them (such as autoScroll, autoWidth, layout, items, etc) are not u...2009-06-24 15:50:53 · 266 阅读 · 0 评论 -
ExtJS Grid 自定义排序规则
有一些需求如:1.某个字段的内容的可选值是: 男,女,不男不女,雌雄同体, 要求排序的顺序是 男>女>不男不女>雌雄同体2.中文排序 只需要对相应的record的field设置里面添加sortType,代码如下:// current sort after sort we want// +-+------+ +-+---...2009-06-24 15:26:51 · 780 阅读 · 0 评论 -
续:ExtJS Grid 大数据量的显示效率问题
view: new Ext.ux.grid.BufferView({ // custom row height rowHeight: 34, // render rows as they come into viewable area. scrollDelay: false, forceFit: true, ...2009-06-24 11:02:59 · 341 阅读 · 0 评论 -
ExtJS 3.0 Chart 小用一下
实际上就是YUI CHART, 具体的文档可以看: http://developer.yahoo.com/yui/charts/而YUI CHART就是把Yahoo的Astra-Chart给封装了下而已:http://developer.yahoo.com/flash/astra-flash/ 先上个图: 代码如下:1.定义store //定义store...2009-06-24 10:49:23 · 156 阅读 · 0 评论 -
修复ExtJS Grid分组显示后的行号
很简单,自己算...代码如下: new Ext.grid.RowNumberer({ renderer : function(v, p, record, rowIndex){ if(this.rowspan){ p.cellAttr = 'rowspan="'+this.rowspan+'"'; } if(Ext....2009-07-06 17:07:44 · 148 阅读 · 0 评论 -
ExtJS Tree载入自定义数据
回答问题:http://www.iteye.com/problems/20463 一般情况下最好是能在后台组装好格式再传递给前台展示.但是如果基于某些设计上的原因或者是后台不可控的情况下,可以在前台转换,方法有很多种,一种是在前台遍历数据,构造出符合tree的数据.还有一种是直接遍历添加到Tree,如下: Ext.onReady(function(){ ...2009-07-12 14:00:34 · 146 阅读 · 0 评论 -
ExtJS Combo 模糊过滤
var combo = new Ext.form.ComboBox({ id:'somecombo', store: combostore, displayField:'state', typeAhead: true, width: 180, mode: 'local', //e...2008-11-10 15:10:40 · 240 阅读 · 0 评论 -
ExtJS Grid 选择文字以便复制
原文:http://extjs.com/learn/Ext_FAQ_Grid#How_to_select_text_in_the_grid_.28with_the_mouse.29_so_that_it_can_be_copied_to_the_clipboard How to select text in the grid (with the mouse) so that it ca...2009-07-19 18:49:23 · 309 阅读 · 0 评论 -
ExtJS Grid 单元格边框
回答问题:http://www.iteye.com/problems/21029 给Grid加边框的几种方式: 1.extjs3.0简单,对grid加一句 columnLines:true ,需要进一步设置样式,就添加个x-grid-with-col-lines 2.extjs2.2的时候就麻烦一些: 2.1对所有的Gird,覆盖样式:/* Ov...2009-07-19 12:37:43 · 629 阅读 · 0 评论 -
ExtJS TabPanel 移动标签页
如下代码... 做完后我发现... 还不如记录下新的顺序.然后把tabpanel里面的全部标签页移除,再按新的顺序一个个的加回来... Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/images/s.gif'; Ext.QuickTips.init(); testTabMove();});func...2009-07-17 17:54:41 · 207 阅读 · 0 评论 -
ExtJS 3.0 在skpet里面的代码提示 (添加破解jar)
官方的extjs3.0包里面没有提供ext.jsb文件.于是去官方论坛问了下, 3.0他们提供的是jsb2,基于json的.现在spket还不支持。 有人重新做了个临时的3.0的jsb文件,如附件。 用法: 1.下载后放到3.0的src目录下 (一定要切记...我就是一时糊涂放错了...在官方那闹了笑话 -.-!!) 2.然后在skpet中如下图设置:...2009-07-16 08:57:41 · 120 阅读 · 0 评论 -
ExtJS 用XTemplate+DataView模拟TabPanel标签页
模拟下tab.... 为何要这样呢... 需要一个tab样式的标签页,但是点击后不希望切换panel,而是做一些其他的操作. 当然,可以通过其他方法操作TabPanel达到效果,但是觉得不好.(代码在后面第2段) 模拟Tab的代码,两种方式:一种是XTemplate+Panel,然后自己监控事件一种是XTemplate+DataView,这种就优雅多了...2009-07-15 16:58:53 · 201 阅读 · 0 评论 -
ExtJS ChangeLog 2.2 -> 3.0.0
郁闷...本来都写完的了...结果插入一个表格...编辑器就出问题了...内容不见了一半...格式也全乱了...得重来... 翻译的不好,请多见谅。其中有些地方觉得太拗口了,就直接给出原文了,如果你有更好的翻译,请跟帖,谢谢。 原文地址: http://extjs.com/forum/showthread.php?t=70352 Changes, Additions...2009-07-15 11:24:39 · 182 阅读 · 0 评论 -
ExtJS Grid 滚动到指定Record+选择多行
如下:示例代码是对某个特定的对象,如果需要全局,自己Extend吧. 1.滚动Grid到指定的Record 代码: viewConfig:{ forceFit: true, deferEmptyText: true, emptyText: "无相关数据", //滚动Grid到指定的Reco...2009-07-14 17:44:06 · 791 阅读 · 0 评论 -
ExtJS4.x 随笔(2011-04-29更新)
1.某个激活/禁用的checkboxfield,需要提交后台的值是true/false,而ext默认会提交后台的是on/null解决方法: field: { xtype: 'checkboxfield', inputValue: 'true', uncheckedValue: 'false',...2011-04-29 13:41:26 · 108 阅读 · 0 评论