ERP/TradeManageNew/Scripts2/Custom_Student.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_Student = function () {
    this.ApplicationPath = "../";
    this.ControlID = "Window_Custom_Student";
    this.ParentElement = null; //要加入的父容器
    var My = this;

    var listClassName = My.ControlID + "listClassName";
    var listStudentType = My.ControlID + "listStudentType";
    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 () {
        listClassName = My.ControlID + "listClassName";
        listStudentType = My.ControlID + "listStudentType";
        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();

        $("#" + listClassName, 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: 430px; height: auto;' >");
        htmlString.append("<table class='tableAll' style='width:95%;'>");
        htmlString.append("<tr>")
        htmlString.append("<td>班级:<select id='" + listClassName + "' style='width: 150px;'></select>类型:<select id='" + listStudentType + "' style='width: 150px;'><option value='0'>全部</option><option value='1'>通校生</option><option value='2'>住宿生</option></select></td>");
        htmlString.append("</tr>");
        htmlString.append("<tr>")
        htmlString.append("<td>姓名<input id='" + txtName + "' type='text' class='editTextbox' style='width: 150px;' /><input id='" + cmdGet + "' type='button' class='btnClass btnClassFind' value='查询' /></td>");
        htmlString.append("</tr>");
        htmlString.append("<tr><td><table border='0' cellpadding='0' cellspacing='0' >");
        htmlString.append("<tr>");
        htmlString.append("<td>未选择人员:</td>");
        htmlString.append("<td></td>");
        htmlString.append("<td>已选择人员:</td>");
        htmlString.append("</tr>");
        htmlString.append("<tr>");
        htmlString.append(" <td><select id='" + listLeftPerson + "' multiple='multiple' style='width: 150px; height: 300px;'></select></td>");
        htmlString.append("<td style='width:80px;' align='center' valign='middle' >");
        htmlString.append("<a id='" + cmdPersonRight + "' href='#' class='easyui-linkbutton' iconcls='icon-next' plain='true'>右移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonRightAll + "' href='#' class='easyui-linkbutton' iconcls='icon-next' plain='true'>全部右移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeft + "' href='#' class='easyui-linkbutton' iconcls='icon-prev' plain='true'>左移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeftAll + "' href='#' class='easyui-linkbutton' iconcls='icon-prev' plain='true'>全部左移</a>");

        htmlString.append(" <td><select id='" + listRightPerson + "' multiple='multiple' style='width: 150px; height: 300px;'></select></td>");
        htmlString.append("</tr></table></td></tr>");
        //htmlString.append("<div style='height:10px;'></div>");
        htmlString.append("<tr><td style='text-align: center'><input id='" + cmdSave + "' class='btnClass btnClassSave' 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() {
        var param = new Object();
        param.GradeCode = 0;
        $.ajax({
            url: My.ApplicationPath + "UserService.asmx/GetListClass",
            data: Sys.Serialization.JavaScriptSerializer.serialize(param),
            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>");
                });
                $('#' + listClassName, My.ParentElement).html(html.toString());
            }
        });
    }
    //#endregion

    //#region 读取用户信息
    function ReadUserInfo(Persons) {
        var param = new Object();
        param.Persons = Persons;
        param.ClassID = $("#" + listClassName, My.ParentElement).val();
        param.StudentType = $("#" + listStudentType, My.ParentElement).val();
        param.Name = $("#" + txtName, My.ParentElement).val();
        $.ajax({
            url: My.ApplicationPath + "UserService.asmx/GetListStudent",
            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


}