You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
317 lines
14 KiB
JavaScript
317 lines
14 KiB
JavaScript
/// <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_TeacherM = function () {
|
|
this.ApplicationPath = "../";
|
|
this.ControlID = "Window_Custom_TeacherM";
|
|
this.ParentElement = null; //要加入的父容器
|
|
this.SchId = 0;
|
|
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 radSelectDept = My.ControlID + "radSelectDept";
|
|
var radSelectGroup = My.ControlID + "radSelectGroup";
|
|
var txtDeptTitle = My.ControlID + "txtDeptTitle";
|
|
|
|
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();
|
|
|
|
$("#" + radSelectDept, My.ParentElement).change(function () {
|
|
BindDept();
|
|
RefshRightPerson();
|
|
});
|
|
|
|
$("#" + radSelectGroup, My.ParentElement).change(function () {
|
|
BindGroup();
|
|
RefshRightPerson();
|
|
});
|
|
|
|
$("#" + 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: 560px; height:auto ;' >");
|
|
htmlString.append("<table class='tableAll pw90'>");
|
|
htmlString.append("<tr><td colspan='5'><input id='" + radSelectDept + "' name='selectTea' type='radio' checked='checked' /><label for='" + radSelectDept + "'>按部门选择</label><input id='" + radSelectGroup + "' name='selectTea' type='radio' /><label for='" + radSelectGroup + "'>按教师分组选择</label></td></tr>");
|
|
htmlString.append("<tr><td class='f1 pw10'><span id='" + txtDeptTitle + "'>部门</span></td><td class='pw20'><select id='" + listDeptName + "'></select></td><td class='f1 pw10'>姓名</td><td class='pw20'><input id='" + txtName + "' type='text' /></td><td class='td_right'><input id='" + cmdGet + "' type='button' value='查询' /></td></tr></table>");
|
|
htmlString.append("<table border='0' class='tableSelect pw90' 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></table></div>");
|
|
htmlString.append("</table></div>");
|
|
//htmlString.append("</div>");
|
|
//My.ParentElement.append(htmlString.toString());
|
|
$("#divSetList").append(htmlString.toString());
|
|
|
|
$("#" + My.ControlID, My.ParentElement).find("a").linkbutton();
|
|
|
|
|
|
}
|
|
//#endregion
|
|
//#region 显示
|
|
this.Show = function () {
|
|
//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() {
|
|
$("#" + txtDeptTitle, My.ParentElement).text("部门");
|
|
var param = new Object();
|
|
param.SchId = My.SchId;
|
|
$.ajax({
|
|
url: My.ApplicationPath + "BaseDataService.asmx/GetListDept",
|
|
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>");
|
|
});
|
|
$('#' + listDeptName, My.ParentElement).html(html.toString());
|
|
}
|
|
});
|
|
}
|
|
//#endregion
|
|
//#region 绑定组
|
|
function BindGroup() {
|
|
$("#" + txtDeptTitle, My.ParentElement).text("教师组");
|
|
$.ajax({
|
|
url: My.ApplicationPath + "BaseDataService.asmx/GetListUserGroup",
|
|
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.SchId = My.SchId;
|
|
param.Persons = Persons;
|
|
param.Name = $("#" + txtName, My.ParentElement).val();
|
|
var url = My.ApplicationPath + "BaseDataService.asmx/GetListUserInfo";
|
|
if ($("#" + radSelectGroup, My.ParentElement)[0].checked == true) {
|
|
url += "2";
|
|
param.GroupId = $("#" + listDeptName, My.ParentElement).val();
|
|
} else {
|
|
param.DeptID = $("#" + listDeptName, My.ParentElement).val();
|
|
}
|
|
$.ajax({
|
|
url: url,
|
|
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
|
|
|
|
this.GetList = function () {
|
|
|
|
return (RightPerson);
|
|
}
|
|
} |