ljbmultiselect-demo.js

实现了一个OA系统基本的功能

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * [e-mail]
 * 
 * http://extjs.com/license
 */
//@charset = "utf-8";
Ext.onReady(function(){

    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';
 
   var isForm = new Ext.form.FormPanel({
        title: 'please select',
        width:500,
        bodyStyle: 'padding:0px;',
        renderTo: 'itemselector',
        items:[{
            xtype:"itemselector",
            name:"itemselector",
            fieldLabel:"All people",
            dataFields:["code", "desc"],
            toData:[["ljb", "ljb"]],
            msWidth:100,
            msHeight:200,
            valueField:"code",
            displayField:"desc",
            imagePath:"/oa/js/images/",
            toLegend:"Selected",
            fromLegend:"Available",
            fromData:[
                ["lhx", "lhx"], ["lsj", "lsj"], ["ljl", "ljl"], ["jack", "jack"],  ["9", "Nine"]],
            toTBar:[{
                text:"clear",
                handler:function(){
                     var i=isForm.getForm().findField("itemselector");
                    i.reset.call(i);
                }
            }]
        }],
        
        buttons: [{
            text: 'Save',
            handler: function(){
                if(isForm.getForm().isValid()){
                   // Ext.Msg.alert('Info', 'you select: <br />'+ isForm.getForm().getValues(true));
					a=isForm.getForm().getValues(true);
				//	window.alert(a);
				//	itemselector=ljb%2Clsj
					
				//	alert("".concat(a.charAt(13),a.charAt(14),a.charAt(15)).fontcolor("red")); 
				//	alert(a.substr(13));
					var gg=a.substr(13);
			//	alert(gg.replace(/%2C/g,"|" ));
				var finall=gg.replace(/%2C/g,"|" );
				
				//alert(arr[1]);
			//	alert(finall);
					document.getElementById("text").value=finall;
                }
            }
        }]
    });
	
    
});