EXT插件SuperBoxSelect的使用

var userlist = {"Rows":[{"ml_jsr":"5","od":16,"username":"zhangsan","realname":"張三","deptname":"人事部"},{"ml_jsr":"7","od":4,"username":"dwadmin","realname":"單位管理員","deptname":"辦公室"}]};
Ext.onReady(function() {
    var countryData = [];
    var countryStore;
    Ext.QuickTips.init(); //爲需要的元件提供提示信息功能，form的主要提示信息就是客戶端驗證的錯誤信息
    Ext.form.Field.prototype.msgTarget = 'side'; //設置控件的錯誤信息顯示位置
    Ext.lib.Ajax.defaultPostHeader = 'application/json';

    //數據源一定要有
    countryStore = new Ext.data.SimpleStore({
        fields: ['code', 'name'],
        //data: countryData,
        sortInfo: {field: 'name', direction: 'ASC'}
    });

    var xt=new Ext.XTemplate(
        '<ul>',
        '<tpl for=".">',
             '<li class=cyrcss onclick=cyjsr("{ml_jsr}","{realname}","{username}")>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>{realname}({deptname})</a></li>',
        '</tpl>',
        '<ul>'
    );

    var sendform = new Ext.FormPanel({
        title: '',
        region: 'center',
        autoScroll: true,
        labelWidth: 60,
        labelAlign: 'right',
        bodyStyle: 'padding:15px;',
        items: [{
            allowBlank:false,
   msgTarget: 'side',
            renderFieldBtns:false,
            id:'ml_jsrname',
            name:'ml_jsr',
            xtype:'superboxselect',
            fieldLabel: '人員',
            resizable: true,
            anchor:'95%',
            store: countryStore,
            mode: 'local',
            displayField: 'name',
            readOnly:true,
            valueField: 'code',
            //value:'AU,AT',
   extraItemCls: 'x-tag'
        }]
    })

    var cyform = new Ext.Panel({
     title:'常用',
     html:'<div id="olddiv" />',
     bodyStyle: 'padding:2px;'
 });

    var panel = new Ext.Panel({
 layout: 'border',
 items: [sendform, tabs]
 });
    var viewport = new Ext.Viewport({
 layout: 'fit',
 items: panel
 });

    xt.append('olddiv',userlist.Rows);
})

    function cyjsr(jsr,name,userid){ 
        var text=userid+"("+name+")";
        var item=[jsr,text];
        countryData.push(item);
        countryStore.loadData(countryData);
        Ext.getCmp("ml_jsrname").addItem({code:jsr,name:text});
    }