o2oa-cairong/o2web/source/x_component_Selector/MultipleSelector.js

MWF.xApplication.Selector = MWF.xApplication.Selector || {};
//MWF.xDesktop.requireApp("Selector", "lp."+MWF.language, null, false);
//MWF.xDesktop.requireApp("Selector", "Actions.RestActions", null, false);
if(!MWF.O2Selector)MWF.O2Selector = {};
MWF.xApplication.Selector.MultipleSelector = new Class({
    Extends: MWF.widget.Common,
    Implements: [Options, Events],

    options: {
        "style": "default",
        "types" : [],
        "count": 0,
        "title": "",
        "groups": [], //选person, group, role 时的范围
        "roles": [], //选选person, group, role 时的范围
        "units": [], //选 company, department, duty, identity 时的范围
        "values" : [],

        "zIndex": 1000,
        "expand": true,

        "contentUrl" : "", //和默认的页面布局不一样的话，可以传入页面布局HTML URL
        "injectToBody" : false //当传入HTML URL的时候是否插入到document.body, false的时候插入到this.container
    },
    initialize: function(container, options){
        this.active = true;
        if (!options.title)  options.title = MWF.xApplication.Selector.LP.multiSelectTitle;
        this.setOptions(options);

        this.optionsArg = options;

        this.path = "../x_component_Selector/$Selector/";
        this.cssPath = "../x_component_Selector/$Selector/"+this.options.style+"/css.wcss";
        this._loadCss();

        this.container = $(container);

        if( ["flow"].contains(this.options.style)  ){
            this.options.contentUrl = this.path + this.options.style + "/"+( this.options.embedded ? "selector_embedded":"selector" )+".html";
            this.options.level1Indent = 10;
            this.options.indent = 20;
            this.options.tabStyle = "blue_flat";
        }

        this.lp = MWF.xApplication.Selector.LP;

        this.lastPeople = "";
        this.pageCount = "13";
        this.selectedItems = [];
        this.selectedItemsObject = {};
        this.items = [];
        this.selectors = {};
    },
    load: function(){
        if( this.options.contentUrl ){
            this.loadWithUrl();
        }else {
            if (layout.mobile) {
                this.loadMobile();
            } else {
                this.loadPc();
            }
            this.fireEvent("load");
        }
    },
    loadWithUrl : function(){
        if( this.options.style === "flow" ){
            var node = new Element("div");
            node.loadHtml( this.options.contentUrl, {
                "bind": { "lp": MWF.xApplication.Selector.LP, "options": this.options },
                "module": this
            },function () {
                this.node = node.getFirst();
                this.node.loadCss("../x_component_Selector/$Selector/flow/style.css");
                this.loadContentWithHTML();
                this.fireEvent("load");
            }.bind(this));
        }else{
            var request = new Request.HTML({
                url: this.options.contentUrl,
                method: "GET",
                async: false,
                onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
                    this.node = responseTree[0];
                    this.loadContentWithHTML();
                    this.fireEvent("load");
                }.bind(this),
                onFailure: function(xhr){
                    alert(xhr);
                }
            });
            request.send();
         }
    },
    loadContentWithHTML : function(){
        var container = this.options.injectToBody ? $(document.body) : this.container;
        if( !this.options.embedded ){
            this.css.maskNode["z-index"] = this.options.zIndex;
            this.maskRelativeNode = container;
            this.maskRelativeNode.mask({
                "destroyOnHide": true,
                "style": this.css.maskNode
            });
        }

        if( !this.options.embedded ) {
            this.node.setStyles( layout.mobile ? this.css.containerNodeMobile : this.css.containerNode );
            this.node.setStyle("z-index", this.options.zIndex.toInt() + 1);
        }
        if( layout.mobile ){
            this.node.setStyle("height", ( container.getSize().y ) + "px");
        }

        this.titleNode = this.node.getElement(".MWF_selector_titleNode");
        this.titleTextNode = this.node.getElement(".MWF_selector_titleTextNode");
        this.titleCancelActionNode = this.node.getElement(".MWF_selector_titleCancelActionNode");
        this.titleOkActionNode = this.node.getElement(".MWF_selector_titleOkActionNode");

        this.titleActionNode = this.node.getElement(".MWF_selector_titleActionNode");

        this.tabContainer = this.node.getElement(".MWF_selector_tabContainer");
        this.tabContainer.show();

        this.contentNode = this.node.getElement(".MWF_selector_contentNode");

        this.selectNode = this.node.getElement(".MWF_selector_selectNode");
        this.selectTopNode = this.node.getElement(".MWF_selector_selectTopNode");
        this.selectTopTextNode = this.node.getElement(".MWF_selector_selectTopTextNode");
        this.searchInputDiv = this.node.getElement(".MWF_selector_searchInputDiv");
        this.searchInput = this.node.getElement(".MWF_selector_searchInput");
        this.searchCancelAction = this.node.getElement(".MWF_selector_searchCancelAction");
        this.letterActionNode = this.node.getElement(".MWF_selector_letterActionNode");

        this.flatCategoryScrollNode = this.node.getElement(".MWF_selector_flatCategoryScrollNode");
        this.flatCategoryNode = this.node.getElement(".MWF_selector_flatCategoryNode");

        this.letterAreaNode = this.node.getElement(".MWF_selector_letterAreaNode");

        this.itemAreaScrollNode = this.node.getElement(".MWF_selector_itemAreaScrollNode");
        this.itemAreaNode = this.node.getElement(".MWF_selector_itemAreaNode");

        this.itemSearchAreaScrollNode = this.node.getElement(".MWF_selector_itemSearchAreaScrollNode");
        this.itemSearchAreaNode = this.node.getElement(".MWF_selector_itemSearchAreaNode");

        this.selectedContainerNode = this.node.getElement(".MWF_selector_selectedContainerNode");

        this.selectedTopNode = this.node.getElement(".MWF_selector_selectedTopNode");
        this.selectedTopTextNode = this.node.getElement(".MWF_selector_selectedTopTextNode");
        this.emptySelectedNode = this.node.getElement(".MWF_selector_emptySelectedNode");

        this.selectedScrollNode = this.node.getElement(".MWF_selector_selectedScrollNode");
        this.selectedNode = this.node.getElement(".MWF_selector_selectedNode");
        this.selectedItemSearchAreaNode = this.node.getElement(".MWF_selector_selectedItemSearchAreaNode");

        this.actionNode = this.node.getElement(".MWF_selector_actionNode");
        this.okActionNode = this.node.getElement(".MWF_selector_okActionNode");
        this.cancelActionNode = this.node.getElement(".MWF_selector_cancelActionNode");

        if (this.titleNode) this.titleNode.setStyles( layout.mobile ? this.css.titleNodeMobile : this.css.titleNode );
        if (this.titleTextNode){
            this.titleTextNode.setStyles(layout.mobile ? this.css.titleTextNodeMobile : this.css.titleTextNode);
            if(this.options.title)this.titleTextNode.set("text", this.options.title);
        }
        if (this.titleActionNode)this.titleActionNode.setStyles(this.css.titleActionNode);
        if (this.titleCancelActionNode) this.titleCancelActionNode.setStyles(this.css.titleCancelActionNodeMobile);
        if (this.titleOkActionNode) this.titleOkActionNode.setStyles(this.css.titleOkActionNodeMobile);

        if (this.tabContainer) this.tabContainer.setStyles(this.css.tabContainer);

        if (this.contentNode) this.contentNode.setStyles(this.css.contentNode);

        if (this.selectNode) this.selectNode.setStyles( layout.mobile ? this.css.selectNodeMobile : this.css.selectNode);
        if (this.selectTopNode)this.selectTopNode.setStyles(this.css.selectTopNode);
        if (this.selectTopTextNode)this.selectTopTextNode.setStyles(this.css.selectTopTextNode);
        if (this.searchInputDiv) this.searchInputDiv.setStyles(this.css.searchInputDiv);
        if (this.searchInput) this.searchInput.setStyles( (this.options.count.toInt()===1) ? this.css.searchInputSingle : this.css.searchInput );
        if (this.searchCancelAction) this.searchCancelAction.setStyles(this.css.searchCancelAction);
        if (this.letterActionNode) this.letterActionNode.setStyles(this.css.letterActionNode);
        if (this.letterAreaNode) this.letterAreaNode.setStyles(this.css.letterAreaNode);
        if (this.itemAreaScrollNode) this.itemAreaScrollNode.setStyles(this.css.itemAreaScrollNode);
        if (this.itemAreaNode) this.itemAreaNode.setStyles(this.css.itemAreaNode);

        if (this.itemSearchAreaScrollNode) this.itemSearchAreaScrollNode.setStyles(this.css.itemSearchAreaScrollNode);
        if (this.itemSearchAreaNode) this.itemSearchAreaNode.setStyles(this.css.itemAreaNode);

        if (this.selectedContainerNode)this.selectedContainerNode.setStyles(this.css.selectedContainerNode);
        if (this.selectedTopNode)this.selectedTopNode.setStyles(this.css.selectedTopNode);
        if (this.selectedTopTextNode)this.selectedTopTextNode.setStyles(this.css.selectedTopTextNode);
        if (this.emptySelectedNode)this.emptySelectedNode.setStyles(this.css.selectedTopActionNode);

        if (this.selectedScrollNode) this.selectedScrollNode.setStyles(this.css.selectedScrollNode);
        if (this.selectedNode) this.selectedNode.setStyles(this.css.selectedNode);
        if (this.selectedItemSearchAreaNode) this.selectedItemSearchAreaNode.setStyles(this.css.itemAreaNode);

        if (this.actionNode) this.actionNode.setStyles(this.css.actionNode);
        if (this.okActionNode) {
            this.okActionNode.setStyles(this.css.okActionNode);
            this.okActionNode.set("text", MWF.SelectorLP.ok);
        }
        if (this.cancelActionNode) {
            this.cancelActionNode.setStyles(this.css.cancelActionNode);
            this.cancelActionNode.set("text", MWF.SelectorLP.cancel);
        }


        this.node.inject( container );

        var size;
        if( this.options.injectToBody ){
            size = $(document.body).getSize();
        }else if( layout.mobile ){
            var containerSize = this.container.getSize();
            var bodySize = $(document.body).getSize();
            if(containerSize.y === 0){
                containerSize.y = bodySize.y
            }

            size = {
                "x" : Math.min( containerSize.x, bodySize.x ),
                "y" : Math.min( containerSize.y, bodySize.y )
            };

            var zoom = this.node.getStyle("zoom").toInt();
            zoom = zoom ? (zoom * 100) : 0;
            if( zoom ){
                size.x = size.x * 100 / zoom;
                size.y = size.y * 100 / zoom;
            }
            this.node.setStyles({
                "width" : size.x+"px",
                "height" : size.y+"px"
            });
        }else{
            debugger;
            if( this.options.width || this.options.height ){
                this.setSize()
            }
            this.node.position({
                relativeTo: this.container,
                position: "center",
                edge: "center"
            });

            size = this.container.getSize();
            var nodeSize = this.node.getSize();
            this.node.makeDraggable({
                "handle": this.titleNode,
                "limit": {
                    "x": [0, size.x - nodeSize.x],
                    "y": [0, size.y - nodeSize.y]
                }
            });
        }

        var isFormWithAction = window.location.href.toLowerCase().indexOf("workmobilewithaction.html") > -1;

        var height = this.node.getSize().y-this.getOffsetY( this.contentNode );
        if( this.tabContainer ){
            height = height - this.getOffsetY( this.tabContainer ) - ( this.tabContainer.getStyle("height").toInt() || 0 )
        }
        if( this.titleNode ){
            height = height - this.getOffsetY( this.titleNode ) - ( this.titleNode.getStyle("height").toInt() || 0 )
        }
        if( this.actionNode ){
            height = height - this.getOffsetY( this.actionNode ) - ( this.actionNode.getStyle("height").toInt() || 0 )
        }
        this.contentNode.setStyle("height", ""+height+"px");

        this.selectNode.setStyle("height", ""+height+"px");

        this.contentHeight = height;
        this.contentHTML = this.contentNode.get("html");
        this.contentNode.empty();


        this.loadContent();
        if( this.actionNode ){
            this.loadAction();
        }

        if( !this.options.embedded && layout.mobile ){
            this.node.setStyles({
                "top": "0px",
                "left": "0px"
            });
        }

        this.setEvent();
    },
    loadMobile: function(){
        this.maskRelativeNode = $(document.body);
        this.maskRelativeNode.mask({
            "destroyOnHide": true,
            "style": this.css.maskNode
        });
        this.node = new Element("div", {"styles": this.css.containerNodeMobile});
        this.node.setStyle("z-index", this.options.zIndex.toInt()+1);
        this.node.setStyle("height", ( $(document.body).getSize().y ) + "px");
        this.titleNode = new Element("div", {
            "styles": this.css.titleNodeMobile
        }).inject(this.node);

        this.titleCancelActionNode = new Element("div", {
            "styles": this.css.titleCancelActionNodeMobile,
            "text": MWF.SelectorLP.back
        }).inject(this.titleNode);
        this.titleOkActionNode = new Element("div", {
            "styles": this.css.titleOkActionNodeMobile,
            "text": MWF.SelectorLP.ok
        }).inject(this.titleNode);

        this.titleTextNode = new Element("div", {
            "styles": {
                "margin": "0px 50px",
                "height": "40px",
                "padding": "0px 10px",
                "color": "#FFF",
                "font-weight": "bold",
                "font-size": "14px",
                "line-height": "40px"
                //"overflow" : "hidden"
            }
            //"text": this.options.title
        }).inject(this.titleNode);

        this.contentNode = new Element("div", {
            "styles": this.css.contentNode
        }).inject(this.node);

        this.loadSelectedNodeMobile();

        this.loadSelectedCountNode();

        this.node.inject($(document.body));

        var size = $(document.body).getSize();
        //var height = size.y-40;
        var height = size.y - this.selectedCountNode.getSize().y - this.getOffsetY(this.selectedCountNode);
        height = height - this.titleNode.getSize().y - this.getOffsetY(this.titleNode);
        this.contentNode.setStyle("height", ""+height+"px");
        this.contentNode.setStyle("margin-top", "2px");

        this.loadContent();
        this.node.setStyles({
            "top": "0px",
            "left": "0px"
        });

        this.setEvent();
    },
    loadSelectedNodeMobile: function(){
        this.css.selectedWrapNodeMobile["z-index"] = this.options.zIndex + 2;
        this.selectedWrapNode = new Element("div.selectedWrapNode", {
            "styles": this.css.selectedWrapNodeMobile
        }).inject(this.contentNode);

        this.selectedTitleNode = new Element("div.selectedTitleNodeMobile", {
            "styles": this.css.selectedTitleNodeMobile
        }).inject(this.selectedWrapNode);
        this.selectedTitleLabelNode = new Element("span", {
            "style": "font-weight:bold; padding-right:5px;",
            "text": MWF.SelectorLP.selected2
        }).inject(this.selectedTitleNode);
        // this.selectedTitleCountNode = new Element("span", {
        //     "text": "(0)"
        // }).inject(this.selectedTitleNode);


        this.selectedScrollNode = new Element("div.selectedScrollNode", {
            "styles": this.css.selectedScrollNodeMobile
        }).inject(this.selectedWrapNode);


        // this.selectedNode = new Element("div.selectedNode", {
        //     "styles": this.css.selectedNodeMobile
        // }).inject(this.selectedScrollNode);

        this.selectedWrapNode.setStyle("display", "none");
    },
    loadSelectedCountNode: function(){
        this.selectedCountNode = new Element("div.selectedCountNode", {
            "styles": this.css.selectedCountNodeMobile,
            "events":{
                "click": function () {
                    this.css.selectedMaskNodeMobile["z-index"] = this.options.zIndex + 2;
                    this.selectedMaskNode = new Element("div", {
                        "styles": this.css.selectedMaskNodeMobile,
                        "events":{
                            "click": function () {
                                this.selectedWrapNode.hide();
                                this.selectedMaskNode.destroy();
                            }.bind(this)
                        }
                    }).inject( this.node );
                    this.selectedWrapNode.show().inject( this.node );
                }.bind(this)
            }
        }).inject(this.node);

        this.selectedCountLabelNode = new Element("div", {
            "styles": this.css.selectedCountLabelNodeMobile,
            "text": MWF.SelectorLP.selected2
        }).inject( this.selectedCountNode );
    },
    loadPc: function(){
        this.css.maskNode["z-index"] = this.options.zIndex;
        var position = this.container.getPosition(this.container.getOffsetParent());
        this.container.mask({
            "destroyOnHide": true,
            "style": this.css.maskNode,
            "useIframeShim": true,
            "iframeShimOptions": {"browsers": true},
            "onShow": function(){
                this.shim.shim.setStyles({
                    "opacity": 0,
                    "top": ""+position.y+"px",
                    "left": ""+position.x+"px"
                });
            }
        });
        //  this.container.setStyle("z-index", this.options.zIndex);
        this.node = new Element("div", {
            "styles": this.css.containerNode_multiple //this.isSingle() ? this.css.containerNodeSingle_multiple : this.css.containerNode_multiple
        });
        this.node.setStyle("z-index", this.options.zIndex.toInt()+1);
        this.titleNode = new Element("div", {
            "styles": this.css.titleNode
        }).inject(this.node);

        this.titleActionNode = new Element("div", {
            "styles": this.css.titleActionNode
        }).inject(this.titleNode);
        this.titleTextNode = new Element("div", {
            "styles": this.css.titleTextNode,
            "text": this.options.title
        }).inject(this.titleNode);

        this.contentNode = new Element("div", {
            "styles": this.css.contentNode
        }).inject(this.node);

        this.actionNode = new Element("div", {
            "styles": this.css.actionNode
        }).inject(this.node);
        //if ( this.isSingle() ) this.actionNode.setStyle("text-align", "center");
        this.loadAction();

        this.node.inject(this.container);

        if( this.options.width || this.options.height ){
            this.setSize()
        }

        this.loadContent();

        this.node.position({
            relativeTo: this.container,
            position: "center",
            edge: "center"
        });

        var size = this.container.getSize();
        var nodeSize = this.node.getSize();
        this.node.makeDraggable({
            "handle": this.titleNode,
            "limit": {
                "x": [0, size.x-nodeSize.x],
                "y": [0, size.y-nodeSize.y]
            }
        });

        this.setEvent();
    },
    isSingle : function(){
        var single = true;
        var flag = true;
        this.options.types.each( function( type, index ){
            var opt = this.options[ type + "Options" ];
            if( opt ){
                if( Number.convert(opt.count) !== 1 )single = false;
                flag = false;
            }
        }.bind(this));
        if( flag ){
            single = Number.convert( this.options.count ) === 1;
        }
        return single;
    },
    setEvent: function(){
        if (this.titleActionNode){
            this.titleActionNode.addEvent("click", function(){
                this.close();
            }.bind(this));
        }
        if (this.titleCancelActionNode){
            this.titleCancelActionNode.addEvent("click", function(){
                this.close();
            }.bind(this));
        }
        if (this.titleOkActionNode){
            this.titleOkActionNode.addEvent("click", function(){
                this.fireEvent("complete", [this.getSelectedItems(), this.getSelectedItemsObject() ]);
                this.close();
            }.bind(this));
        }
    },
    close: function(){
        this.fireEvent("close");
        this.clearTooltip();
        this.node.destroy();
        (this.maskRelativeNode || this.container).unmask();
        this.active = false;
        MWF.release(this);
        delete this;
    },
    clearTooltip: function(){
        for( var t in this.selectors ){
            var selector = this.selectors[t];
            if( selector.tooltips && selector.tooltips.length ){
                selector.tooltips.each(function (tooltip) {
                    if(tooltip.destroy)tooltip.destroy();
                })
                selector.tooltips = [];
            }
        }
    },
    loadAction: function(){
        if( !this.okActionNode ) {
            this.okActionNode = new Element("button", {
                "styles": this.css.okActionNode,
                "text": MWF.SelectorLP.ok
            }).inject(this.actionNode);
        }
        if( !this.cancelActionNode ) {
            this.cancelActionNode = new Element("button", {
                "styles": this.css.cancelActionNode,
                "text": MWF.SelectorLP.cancel
            }).inject(this.actionNode);
        }
        this.okActionNode.addEvent("click", function(){
            this.fireEvent("complete", [this.getSelectedItems(), this.getSelectedItemsObject() ]);
            this.close();
        }.bind(this));
        this.cancelActionNode.addEvent("click", function(){this.fireEvent("cancel", this); this.close();}.bind(this));
    },
    loadContent: function(){
        if( this.options.contentUrl ){
            MWF.require("MWF.widget.Tab", function(){

                this.tab = new MWF.widget.Tab( this.tabContainer || this.titleTextNode, {"style": this.options.tabStyle || "default" });

                var width;
                if( layout.mobile ){
                    if( this.tabContainer ){
                        var borderWidth = 0;
                        if( this.tab.css.tabNode ){
                            if( this.tab.css.tabNode["border-left"] )borderWidth += this.tab.css.tabNode["border-left"].toInt();
                            if( this.tab.css.tabNode["border-right"] )borderWidth += this.tab.css.tabNode["border-right"].toInt();
                        }

                        var tabWidth = "calc("+( 100 / this.options.types.length ) +"% - " + (borderWidth+"px")+")";

                        if( this.tab.css.tabNode ){
                            this.tab.css.tabNode["width"] = tabWidth;
                        }
                        if( this.tab.css.tabNodeCurrent ){
                            this.tab.css.tabNodeCurrent["width"] = tabWidth;
                        }
                    }else{
                        width = this.container.getSize().x - 160; //160是确定和返回按钮的宽度
                        var w = width / this.options.types.length - 2;
                        var tabWidth = w < 60 ? w : 60;
                        if( this.tab.css.tabNode ){
                            this.tab.css.tabNode["min-width"] = tabWidth+"px";
                        }
                        if( this.tab.css.tabNodeCurrent ){
                            this.tab.css.tabNodeCurrent["min-width"] = tabWidth+"px";
                        }
                    }
                }else{
                    this.tab = new MWF.widget.Tab(this.tabContainer, {"style": this.options.tabStyle || "default" });
                    this.tab.load();
                }
                this.tab.load();
                this.tab.contentNodeContainer.inject(this.contentNode);
            }.bind(this), false);
        }else if (layout.mobile){
            MWF.require("MWF.widget.Tab", function(){

                this.tab = new MWF.widget.Tab( this.tabContainer || this.titleTextNode, {"style": "orgMobile" });

                var width = this.container.getSize().x - 160; //160是确定和返回按钮的宽度
                var w = width / this.options.types.length - 2;
                var tabWidth = w < 60 ? w : 60;

                if( this.tab.css.tabNode ){
                    this.tab.css.tabNode["min-width"] = tabWidth+"px";
                }
                if( this.tab.css.tabNodeCurrent ){
                    this.tab.css.tabNodeCurrent["min-width"] = tabWidth+"px";
                }

                this.tab.load();
                this.tab.contentNodeContainer.inject(this.contentNode);
            }.bind(this), false);
        }else{
            MWF.require("MWF.widget.Tab", function(){
                this.tab = new MWF.widget.Tab(this.contentNode, {"style": this.options.tabStyle || "default" });
                this.tab.load();
            }.bind(this), false);
        }

        var isFormWithAction = window.location.href.toLowerCase().indexOf("workmobilewithaction.html") > -1;

        if( !MWF.O2Selector.selectedIndex )MWF.O2Selector.selectedIndex = 1;
        var selectedIndexMap = {};
        var firstType = this.options.types[0];
        var values = this.options[firstType+'Options'] ? this.options[firstType+'Options'].values : [];
        if(!values)values = [];
        values = typeOf(values) === "array" ?  values : [values];
        values.each(function(e, i){
            if( !e )return;
            var key = typeOf( e ) === "string" ? e : ( e.distinguishedName || e.unique || e.employee || e.levelName || e.id );
            selectedIndexMap[key] = MWF.O2Selector.selectedIndex++;
        });

        this.options.types.each( function( type, index ){

            var options = Object.clone( this.options );

            for (var key in this.optionsArg){
                if (typeOf(this.optionsArg[key]) === 'function' && (/^on[A-Z]/).test(key)){
                    options[key] = this.optionsArg[key];
                }
            }

            if( type.toLowerCase()==="identity" ){
                options.expand = false;
            }

            if( this.options[ type + "Options" ] ){
                options = Object.merge( options, this.options[ type + "Options" ] );
            }

            var pageNode = new Element( "div" ).inject( this.contentNode );

            var tab = this.tab.addTab( pageNode, this.lp[type], false );

            if( index === 0 && this.contentHeight ){
                //this.contentHeight = this.contentHeight - this.getOffsetY( tab.tabContainer ) - tab.tabContainer.getStyle("height").toInt();
                if( !this.tabContainer ){
                    this.contentHeight = this.contentHeight - this.getOffsetY( tab.tab.tabNodeContainer ) - tab.tab.tabNodeContainer.getStyle("height").toInt();
                }
                if( this.selectedCountNode ){
                    this.contentHeight = this.contentHeight - this.getOffsetY( this.selectedCountNode ) - this.selectedCountNode.getStyle("height").toInt();
                }
            }

            var t = type.capitalize();
            if ((type.toLowerCase()==="unit") && ( options.unitType)){
                t = "UnitWithType";
            }
            if ((type.toLowerCase()==="identity") && (( options.dutys) && options.dutys.length)){
                if( options.categoryType.toLowerCase()==="duty" ){
                    t = "IdentityWidthDuty";
                }else{
                    t = "IdentityWidthDutyCategoryByUnit"
                }
            }

            MWF.xDesktop.requireApp("Selector", t, function(){
                if( type.toLowerCase()==="identity" && options.resultType && options.resultType === "person" ){
                    options.values = this.getValueByType( options.values, [ type, "person" ] );
                }else{
                    options.values = this.getValueByType( options.values, type );
                }

                //options.values = [];
                //if( options.multipleValues[type] ){
                //    options.values = options.multipleValues[type];
                //}
                //if( options[type+"Values"] && options[type+"Values"].length ){
                //    options.values = options.values.concat( options[type+"Values"] )
                //}
                //
                //options.names = [];
                //if( options.multipleNames[type] ){
                //    options.names = options.multipleNames[type];
                //}
                //if( options[type+"Names"] && options[type+"Names"].length ){
                //    options.names = options.names.concat( options[type+"Names"] )
                //}

                debugger;

                this.selectors[t] = new MWF.xApplication.Selector[t](this.container, options );
                var selector = this.selectors[t];
                selector.selectedIndexMap = selectedIndexMap;
                selector.inMulitple = true;

                var itemAreaScrollNode;

                if( this.options.contentUrl ){
                    pageNode.set("html", this.contentHTML);
                    pageNode.setStyle("height", this.contentHeight);
                    selector.selectNode = pageNode.getElement(".MWF_selector_selectNode");
                    selector.selectTopNode = pageNode.getElement(".MWF_selector_selectTopNode");
                    selector.selectTopTextNode = pageNode.getElement(".MWF_selector_selectTopTextNode");
                    selector.searchInputDiv = pageNode.getElement(".MWF_selector_searchInputDiv");
                    selector.searchInput = pageNode.getElement(".MWF_selector_searchInput");
                    selector.searchCancelAction = pageNode.getElement(".MWF_selector_searchCancelAction");
                    selector.letterActionNode = pageNode.getElement(".MWF_selector_letterActionNode");

                    selector.flatCategoryScrollNode = pageNode.getElement(".MWF_selector_flatCategoryScrollNode");
                    selector.flatCategoryNode = pageNode.getElement(".MWF_selector_flatCategoryNode");
                    if( this.options.flatCategory && selector.flatCategoryScrollNode ){
                        selector.isFlatCategory = true;
                        selector.flatSubCategoryNodeList = [];
                    }

                    selector.letterAreaNode = pageNode.getElement(".MWF_selector_letterAreaNode");

                    selector.itemAreaScrollNode = pageNode.getElement(".MWF_selector_itemAreaScrollNode");
                    selector.itemAreaNode = pageNode.getElement(".MWF_selector_itemAreaNode");

                    selector.itemSearchAreaScrollNode = pageNode.getElement(".MWF_selector_itemSearchAreaScrollNode");
                    selector.itemSearchAreaNode = pageNode.getElement(".MWF_selector_itemSearchAreaNode");

                    selector.selectedContainerNode = pageNode.getElement(".MWF_selector_selectedContainerNode");

                    selector.selectedTopNode = pageNode.getElement(".MWF_selector_selectedTopNode");
                    selector.selectedTopTextNode = pageNode.getElement(".MWF_selector_selectedTopTextNode");
                    selector.emptySelectedNode = pageNode.getElement(".MWF_selector_emptySelectedNode");

                    selector.selectedScrollNode = pageNode.getElement(".MWF_selector_selectedScrollNode");
                    selector.selectedNode = pageNode.getElement(".MWF_selector_selectedNode");
                    selector.selectedItemSearchAreaNode = pageNode.getElement(".MWF_selector_selectedItemSearchAreaNode");


                    selector.loadContent( pageNode, true );

                    if( t.toLowerCase() == "person" || t.toLowerCase() == "group" ){
                        var startY=0, y=0;
                        itemAreaScrollNode = selector.itemAreaScrollNode;
                        itemAreaScrollNode.addEvents({
                            'touchstart' : function( ev ){
                                var touch = ev.touches[0]; //获取第一个触点
                                startY = Number(touch.pageY); //页面触点Y坐标
                            }.bind(this),
                            'touchmove' : function(ev){
                                var touch = ev.touches[0]; //获取第一个触点
                                y = Number(touch.pageY); //页面触点Y坐标
                            }.bind(this),
                            'touchend' : function( ev ){
                                if (startY - y > 10) { //向上滑动超过10像素
                                    var obj = this.selectors.Person;
                                    if(obj._scrollEvent)obj._scrollEvent( obj.itemAreaScrollNode.scrollTop + 100 );
                                }
                                startY = 0;
                                y = 0;
                            }.bind(this)
                        })
                    }
                }else{
                    // if( this.contentWidth )options.width = this.contentWidth;
                    // if( this.contentHeight )options.height = this.contentHeight;

                    if( this.contentWidth )selector.options.width = this.contentWidth;
                    if( this.contentHeight )selector.options.height = this.contentHeight;

                    if( layout.mobile ){
                        selector.overrideSelectedItems();

                        selector.selectedCountTextNode = new Element("div", {
                            "styles": this.css.selectedCountTextNodeMobile,
                            "text": (MWF.SelectorLP.quantifier[ selector.selectType ] || "") + ":0"
                        }).inject( this.selectedCountNode );

                        if( index === 0 ){
                            new Element("span", { "text": "(" }).inject(this.selectedTitleNode);
                            selector.selectedTitleCountNode = new Element("span", {
                                "style": "padding-right:5px;",
                                "text": (MWF.SelectorLP.quantifier[ selector.selectType ] || "") + ":0"
                            }).inject(this.selectedTitleNode);
                        }else if( index === this.options.types.length - 1 ){
                            selector.selectedTitleCountNode = new Element("span", {
                                "text": (MWF.SelectorLP.quantifier[ selector.selectType ] || "") + ":0"
                            }).inject(this.selectedTitleNode);
                            new Element("span", { "text": ")" }).inject(this.selectedTitleNode);
                        }else{
                            selector.selectedTitleCountNode = new Element("span", {
                                "style": "padding-right:5px;",
                                "text": (MWF.SelectorLP.quantifier[ selector.selectType ] || "") + ":0"
                            }).inject(this.selectedTitleNode);
                        }

                        selector.selectedNode = new Element("div.selectedNode", {
                            "styles": this.css.selectedNodeMobile
                        }).inject(this.selectedScrollNode);
                    }

                    selector.loadContent( pageNode );
                    if( !layout.mobile )selector.setSize();

                    if( layout.mobile ){

                        tab.addEvent("postShow", function () {
                            this.setSelectNodeSizeMobile(t, index, tab);
                        }.bind(this))

                        itemAreaScrollNode = selector.itemAreaScrollNode;
                        if( t.toLowerCase() == "person" || t.toLowerCase() == "group" ){
                            var startY=0, y=0;
                            itemAreaScrollNode.addEvents({
                                'touchstart' : function( ev ){
                                    var touch = ev.touches[0]; //获取第一个触点
                                    startY = Number(touch.pageY); //页面触点Y坐标
                                }.bind(this),
                                'touchmove' : function(ev){
                                    var touch = ev.touches[0]; //获取第一个触点
                                    y = Number(touch.pageY); //页面触点Y坐标
                                }.bind(this),
                                'touchend' : function( ev ){
                                    if (startY - y > 10) { //向上滑动超过10像素
                                        var obj = this.selectors.Person;
                                        if(obj._scrollEvent)obj._scrollEvent( obj.itemAreaScrollNode.scrollTop + 100 );
                                    }
                                    startY = 0;
                                    y = 0;
                                }.bind(this)
                            })
                        }
                    }else{
                        //if( !this.isSingle() && Number.convert( options.count ) === 1 ){
                        //    this.selectors[t].selectNode.setStyles({
                        //        "float" : "none",
                        //        "margin-left" : "auto",
                        //        "margin-right" : "auto"
                        //    })
                        //}
                    }
                }



                if( index == 0 )tab.showIm();
            }.bind(this));
        }.bind(this));
    },
    setSelectNodeSizeMobile: function(t, index, tab){
        if( tab.isSetSize )return;
        tab.isSetSize = true;
        if( index === 0 ){
            var containerSize = this.container.getSize();
            var bodySize = $(document.body).getSize();

            var size = {
                "x" : Math.min( containerSize.x, bodySize.x ),
                "y" : Math.min( containerSize.y, bodySize.y )
            };

            this.contentHeight = size.y;
            if( !this.tabContainer ){
                this.contentHeight = this.contentHeight - this.getOffsetY( tab.tab.tabNodeContainer ) - tab.tab.tabNodeContainer.getStyle("height").toInt();
            }
            if( this.selectedCountNode ){
                this.contentHeight = this.contentHeight - this.getOffsetY( this.selectedCountNode ) - this.selectedCountNode.getStyle("height").toInt();
            }
            var formActionY = 0;
            // height = height - formActionY - this.titleNode.getSize().y - this.getOffsetY(this.titleNode);
            // if(this.selectedCountNode)height = height - this.selectedCountNode.getSize().y - this.getOffsetY(this.selectedCountNode);
            // this.contentHeight = height;

            var sel = this.selectors[t];
            var offsetY = this.getOffsetY(sel.itemAreaScrollNode);
            if(sel.searchInputDiv)offsetY = offsetY + sel.searchInputDiv.getSize().y + this.getOffsetY(sel.searchInputDiv);
            if(sel.letterAreaNode)offsetY = offsetY + sel.letterAreaNode.getSize().y + this.getOffsetY(sel.letterAreaNode);

            this.itemAreaHeight = this.contentHeight - offsetY;
        }


        // if( isFormWithAction ){
        //     height = size.y-40-20-6-20;
        // }else{
        //     height = size.y;
        // }
        if(this.selectors[t].selectNode){
            this.selectors[t].selectNode.setStyle("height", ""+this.contentHeight+"px");
        }

        // if( isFormWithAction ){
        //     height = size.y-40-20-78 - 20;
        // }else{
        //     height = size.y-42-31-40;
        // }
        //height = height - 5;

        itemAreaScrollNode = this.selectors[t].itemAreaScrollNode;
        if( itemAreaScrollNode ){
            itemAreaScrollNode.setStyle("height", ""+this.itemAreaHeight+"px");
        }
    },
    getValueByType : function( values, type ){
        var result = [];
        values = typeOf(values) == "array" ?  values : [values];
        var types = typeOf(type)== "array"  ?  type : [type];
        values.each( function( data ){
            if( !data )return;
            if( typeOf( data ) == "string" ){
                var dn = data;
            }else{
                var dn = data.distinguishedName;
            }
            if (dn && type ){
                var flag = dn.substr(dn.length-1, 1);
                switch (flag.toLowerCase()){
                    case "i":
                        if( type == "identity" || types.contains( "identity" ) )result.push( data );
                        break;
                    case "p":
                        if( type == "person" || types.contains( "person" ) )result.push( data );
                        break;
                    case "u":
                        if( type == "unit" )result.push( data );
                        break;
                    case "g":
                        if( type == "group" )result.push( data );
                        break;
                    case "r":
                        if( type == "role" )result.push( data );
                        break;
                    default:
                        if( type == "person" )result.push( data );
                        break;
                        //result.push( data );
                }
            }else{
                //result.push( data );
            }
        });
        return result;
    },
    emptySelectedItems : function(){
        for( var key in this.selectors ){
            var selector = this.selectors[key];
            if( selector.selectedItems && selector.selectedItems.length > 0 ){
                selector.emptySelectedItems();
            }
        }
    },
    getSelectedItems : function(){
        this.selectedItems = [];
        for( var key in this.selectors ){
            var selector = this.selectors[key];
            if( selector.selectedItems && selector.selectedItems.length > 0 ){
                this.selectedItems = this.selectedItems.concat( selector.selectedItems );
            }
        }
        this.selectedItems.sort(function (a, b){
            return (a.selectedIndex || 9999999) - (b.selectedIndex || 9999999);
        });
        return this.selectedItems;
    },
    getSelectedItemsObject : function(){
        this.selectedItemsObject = {};
        for( var key in this.selectors ){
            var selector = this.selectors[key];
            if( selector.selectedItems && selector.selectedItems.length > 0 ){
                selector.selectedItems.sort(function (a, b){
                    return a.selectedIndex - b.selectedIndex;
                });
                this.selectedItemsObject[key.toLowerCase()] = selector.selectedItems;
            }
        }
        return this.selectedItemsObject;
    },
    getOffsetX : function(node){
        return (node.getStyle("margin-left").toInt() || 0 )+
            (node.getStyle("margin-right").toInt() || 0 ) +
            (node.getStyle("padding-left").toInt() || 0 ) +
            (node.getStyle("padding-right").toInt() || 0 ) +
            (node.getStyle("border-left-width").toInt() || 0 ) +
            (node.getStyle("border-right-width").toInt() || 0 );
    },
    getOffsetY : function(node){
        return (node.getStyle("margin-top").toInt() || 0 ) +
            (node.getStyle("margin-bottom").toInt() || 0 ) +
            (node.getStyle("padding-top").toInt() || 0 ) +
            (node.getStyle("padding-bottom").toInt() || 0 )+
            (node.getStyle("border-top-width").toInt() || 0 ) +
            (node.getStyle("border-bottom-width").toInt() || 0 );
    },
    setSize : function(){
        if( !this.options.width && !this.options.height )return;

        if( this.options.width && this.options.width === "auto" ){
            //if (this.options.count.toInt() !== 1){
            this.node.setStyle("width", "auto");
            this.contentWidth = "auto";

        }else if( this.options.width && typeOf( this.options.width.toInt() ) === "number" ){
            var nodeWidth = this.options.width.toInt() - this.getOffsetX(this.node);
            this.node.setStyle("width", nodeWidth);

            if( this.contentNode ){
                nodeWidth = nodeWidth - this.getOffsetX( this.contentNode );
            }

            this.contentWidth = nodeWidth;
        }
        if( this.options.height && typeOf( this.options.height.toInt() ) === "number" ){
            var nodeHeight = this.options.height.toInt() - this.getOffsetY(this.node);
            this.node.setStyle("height", nodeHeight);

            if( this.titleNode ){
                nodeHeight = nodeHeight - this.getOffsetY( this.titleNode ) - this.titleNode.getStyle("height").toInt();
            }

            if( this.actionNode ){
                nodeHeight = nodeHeight - this.getOffsetY( this.actionNode ) - this.actionNode.getStyle("height").toInt();
            }

            if( this.contentNode ){
                nodeHeight = nodeHeight - this.getOffsetY( this.contentNode );
            }

            this.contentHeight = nodeHeight;
        }
    }
});

