source: trunk/web/addons/job_monarch/lib/extjs/examples/multiselect/multiselect-demo.js @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 3.5 KB
Line 
1/*
2 * Ext JS Library 2.2.1
3 * Copyright(c) 2006-2009, Ext JS, LLC.
4 * licensing@extjs.com
5 *
6 * http://extjs.com/license
7 */
8
9Ext.onReady(function(){
10
11    Ext.QuickTips.init();
12    Ext.form.Field.prototype.msgTarget = 'side';
13   
14    /*
15     * Ext.ux.Multiselect Example Code
16     */
17    var msForm = new Ext.form.FormPanel({
18        title: 'MultiSelect Test',
19        width:700,
20        bodyStyle: 'padding:10px;',
21        renderTo: 'multiselect',
22        items:[{
23            xtype:"multiselect",
24            fieldLabel:"Multiselect<br />(Required)",
25            name:"multiselect",
26            dataFields:["code", "desc"], 
27            valueField:"code",
28            displayField:"desc",
29            width:250,
30            height:200,
31            allowBlank:false,
32            data:[[123,"One Hundred Twenty Three"],
33                ["1", "One"], ["2", "Two"], ["3", "Three"], ["4", "Four"], ["5", "Five"],
34                ["6", "Six"], ["7", "Seven"], ["8", "Eight"], ["9", "Nine"]],
35            tbar:[{
36                text:"clear",
37                handler:function(){
38                        msForm.getForm().findField("multiselect").reset();
39                    }
40            }]
41        }],
42        tbar:[{
43            text: 'Options',
44            menu: [{
45                    text:"Set Value (2,3)",
46                    handler: function(){
47                        msForm.getForm().findField("multiselect").setValue("2,3");
48                    }
49                },{
50                    text:"Toggle Enabled",
51                    handler: function(){
52                        var m=msForm.getForm().findField("multiselect");
53                        if (!m.disabled)m.disable();
54                        else m.enable();
55                    }
56            }]
57        }],
58       
59        buttons: [{
60            text: 'Save',
61            handler: function(){
62                if(msForm.getForm().isValid()){
63                        Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+ 
64                            msForm.getForm().getValues(true));
65                }
66            }
67        }]
68    });
69   
70   
71    /*
72     * Ext.ux.ItemSelector Example Code
73     */
74    var isForm = new Ext.form.FormPanel({
75        title: 'ItemSelector Test',
76        width:700,
77        bodyStyle: 'padding:10px;',
78        renderTo: 'itemselector',
79        items:[{
80            xtype:"itemselector",
81            name:"itemselector",
82            fieldLabel:"ItemSelector",
83            dataFields:["code", "desc"],
84            toData:[["10", "Ten"]],
85            msWidth:250,
86            msHeight:200,
87            valueField:"code",
88            displayField:"desc",
89            imagePath:"images/",
90            toLegend:"Selected",
91            fromLegend:"Available",
92            fromData:[[123,"One Hundred Twenty Three"],
93                ["1", "One"], ["2", "Two"], ["3", "Three"], ["4", "Four"], ["5", "Five"],
94                ["6", "Six"], ["7", "Seven"], ["8", "Eight"], ["9", "Nine"]],
95            toTBar:[{
96                text:"Clear",
97                handler:function(){
98                    var i=isForm.getForm().findField("itemselector");
99                    i.reset.call(i);
100                }
101            }]
102        }],
103       
104        buttons: [{
105            text: 'Save',
106            handler: function(){
107                if(isForm.getForm().isValid()){
108                    Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+ 
109                        isForm.getForm().getValues(true));
110                }
111            }
112        }]
113    });
114   
115});
Note: See TracBrowser for help on using the repository browser.