ERP/TradeManageNew/Scripts2/Custom_Teacher.js

/// <reference path="../Scripts/MicrosoftAjax.js" />
/// <reference path="../Scripts/jquery.min.js" />
/// <reference path="fancybox/jquery.fancybox-1.3.4.js" />
/// <reference path="jquery.easyui.min.js" />

Custom_Teacher = function () {
    this.ApplicationPath = "../";
    this.ControlID = "Window_Custom_Teacher";
    this.ParentElement = null; //要加入的父容器
    var My = this;

    var listDeptName = My.ControlID + "listDeptName";
    var txtName = My.ControlID + "txtName";
    var listLeftPerson = My.ControlID + "listLeftPerson";
    var listRightPerson = My.ControlID + "listRightPerson";
    var cmdPersonRightAll = My.ControlID + "cmdPersonRightAll";
    var cmdPersonLeftAll = My.ControlID + "cmdPersonLeftAll";
    var cmdPersonRight = My.ControlID + "cmdPersonRight";
    var cmdPersonLeft = My.ControlID + "cmdPersonLeft";
    var cmdSave = My.ControlID + "cmdSave";
    var cmdGet = My.ControlID + "cmdGet";

    var RightPerson = null;

    var EventHandler = new Sys.EventHandlerList();

    //#region 加载
    this.Load = function () {
        listDeptName = My.ControlID + "listDeptName";
        txtName = My.ControlID + "txtName";
        listLeftPerson = My.ControlID + "listLeftPerson";
        listRightPerson = My.ControlID + "listRightPerson";
        cmdPersonRightAll = My.ControlID + "cmdPersonRightAll";
        cmdPersonLeftAll = My.ControlID + "cmdPersonLeftAll";
        cmdPersonRight = My.ControlID + "cmdPersonRight";
        cmdPersonLeft = My.ControlID + "cmdPersonLeft";
        cmdSave = My.ControlID + "cmdSave";
        cmdGet = My.ControlID + "cmdGet";

        Init();

        $("#" + listDeptName, My.ParentElement).change(function () {
            RefshRightPerson();
        });

        $("#" + cmdPersonLeftAll, My.ParentElement).click(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option");
            if (options.length == 0) { alert("没有可以移除的人"); return; }

            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item.ID == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + PersonID + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonRightAll, My.ParentElement).click(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option");
            if (options.length == 0) { alert("没有可以添加的人"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var model = new Object();
                model.ID = $(this).val();
                model.Name = $(this).text();;
                Array.add(RightPerson, model);
                html.append("<option value='" + model.ID + "'>" + model.Name + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonLeft, My.ParentElement).click(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { alert("请选择要移除的人"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item.ID == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + PersonID + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonRight, My.ParentElement).click(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { alert("请选择要添加的人"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var model = new Object();
                model.ID = $(this).val();
                model.Name = $(this).text();;
                Array.add(RightPerson, model);
                html.append("<option value='" + model.ID + "'>" + model.Name + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

        $("#" + cmdSave, My.ParentElement).click(function () {
            OnSave();
            $.fancybox.close();
        });
        $("#" + cmdGet, My.ParentElement).click(function () {
            RefshRightPerson();
        });


        $("#" + listLeftPerson, My.ParentElement).dblclick(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var model = new Object();
                model.ID = $(this).val();
                model.Name = $(this).text();;
                Array.add(RightPerson, model);
                html.append("<option value='" + model.ID + "'>" + model.Name + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

        $("#" + listRightPerson, My.ParentElement).dblclick(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item.ID == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + query.items[0].ID + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

    }
    //#endregion
    //#region 初始化
    function Init() {
        if (My.ParentElement == null) My.ParentElement = $(document.body);
        if ($("#" + My.ControlID, My.ParentElement).length > 0) return;
        var htmlString = new Sys.StringBuilder();
        htmlString.append("<div style='display: none;'>");
        htmlString.append("<div id='" + My.ControlID + "' title='选择' style='width: 550px; height: auto;' >");
        htmlString.append("<table class='tableAll pw90'><tr><td class='f1 pw10'>部门</td><td class='pw25'><select id='" + listDeptName + "'></select></td><td class='f1 pw15'>姓名</td><td class='pw25'><input id='" + txtName + "' type='text' class='editTextbox' /></td><td class='td_right'><input id='" + cmdGet + "' type='button' value='查询' /></td></tr></table>");
        htmlString.append("<table class='tableSelect pw90' border='0' cellspacing='0' >");
        htmlString.append("<tr>");
        htmlString.append("<th>待选择人员</th>");
        htmlString.append("<th>操作</th>");
        htmlString.append("<th>已选择人员</th>");
        htmlString.append("</tr>");
        htmlString.append("<tr>");
        htmlString.append(" <td class='pw40'><select id='" + listLeftPerson + "' multiple='multiple' style='width: 100%; height: 300px;'></select></td>");
        htmlString.append("<td  class='td_select pw20'>");
        htmlString.append("<a id='" + cmdPersonRight + "' class='new_add'>右移选中--></a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonRightAll + "' class='new_add'>全部右移-->></a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeft + "' class='new_add'><--左移取消</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeftAll + "' class='new_add'><<--全部左移</a>");

        htmlString.append(" <td class='pw40'><select id='" + listRightPerson + "' multiple='multiple' style='width: 100%; height: 300px;'></select></td>");
        htmlString.append("</tr>");
        //htmlString.append("<div style='height:10px;'></div>");
        htmlString.append("<tr><td colspan='3' class='td_save'><input id='" + cmdSave + "' type='button' value='确定' /></td></tr>");
        htmlString.append("</table>");
        htmlString.append("</div>");
        htmlString.append("</div>");
        My.ParentElement.append(htmlString.toString());

        $("#" + My.ControlID, My.ParentElement).find("a").linkbutton();


    }
    //#endregion
    //#region 显示
    this.Show = function (ListModel) {
        RightPerson = ListModel;
        if (RightPerson == null) RightPerson = new Array();
        BindDept();
        RefshRightPerson();
        $.fancybox({
            'autoScale': false,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'href': '#' + My.ControlID,
            'onStart': function () {
            }
        },0);
    }
    //#endregion
    //#region 绑定部门
    function BindDept() {
        $.ajax({
            url: My.ApplicationPath + "UserService.asmx/GetListDept",
            async: false,
            success: function (data) {
                var html = new Sys.StringBuilder();
                html.append("<option value='0'>全部</option>");
                $(data.d).each(function (i) {
                    html.append("<option value='" + this.ID + "'>" + this.Name + "</option>");
                });
                $('#' + listDeptName, My.ParentElement).html(html.toString());
            }
        });
    }
    //#endregion

    //#region 读取用户信息
    function ReadUserInfo(Persons) {
        var param = new Object();
        param.Persons = Persons;
        param.DeptID = $("#" + listDeptName, My.ParentElement).val();
        param.Name = $("#" + txtName, My.ParentElement).val();
        $.ajax({
            url: My.ApplicationPath + "UserService.asmx/GetListUserInfo",
            data: Sys.Serialization.JavaScriptSerializer.serialize(param),
            success: function (data) {
                var html = new Sys.StringBuilder();
                $(data.d).each(function (i) {
                    html.append("<option value='" + this.ID + "'>" + this.Name + "</option>");
                });
                $('#' + listLeftPerson, My.ParentElement).html(html.toString());
            }
        });
    }
    //#endregion


    //#region 刷新已设置人员
    function RefshRightPerson() {
        var html = new Sys.StringBuilder();
        var html2 = new Sys.StringBuilder();
        $(RightPerson).each(function (i) {
            html.append("<option value='" + this.ID + "'>" + this.Name + "</option>");
            html2.append(this.ID + ",");
        });
        var Persons = html2.toString();
        if (Persons != "") Persons = Persons.substr(0, Persons.length - 1);
        $('#' + listRightPerson, My.ParentElement).html(html.toString());
        ReadUserInfo(Persons);
    }
    //#endregion


    //#region 点击确定时触发
    this.Save = function (handler) {
        EventHandler.addHandler('Save', handler);
    }
    //#endregion
    //#region 点击确定时触发
    function OnSave() {
        var h = EventHandler.getHandler('Save');
        if (h) h(RightPerson);
    }
    //#endregion


}