BlogJava-天猪-文章分类-ExtJS

[原创]Extjs 3.0 Chart 小用一下

乾为天|天猪 — Wed, 01 Jul 2009 02:28:00 GMT

摘要: http://atian25.javaeye.com/blog/413947 实际上就是YUI CHART, 具体的文档可以看: http://developer.yahoo.com/yui/charts/ 先上个图: 代码如下: 1.定义store Code highlighting produced by Actipro CodeHighlighter (fr... 阅读全文

乾为天|天猪 2009-07-01 10:28 发表评论

[原创]EXTJS双击TabPanel标签关闭该页

乾为天|天猪 — Wed, 01 Jul 2009 02:23:00 GMT

1 var tabs = new Ext.TabPanel({
2     renderTo: 'tabs1',
3     width:450,
4     activeTab: 0,
5     frame:true,
6     defaults:{autoHeight: true},
7     items:[
8         {contentEl:'script', title: 'Short Text'},
9         {contentEl:'markup', title: 'Long Text'}
10     ],
11     initEvents : function(){
12             Ext.TabPanel.superclass.initEvents.call(this);
13             this.on('add', this.onAdd, this, {target: this});
14             this.on('remove', this.onRemove, this, {target: this});
15             this.mon(this.strip, 'mousedown', this.onStripMouseDown, this);
16             this.mon(this.strip, 'contextmenu', this.onStripContextMenu, this);
17             if(this.enableTabScroll){
18                 this.mon(this.strip, 'mousewheel', this.onWheel, this);
19             }
20             //ADD:monitor title dbclick
21             this.mon(this.strip,'dblclick',this.onTitleDbClick,this);
22         },
23                  //ADD: handler
24         onTitleDbClick:function(e,target,o){
25             var t = this.findTargets(e);
26             if (t.item.fireEvent('beforeclose', t.item) !== false) {
27                         t.item.fireEvent('close', t.item);
28                         this.remove(t.item);
29                    }
30         }
31 });

乾为天|天猪 2009-07-01 10:23 发表评论

[原创]ExtJS Grid 自定义排序规则

乾为天|天猪 — Wed, 01 Jul 2009 02:20:00 GMT

有一些需求如:

1.一个文件管理的Grid,要求排序的时候,文件夹永远在顶部

2.一个显示成功率的Grid,要求成功数+失败数=0的数据,不参与排序,永远在底部

ExtJs本身并没有暴露这个接口,所以我们只能自己重写,如下代码:

1 var store = new Ext.data.JsonStore({
2   root:'data',
3   fields:[
4     'name',
5     {name:'sucCount',type:'int'},
6     {name:'failCount',type:'int'},
7     {name:'sucRate',type:'float'},
8     {name:'isValidateTest',type:'boolean'},
9     {name:'statType',type:'int'},
10     'testLogIds','bsc','msc','sgsn'
11   ],
12   sortInfo:{field: 'sucRate', direction: 'ASC'},
13   //排序规则
14   sortData:function(f, direction){
15     direction = direction || 'ASC';
16     var dir = direction == 'ASC' ? 1 : -1;
17     var st = this.fields.get(f).sortType;
18     //关键地方,重写排序排序规则
19     var fn = function(r1, r2){
20       if(!r1.get('isValidateTest')||!r2.get('isValidateTest')){
21         //无效数据永远在下面
22         return !r1.get('isValidateTest') ? dir : -dir;
23       }else{
24         var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
25         return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
26       }
27     };
28     this.data.sort(direction, fn);
29     if(this.snapshot && this.snapshot != this.data){
30       this.snapshot.sort(direction, fn);
31     }
32   }
33 });

乾为天|天猪 2009-07-01 10:20 发表评论