- 浏览: 462346 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
njliukang:
请问一下,如果是异步树,应该怎么解决?貌似用expandpat ...
ExtJS Tree刷新后自动展开并选择节点 -
xiaoyueyue5721:
这是ScriptDataSet,如果换成OdaDataSet呢 ...
Birt动态填充DataSet数据 -
leexiaodong2009:
我准备要用那个锁定。
ExtJS 3.0 优秀扩展简介 (持续更新) -
babyhhcsy:
pizza823 写道分享下另外中方法store里面不用变在列 ...
ExtJS EditorGridPanel中时间日期编辑问题的总结 -
冷月宫主:
高手,请问一下有没有使用Ext做过多表头锁定左侧指定列的处理? ...
仅供纪念,曾做过的一些界面截图
续前文:http://atian25.iteye.com/blog/432513
新的效果图:
用到了Ext.ux.form.LovCombo,不过在3.0它有个小bug,如下fixed掉:
详细原因看http://atian25.iteye.com/blog/433901
var combo = new Ext.ux.form.LovCombo({ width:600, hideOnSelect:false, maxHeight:200, store:new Ext.data.SimpleStore({ id:0, fields:['pid', 'imageName'] }), triggerAction:'all', valueField:'pid', displayField:'imageName', mode:'local', //下面这一句即可,原因是3.0beforeBlur里面findRecord不到record,就setValue(getRawValue())了. beforeBlur:function(){} });
对Ext.chart.Chart的改写如下:
Ext.override(Ext.chart.Chart,{ /** * override the as-like code, and add some interface for filter data */ refresh : function(){ var dataProvider = []; if(!this.series){ dataProvider.push({ type: this.type, dataProvider: this.collectData(this.store) }); }else{ var styleChanged = false; var seriesCount = this.series.length; for(var i = 0; i < seriesCount; i++){ var currentSeries = this.series[i]; //make a copy of the series definitions so that we aren't editing them directly. var item = {}; Ext.apply(item,currentSeries,{ type:this.type, queryFn:this.queryFn, prepareData:this.prepareData, collectData: this.collectData }); //encode the style if(currentSeries.style){ item.style = Ext.encode(currentSeries.style); styleChanged = true; } //collect the data for this series item.dataProvider = item.collectData(this.store); dataProvider.push(item); item=null; } } this.swf.setDataProvider(dataProvider); }, /** * Function which can be overridden to provide custom formatting for each Record * ^_^ some code in DataView */ prepareData:function(obj,index,record){ return obj; }, /** * filter some data for some series */ queryFn:function(record,id){ return true; }, /** * Use for each series, if u want to filter some data for some series.notify these is function queryFn * ^_^ also from DataView,and make some changes. */ collectData:function(store){ var records = store.queryBy(this.queryFn).getRange(); var r = []; for(var i = 0, len = records.length; i < len; i++){ r[r.length] = this.prepareData(records[i].data, i, records[i]); } return r; }, /** * add if */ setSeries : function(series){ this.series = series; if(this.isInitialized){ this.refresh(); } }, tz:'' });
完整源码如附件,
高手请无视~
如图中的需求,其实还有一种传统做法,就是自己构造一个chartstore,根据grid.store和combo的变化去更新chartStore的field.
顺便附上生成数据的Groovy源码,很简单的一段测试代码:
import java.util.TimerTask import java.util.Timer import java.util.GregorianCalendar /** * @author TZ * */ public class MonitorThread{ public static void main(def args){ def timerTask = new TimerTaskExample(); def timer = new Timer(); timer.scheduleAtFixedRate(timerTask,new Date(),1000*60*10); } } class TimerTaskExample extends TimerTask { public void run() { // "图像名 ","PID","会话名 ","会话# ","内存使用 ","状态 ","用户名 ","CPU 时间","窗口标题 " def process = "tasklist /nh /v /fo csv /fi \"MEMUSAGE gt 30000\"".execute(); def result = []; def dateStr = String.format('%tY-%<tm-%<td', GregorianCalendar.getInstance()) +" "+ String.format('%tH:%<tM:00', GregorianCalendar.getInstance()); process.in.eachLine {line -> def arr = line.split(",(?![0-9])") if(arr.length>=9 && arr[6].indexOf("TZ")!=-1){ def json = "{monitorTime:\"${dateStr}\",imageName:${arr[0]},pid:${arr[1]},memUsage:${arr[4]},userName:${arr[6].replace('\\','-')},cpuTime:${arr[7]},title:${arr[8]}}"; result.push(json); } } new File("monitor.log").withWriterAppend{ out -> result.each() {value -> out.writeLine("${value},"); } out.writeLine(""); println "log at ${dateStr} " } } }
- Test2.rar (1 MB)
- 描述: 完整源码
- 下载次数: 437
- MonitorThread.groovy.rar (844 Bytes)
- 描述: 生成数据的Groovy源码
- 下载次数: 177
评论
7 楼
atian25
2010-08-05
fengshengshijie 写道
想问问图表的 numericAxis 如何将其竖起来展示
?
6 楼
fengshengshijie
2010-08-05
想问问图表的 numericAxis 如何将其竖起来展示
5 楼
dhtiger
2010-02-23
不错,学习了
4 楼
love_cy
2009-09-24
但是感觉他有一个最大值,不管size设置多大,都不会大于默认的最大值。
3 楼
love_cy
2009-09-24
OK 找到了
line 设置 lineSize
column 直接设置 size
line 设置 lineSize
column 直接设置 size
2 楼
atian25
2009-09-24
love_cy 写道
怎么设置columnChart柱状图的宽度呢?
[url]http://developer.yahoo.com/yui/charts/ [/url]
1 楼
love_cy
2009-09-24
怎么设置columnChart柱状图的宽度呢?
发表评论
-
[4.x] Ext.ux.button.AutoRefresher
2011-05-23 11:22 2667/** * @class Ext.ux.b ... -
ExtJS 4.x 定制你的js
2011-05-01 00:04 0... -
ExtJS4.x 随笔(2011-04-29更新)
2011-04-29 13:41 36951.某个激活/禁用的checkboxfield,需要提交后台的 ... -
ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)
2011-04-27 15:24 12520Ext4.0 自带的Ext.ux.RowEditing还不够完 ... -
ExtJS Tree刷新后自动展开并选择节点
2010-07-29 10:48 17619很久没写EXTJS的tip了... 今天帮组员写了一个 ... -
仅供纪念,曾做过的一些界面截图
2010-07-06 16:55 3369仅供记录用. 1.亚运(EXTJS) ... -
ExtJS3.x 随笔(2010-07-08更新)
2010-07-02 17:15 3517谨用该贴来记录一些使 ... -
Ext JS 3.2.0发布 -- 不少令人振奋的特性(更新翻译后的release-notes)
2010-04-01 15:02 3725不少令人振奋的新功能 1.form里面的复合组件 ---写 ... -
ExtJS EditorGridPanel中时间日期编辑问题的总结
2009-09-23 09:48 10132老是被反复问到这个问题,烦了...总结下... 1.首 ... -
Ext 3.0.1 Release Notes
2009-08-31 07:58 3916难熬的三天....JE终于恢复了.... 可惜要付费 ... -
也谈谈Ext.Grid之记录用户使用习惯—隐藏列
2009-08-27 15:58 7547在论坛看到http://www.iteye ... -
ExtJS 常见问题 - by tz
2009-08-14 16:13 0经常在群里面被问到的一些问题,不如汇集起来算了... ... -
ExtJS 3.0 优秀扩展简介 (持续更新)
2009-08-14 10:14 17174自带示例里面的扩展就 ... -
ExtJS 2.3/3.0 定制你所需要的模块
2009-08-12 13:49 13217很实在的一个需求,就是 ... -
ExtJS Combo 下拉列表正常显示HTML标签内容
2009-08-11 15:02 5856解决问题: http://www.iteye.com/pro ... -
ExtJS 3.0 Designer Preview (官方的IDE可视化工具)
2009-08-11 12:35 24633原文地址: http://extjs.com/blog/200 ... -
ExtJS Menu嵌套combo等控件时,自动隐藏/遮盖等bug的解决方案
2009-08-06 12:41 61332010-07-08补充: DateField隐藏的 ... -
ExtJS 输入框/MessageBox.prompt 禁止粘贴
2009-07-30 13:33 6731回答问题http://www.iteye.com/proble ... -
ExtJS 修复3.0里面的LovCombo(下拉多选框)的Bug
2009-07-27 16:16 11279如果你不知道lovcombo是什么,看http://setti ... -
ExtJS Chart 扩展 - 增加对数据的过滤等操作
2009-07-24 17:41 911709.07.27 , 重构了下,详见:http://atia ...
相关推荐
EXTJS 折线 chart action 代码示例 1.远程加载数据(两种方法) 2.本地加载数据 3.完整示例,实例 4.后台为JAVA代码
Extjs教程源码 介: ***************第一部分基础知识**************** ...第二十九讲: EXTJS4.0的高级组件Chart下 第三十讲: EXTJS4.0的Desktop使用讲解 本资料共包含以下附件: EXTJS4.0视频教程配套代码.zip
第一讲:extjs4.0概述和HELLO WORD程序 [01]EXTJS4.0的概述和HELLOWORD程序.wmv 第二讲:extjs4.0的新特性(附件较大做了分包压缩大家... 第二十九讲:extjs4.0的高级组件chart下 第三十讲:extjs4.0的desktop使用讲解
看到其它地方 分太高,问大家省点分. 只有代码,视频请百度看. 第一讲:extjs4.0概述和HELLO WORD程序 [01]EXTJS4.0的概述和HELLOWORD... 第二十九讲:extjs4.0的高级组件chart下 第三十讲:extjs4.0的desktop使用讲解
第一讲:extjs4.0概述和HELLO WORD程序 [01]EXTJS4.0的概述和HELLOWORD程序.wmv 第二讲:extjs4.0的新特性(附件较大做了分包压缩大家... 第二十九讲:extjs4.0的高级组件chart下 第三十讲:extjs4.0的desktop使用讲解
简化版,仅包含的Test.js 博文链接:https://atian25.iteye.com/blog/432513
第二讲:extjs4.0的新特性 第三讲:extjs4.0数据模型--Model 第四讲:extjs4.0的数据代理-Proxy 第五讲:extjs4.0的读写器reader,writer 第六讲:extjs4.0的数据集store 第七讲:extjs4.0的事件机制Event 第八讲:...
语言程序设计资料:ExtJs学习笔记-2积分.doc
ExtJs:收集基于ExtJs扩展的一些控件 ExtJs:收集基于ExtJs扩展的一些控件
ExtJS 组件扩展 如何正确使用Extjs---扩展组件的两个层次
这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache 根目录包含: extjs 4.0.7 的文件夹,再新建一个测试用的文件夹 test-form, 根目录的目录列表如下所示: ...
扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) EXTJS4.1文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--...
extjs chart highchart hede hodo
这是一个Ext框架,我对此框架很感兴趣。。。特别想了解一下。。。
Extjs4.2 Chart柱状图实例。
EXTJS3.0扩展例子集合...内含源代码...
ExtJs DWR扩展 DWRProxy、DWRTreeLoader、DWRGridProxy,经过EXT3.0版本测试! 通过DWR向Ext提供数据!非常棒的扩展!
licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open Source GPL 3.0 license. http://www.gnu.org/licenses/gpl.html There are several FLOSS ...