234 lines
8.3 KiB
JavaScript
234 lines
8.3 KiB
JavaScript
|
//document.onselectstart = document.ondrag = function(){
|
|||
|
|
// return false;
|
|||
|
|
//}
|
|||
|
|
//分类的根节点
|
|||
|
|
var rootid = $().getPara("pcid");
|
|||
|
|
rootid = parseInt(rootid) < 0 ? 0 : parseInt(rootid);
|
|||
|
|
//
|
|||
|
|
$(function () {
|
|||
|
|
initloyout();
|
|||
|
|
//控制编辑面板，默认为编辑根节点
|
|||
|
|
setEditPanel("root");
|
|||
|
|
//载入树形菜单的数据
|
|||
|
|
$().SoapAjax("Columns", "Order", { result: "" }, funcc, loading, unloading);
|
|||
|
|
});
|
|||
|
|
//页面初始化布局
|
|||
|
|
function initloyout() {
|
|||
|
|
$("input[type='text']").addClass("TextBox");
|
|||
|
|
$("textarea").addClass("TextBox");
|
|||
|
|
//页面可控布局
|
|||
|
|
var cont = $(".pageWinContext");
|
|||
|
|
//左侧菜单树区域
|
|||
|
|
var left = $("#MenuTreePanel");
|
|||
|
|
var h = document.documentElement.clientHeight;
|
|||
|
|
left.height(h - 120);
|
|||
|
|
//右侧编辑区域
|
|||
|
|
var right = $("#Panel");
|
|||
|
|
var h = document.documentElement.clientHeight;
|
|||
|
|
right.height(h - 153);
|
|||
|
|
|
|||
|
|
//右侧编辑区事件
|
|||
|
|
$("#EditPanelTitle div").click(function () {
|
|||
|
|
var type = $(this).attr("type");
|
|||
|
|
setEditPanel(type);
|
|||
|
|
});
|
|||
|
|
//保存按钮修改子节点信息
|
|||
|
|
$("input[name$='btnSave']").click(function () {
|
|||
|
|
if ($.trim($("#name").val()) != "") {
|
|||
|
|
xml = encodeURIComponent(updateNode());
|
|||
|
|
$().SoapAjax("Columns", "Update ", { result: xml }, funcc, loading, unloading);
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
//新增按钮
|
|||
|
|
$("input[name$='btnAdd']").click(function () {
|
|||
|
|
if ($.trim($("#addname").val()) != "") {
|
|||
|
|
var xml = encodeURIComponent(addNode());
|
|||
|
|
$().SoapAjax("Columns", "Add", { result: xml }, funcc, loading, unloading);
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//数据载入完成后的事件
|
|||
|
|
//data:完整数据源，webservice输出
|
|||
|
|
function funcc(data) {
|
|||
|
|
var tree = new Tree("#MenuTreePanel");
|
|||
|
|
//var html=data.find("string").text();
|
|||
|
|
//$("#MenuTreePanel").html(html);
|
|||
|
|
Tree.RootClick = editroot;
|
|||
|
|
Tree.NodeClick = editNode;
|
|||
|
|
//
|
|||
|
|
Tree.RootId = rootid;
|
|||
|
|
Tree.onChangeOrder = changeOrder;
|
|||
|
|
Tree.onDelNode = delNode;
|
|||
|
|
|
|||
|
|
//生成菜单
|
|||
|
|
tree.BuildMenu(data);
|
|||
|
|
//$("#MenuTreePanel").html(rootHtml);
|
|||
|
|
editroot();
|
|||
|
|
}
|
|||
|
|
//点击根节点
|
|||
|
|
function editroot() {
|
|||
|
|
var panel = $("#MenuEditPanel");
|
|||
|
|
panel.find("#addNodeParent").text("无（顶级）");
|
|||
|
|
panel.find("span[edit='addpid']").text(rootid);
|
|||
|
|
var tit = $("#editTitle");
|
|||
|
|
tit.hide();
|
|||
|
|
var tit = $("#purviewTitle");
|
|||
|
|
tit.hide();
|
|||
|
|
setEditPanel("add");
|
|||
|
|
}
|
|||
|
|
//点击子节点时
|
|||
|
|
function editNode(point) {
|
|||
|
|
var panel = $("#MenuEditPanel");
|
|||
|
|
var id = point.attr("nodeId");
|
|||
|
|
//“编辑”选项卡显示
|
|||
|
|
$("#editTitle").show();
|
|||
|
|
$("#purviewTitle").show();
|
|||
|
|
$("#purviewTitle").attr("nodeId", id);
|
|||
|
|
var edit = $("#EditPanel");
|
|||
|
|
setEditPanel("edit");
|
|||
|
|
//获取单个信息
|
|||
|
|
$.get("/manage/soap/Columns.asmx/ColumnJson", { id: id },
|
|||
|
|
function (data) {
|
|||
|
|
//生成node节点对象
|
|||
|
|
eval($(data).text());
|
|||
|
|
//新增下级栏目所用的参数
|
|||
|
|
panel.find("#addNodeParent").text(node.Col_Name);
|
|||
|
|
panel.find("span[edit='addpid']").text(node.Col_ID);
|
|||
|
|
//当前节点信息
|
|||
|
|
panel.find("span[edit='id']").text(node.Col_ID);
|
|||
|
|
panel.find("span[edit='pid']").text(node.Col_PID);
|
|||
|
|
panel.find("span[edit='tax']").text(node.Col_Tax);
|
|||
|
|
panel.find("input[name='name']").val(node.Col_Name);
|
|||
|
|
panel.find("input[name='byname']").val(node.Col_ByName);
|
|||
|
|
//栏目类型
|
|||
|
|
panel.find("input[type='radio'][name='type']").each(function () {
|
|||
|
|
$(this).prop("checked", $(this).val() == node.Col_Type ? "checked" : "");
|
|||
|
|
});
|
|||
|
|
panel.find("input[name='title']").val(node.Col_Title);
|
|||
|
|
panel.find("input[name='keywords']").val(node.Col_Keywords);
|
|||
|
|
panel.find("textarea[name='desc']").text(node.Col_Descr);
|
|||
|
|
panel.find("textarea[name='intro']").text(node.Col_Intro);
|
|||
|
|
//是否与使用
|
|||
|
|
var cbuse = panel.find("input[type='checkbox'][name='cbIsUse']");
|
|||
|
|
node.Col_IsUse ? cbuse.prop("checked", "checked") : cbuse.removeAttr("checked");
|
|||
|
|
//是否允许评论与审核
|
|||
|
|
var cbIsNote = panel.find("input[type='checkbox'][name='cbIsNote']");
|
|||
|
|
node.Col_IsNote ? cbIsNote.prop("checked", "checked") : cbIsNote.removeAttr("checked");
|
|||
|
|
//当前节点父节点信息
|
|||
|
|
if (node.Col_PID == 0) {
|
|||
|
|
panel.find("#editNodeParent").text("顶级");
|
|||
|
|
} else {
|
|||
|
|
var pid = point.attr("patId");
|
|||
|
|
var pnode = $("#MenuTreePanel").find("div[nodeId=" + pid + "]");
|
|||
|
|
var pname = pnode.find("div:last").find("span:first").text();
|
|||
|
|
panel.find("#editNodeParent").text(pname);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//控制编辑面板的事件
|
|||
|
|
//pevent:"edit"为编辑节点，"add"为新增
|
|||
|
|
function setEditPanel(pevent) {
|
|||
|
|
//编辑区面板
|
|||
|
|
var panel = $("#MenuEditPanel #Panel");
|
|||
|
|
panel.children().hide();
|
|||
|
|
var edit = $("#EditPanel");
|
|||
|
|
var add = $("#AddPanel");
|
|||
|
|
$("#EditPanelTitle").children().removeClass("click");
|
|||
|
|
switch (pevent) {
|
|||
|
|
case "edit":
|
|||
|
|
add.hide();
|
|||
|
|
edit.show();
|
|||
|
|
$("#EditPanelTitle div[type='edit']").addClass("click");
|
|||
|
|
break;
|
|||
|
|
case "add":
|
|||
|
|
edit.hide();
|
|||
|
|
add.show();
|
|||
|
|
$("#EditPanelTitle div[type='add']").addClass("click");
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//递交子节点信息
|
|||
|
|
function updateNode() {
|
|||
|
|
var panel = $("#MenuEditPanel");
|
|||
|
|
//结果
|
|||
|
|
var tmp = "<?xml version=\"1.0\" encoding=\"utf-8\" ?>";
|
|||
|
|
tmp += "<node type=\"edit\" id=\"" + $("span[edit='id']").text() + "\" >";
|
|||
|
|
tmp += "<name>" + $("#name").val() + "</name>";
|
|||
|
|
tmp += "<byname>" + $("#byname").val() + "</byname>";
|
|||
|
|
tmp += "<pid>" + panel.find("span[edit='pid']").text() + "</pid>";
|
|||
|
|
var type= panel.find("input[type='radio'][name='type']:checked");
|
|||
|
|
tmp += "<type>" + panel.find("input[type='radio'][name='type']:checked").val() + "</type>";
|
|||
|
|
tmp += "<title><![CDATA[" + panel.find("input[name='title']").val() + "]]></title>";
|
|||
|
|
tmp += "<keywords><![CDATA[" + panel.find("input[name='keywords']").val() + "]]></keywords>";
|
|||
|
|
tmp += "<desc><![CDATA[" + panel.find("textarea[name='desc']").text() + "]]></desc>";
|
|||
|
|
tmp += "<intro><![CDATA[" + panel.find("textarea[name='intro']").text() + "]]></intro>";
|
|||
|
|
tmp += "<IsUse>" + panel.find("input[type='checkbox'][name='cbIsUse']").prop("checked") + "</IsUse>";
|
|||
|
|
tmp += "<IsNote>" + panel.find("input[type='checkbox'][name='cbIsNote']").prop("checked") + "</IsNote>";
|
|||
|
|
tmp += "<Logo></Logo>";
|
|||
|
|
tmp += "</node>";
|
|||
|
|
return tmp;
|
|||
|
|
}
|
|||
|
|
//递交新增子节点信息
|
|||
|
|
function addNode() {
|
|||
|
|
var panel = $("#MenuEditPanel");
|
|||
|
|
//结果
|
|||
|
|
var tmp = "<?xml version=\"1.0\" encoding=\"utf-8\" ?>";
|
|||
|
|
tmp += "<node type=\"add\" id=\"-1\" >";
|
|||
|
|
tmp += "<name>" + $("#addname").val() + "</name>";
|
|||
|
|
tmp += "<byname>" + $("#addbyname").val() + "</byname>";
|
|||
|
|
tmp += "<pid>" + panel.find("span[edit='addpid']").text() + "</pid>";
|
|||
|
|
tmp += "<type>" + panel.find("input[type='radio'][name='addtype']:checked").val() + "</type>";
|
|||
|
|
tmp += "<title><![CDATA[" + panel.find("input[name='addtitle']").val() + "]]></title>";
|
|||
|
|
tmp += "<keywords><![CDATA[" + panel.find("input[name='addkeywords']").val() + "]]></keywords>";
|
|||
|
|
tmp += "<desc><![CDATA[" + panel.find("textarea[name='adddesc']").text() + "]]></desc>";
|
|||
|
|
tmp += "<intro><![CDATA[" + panel.find("textarea[name='addintro']").text() + "]]></intro>";
|
|||
|
|
tmp += "<IsUse>" + panel.find("input[type='checkbox'][name='addcbIsUse']").prop("checked") + "</IsUse>";
|
|||
|
|
tmp += "<IsNote>" + panel.find("input[type='checkbox'][name='addcbIsNote']").prop("checked") + "</IsNote>";
|
|||
|
|
tmp += "<Logo></Logo>";
|
|||
|
|
tmp += "</node>";
|
|||
|
|
return tmp;
|
|||
|
|
}
|
|||
|
|
//更改顺序
|
|||
|
|
function changeOrder(res) {
|
|||
|
|
$().SoapAjax("Columns", "Order", { result: res }, funcc, loading, unloading);
|
|||
|
|
}
|
|||
|
|
//删除节点
|
|||
|
|
function delNode(res) {
|
|||
|
|
var div = $("#NodeDragDiv");
|
|||
|
|
if (div.length < 1) return;
|
|||
|
|
var name = div.text();
|
|||
|
|
var msg = "您是否确定要删除当前栏目：" + name + " ？\n注：\n1、当前栏目的所有下属栏目，将同时删除\;\n2、被删除栏目下的内容也会删除;\n3、删除后将无法恢复。";
|
|||
|
|
if (!confirm(msg)) return;
|
|||
|
|
|
|||
|
|
$().SoapAjax("Columns", "Del", { result: res }, funcc, loading, unloading);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//开始载入时的预载
|
|||
|
|
function loading() {
|
|||
|
|
$("#loadingBar").show();
|
|||
|
|
var mask = $("#screenMask");
|
|||
|
|
mask.remove();
|
|||
|
|
mask = null
|
|||
|
|
delete mask;
|
|||
|
|
var html = "<div id=\"screenMask\"/>";
|
|||
|
|
$("body").append(html);
|
|||
|
|
mask = $("#screenMask");
|
|||
|
|
mask.css("position", "absolute").css("z-index", "100");
|
|||
|
|
var h = document.documentElement.clientHeight;
|
|||
|
|
mask.css("width", "100%").css("height", h - 0);
|
|||
|
|
mask.css("top", 0).css("left", 5);
|
|||
|
|
mask.css("background-color", "#ffffff");
|
|||
|
|
mask.css("filter", "Alpha(Opacity=60)");
|
|||
|
|
mask.css("display", "block");
|
|||
|
|
mask.css("-moz-opacity", 0.6);
|
|||
|
|
mask.css("opacity", 0.6);
|
|||
|
|
mask.fadeIn("slow");
|
|||
|
|
}
|
|||
|
|
//载入完成后，清除预载效果
|
|||
|
|
function unloading() {
|
|||
|
|
$("#screenMask").remove();
|
|||
|
|
$("#loadingBar").hide();
|
|||
|
|
}
|