MWF.xApplication.Selector.MultipleSelector.Filter = new Class({
    Implements: [Options, Events],
    options: {
        "types" : [],
        "groups": [], //选person, group, role 时的范围
        "roles": [], //选选person, group, role 时的范围
        "units": [] //选 company, department, duty, identity 时的范围
    },
    initialize: function(value, options){
        this.setOptions(options);
        this.value = value;
        this.orgAction = MWF.Actions.get("x_organization_assemble_control");
        this.selectors = {};

        this.options.types.each( function( type, index ){

            var opt = Object.clone( this.options );
            if( this.options[ type + "Options" ] ){
                opt = Object.merge( opt, this.options[ type + "Options" ] );
            }

            var t = type.capitalize();
            if ((type.toLowerCase()==="unit") && ( opt.unitType)){
                t = "UnitWithType";
            }
            if ((type.toLowerCase()==="identity") && ((opt.dutys) && opt.dutys.length)){
                t = "IdentityWidthDuty";
            }

            MWF.xDesktop.requireApp("Selector", t, function(){
                this.selectors[t] = new MWF.xApplication.Selector[t].Filter(this.value, opt);
            }.bind(this), false);
        }.bind(this));
    },
    filter: function(value, callback){
        this.value = value;
        var key = this.value;

        this.filterData = [];
        this.filterCount = 0;

        for (i in this.selectors){
            this.selectors[i].filter(value, function(data){
                this.filterData = this.filterData.concat(data);
                this.filterCount++;
                this.endFilter(callback);
            }.bind(this))
        }
        //
        // this.orgAction.listPersonByKey(function(json){
        //     data = json.data;
        //     if (callback) callback(data)
        // }.bind(this), failure, key);
    },
    endFilter: function(callback){
        if (this.filterCount>=Object.keys(this.selectors).length){
            if (callback) callback(this.filterData);
        }
    }
});