← Back to branch summary

~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/ecosystem/workspace/old/sample-grid.js

  • Committer: parra
  • Date: 2010-03-15 06:47:22 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1443
merged gelee at svn

Show diffs side-by-side

added added

removed removed

Lines of Context:
webui/ecosystem/workspace/old/sample-grid.js
 
1
/*
 
2
 * Ext JS Library 3.0 RC2
 
3
 * Copyright(c) 2006-2009, Ext JS, LLC.
 
4
 * licensing@extjs.com
 
5
 * 
 
6
 * http://extjs.com/license
 
7
 */
 
8
 
 
9
SampleGrid = function(limitColumns){
 
10
 
 
11
    function italic(value){
 
12
        return '<i>' + value + '</i>';
 
13
    }
 
14
 
 
15
    function change(val){
 
16
        if(val > 0){
 
17
            return '<span style="color:green;">' + val + '</span>';
 
18
        }else if(val < 0){
 
19
            return '<span style="color:red;">' + val + '</span>';
 
20
        }
 
21
        return val;
 
22
    }
 
23
 
 
24
    function pctChange(val){
 
25
        if(val > 0){
 
26
            return '<span style="color:green;">' + val + '%</span>';
 
27
        }else if(val < 0){
 
28
            return '<span style="color:red;">' + val + '%</span>';
 
29
        }
 
30
        return val;
 
31
    }
 
32
 
 
33
 
 
34
    var columns = [
 
35
        {id:'company',header: "Model name", width: 160, sortable: true, dataIndex: 'name'},
 
36
        {header: "version-number", width: 75, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'version-number'},
 
37
        {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
 
38
        {header: "Creation date", width: 75, sortable: true, renderer: pctChange, dataIndex: 'creation-date'}
 
39
    ];
 
40
        
 
41
 
 
42
    // allow samples to limit columns
 
43
    if(limitColumns){
 
44
        var cs = [];
 
45
        for(var i = 0, len = limitColumns.length; i < len; i++){
 
46
            cs.push(columns[limitColumns[i]]);
 
47
        }
 
48
        columns = cs;
 
49
    }
 
50
        
 
51
 var modRec = Ext.data.Record.create([
 
52
                {name: 'name', type: 'string'},
 
53
        {name: 'version-number', type: 'string'},
 
54
        {name: 'creation-date', type: 'string'},
 
55
        {name: 'id', type: 'string'}
 
56
        ]);
 
57
 
 
58
        var modelStore = new Ext.data.Store({
 
59
                url             : 'http://project.liquidpub.org/gelee/api/model.xml?t=M',       
 
60
                method          : 'GET',  
 
61
                reader          : new Ext.data.XmlReader({
 
62
                                                record: 'model',
 
63
                                id: 'id',
 
64
                                    totalRecords: '@total',
 
65
                                                },modRec),
 
66
                listeners               : {
 
67
                                                load            : function(records, options)
 
68
                                                                          {
 
69
                                                                                  alert("Load ok:"+response.responseText);
 
70
                                                                                  console.log( 'loaded ' + records.totalLength + ' records');
 
71
                                                                          },
 
72
                                                loadexception: function(proxy, options, response, error)
 
73
                                                                                {
 
74
                                                                                        alert("Load exept:"+response.responseText);
 
75
                                                                                        console.log('error loading records from server:');
 
76
                                                                                        console.log("\tfile: "+error.fileName);
 
77
                                                                                        console.log("\tline: "+error.lineNumber);
 
78
                                                                                 }
 
79
                                                }
 
80
 
 
81
        });
 
82
        
 
83
 
 
84
    SampleGrid.superclass.constructor.call(this, {
 
85
        store: modelStore,
 
86
        columns: columns,
 
87
        height:250,
 
88
        width:600
 
89
    });
 
90
 
 
91
 
 
92
 
 
93
 
 
94
 
 
95
}
 
96
 
 
97
Ext.extend(SampleGrid, Ext.grid.GridPanel);
 
 
b'\\ No newline at end of file'