<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="sys_channel_edit.aspx.cs" Inherits="DTcms.Web.admin.settings.sys_channel_edit" ValidateRequest="false" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>編輯頻道信息</title> <link href="../../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <link href="../images/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../../scripts/jquery/jquery.validate.min.js"></script> <script type="text/javascript" src="../../scripts/jquery/messages_cn.js"></script> <script type="text/javascript" src="../../scripts/ui/js/ligerBuild.min.js"></script> <script type="text/javascript" src="../js/function.js"></script> <script type="text/javascript"> //表單驗證 $(function () { $('#txtName').focus(); $("#form1").validate({ errorPlacement: function (lable, element) { element.ligerTip({ content: lable.html(), appendIdTo: lable }); }, rules: { txtName: { required: true, minlength: 2, maxlength: 100, remote: { type: "post", url: "../../tools/admin_ajax.ashx?action=sys_channel_validate", data: { channelname: function () { return $("#txtName").val(); }, oldname: function () { return $("#hidName").val(); } }, dataType: "html", dataFilter: function (data, type) { if (data == "true") return true; else return false; } } } }, success: function (lable) { lable.ligerHideTip(); }, messages: { txtName: { required: "輸入(2-100)位字符", minlength: "必須大於2位字符", maxlength: "必須小於100位字符", remote: "很抱歉，該名稱已被使用" } } }); }); //菜單事件處理 $(function () { //初始化按鈕事件 $("#item_box tr").each(function (i) { initButton(i); }); //添加按鈕(點擊綁定) $("#itemAddButton").click(function () { showChannelDialog(); }); }); //表格行的菜單內容 function getTr() { var navRow = '<tr class="td_c">' + '<td><input type="hidden" name="item_type" /><input type="hidden" name="item_page" /><span class="item_type"></span></td>' + '<td><input name="item_name" type="text" class="txtInput small" style="width:98%;" readonly="readonly" /></td>' + '<td><input name="item_path" type="text" class="txtInput small3" style="width:98%;" readonly="readonly" /></td>' + '<td><input name="item_pattern" type="text" class="txtInput small3" style="width:98%;" readonly="readonly" /></td>' + '<td><input name="item_querystring" type="text" class="txtInput small3" style="width:98%;" readonly="readonly" /></td>' + '<td><input name="item_templet" type="text" class="txtInput small" style="width:98%;" readonly="readonly" /></td>' + '<td align="center"><img alt="編輯" src="../images/icon_edit.gif" class="operator" /><img alt="刪除" src="../images/icon_del.gif" class="operator" /></td>' + '</tr>'; return navRow; } //初始化按鈕事件 function initButton(indexValue) { //功能操作按鈕 $("#item_box tr:eq(" + indexValue + ") .operator").each(function (i) { switch (i) { //修改 case 0: $(this).click(function () { showChannelDialog(this); }); break; //刪除 case 1: $(this).click(function () { var obj = $(this); $.ligerDialog.confirm("確定要刪除嗎？", "提示信息", function (result) { if (result) { obj.parent().parent().remove(); //刪除節點 } }); }); break; } }); } //給URL配置首頁賦值 function itemSelect(obj) { var value = $(obj).children("option:selected").attr("value"); if (value.length < 1) { return false; } var channelName = $("#txtName").val(); //獲得頻道名稱 if (channelName.length < 1) { return false; } //咨詢是否使用默認設置 $.ligerDialog.confirm("是否使用參考配置？做為參考，請根據自己實際情況調整。", "提示信息", function (result) { if (result) { switch (value) { case "list": $("#urlKey").val(channelName + "_list"); $("#urlExp").val(channelName + "/{0}/{1}.aspx"); $("#var_box").empty(); //清空舊數據 $("#var_box").append(createVarHtml()); //插入一行 $("#var_box tr:last").find("input[name='varName']").val("category_id"); $("#var_box tr:last").find("input[name='varExp']").val("(\\d+)"); $("#var_box").append(createVarHtml()); //插入一行 $("#var_box tr:last").find("input[name='varName']").val("page"); $("#var_box tr:last").find("input[name='varExp']").val("(\\w+)"); $("#pageTemplet").val(channelName + "_list"); $("#urlPage").val(channelName + "_list"); break; case "detail": $("#urlKey").val(channelName + "_show"); $("#urlExp").val(channelName + "/show/{0}.aspx"); $("#var_box").empty(); //清空舊數據 $("#var_box").append(createVarHtml()); //插入一行 $("#var_box tr:last").find("input[name='varName']").val("id"); $("#var_box tr:last").find("input[name='varExp']").val("(\\d+)"); $("#pageTemplet").val(channelName + "_show"); $("#urlPage").val(channelName + "_show"); break; default: $("#var_box").empty(); //清空舊數據 $("#urlKey").val(channelName); $("#urlExp").val(channelName + ".aspx"); $("#pageTemplet").val(channelName); $("#urlPage").val(channelName); break; } } }); } //=================================================================================== //創建窗口 function showChannelDialog(obj) { var objNum = arguments.length; var tabHtml = createChannelHtml(); var m = $.ligerDialog.open({ type: "", title: "URL重寫配置", content: tabHtml, width: 700, buttons: [ { text: '確認', onclick: function () { if (objNum > 0) { execChannelDialog(m, obj); } else { execChannelDialog(m); } } }, { text: '關閉', onclick: function () { m.close(); } } ], isResize: true }); //檢查是否修改狀態 if (objNum == 1) { //調用賦值函數 setChannelDialog(obj); } } //創建HTML function createChannelHtml() { var tableHtml = '<table class="form_table">' + '<col width="130px"><col>' + '<tbody>' + '<tr>' + '<th>頻道類型：</th>' + '<td><select id="pageType" class="select2" onchange="itemSelect(this);"><option value="">請選擇類型...</option><option value="index">首頁</option><option value="list">列表頁</option><option value="detail">詳細頁</option></select></td>' + '</tr><tr>' + '<th>URL名稱(Key)：</th>' + '<td><input type="text" id="urlKey" class="txtInput small ime-disabled" /><label>*調用的唯一標識，英文、數字、下划線</label></td>' + '</tr><tr>' + '<th>重寫表達式：</th>' + '<td><input type="text" id="urlExp" class="txtInput small ime-disabled" style="width:210px;" /><label>*如：article-{0}-{1}.aspx，{n}表示第N個變量</label></td>' + '</tr><tr>' + '<th>傳輸參數：</th>' + '<td><button id="btnVarAdd" type="button" class="btnSelect" onclick="addVarTr();"><span class="add">增加變量</span></button></td>' + '</tr><tr>' + '<th> </th>' + '<td><table border="0" cellspacing="0" cellpadding="0" class="border_table" width="98%">' + '<thead><tr><th width="40%">變量名稱</th><th>正則表達式</th><th width="3%">操作</th></tr></thead>' + '<tbody id="var_box">' + '</tbody></table></td>' + '</tr><tr>' + '<th>模板文件：</th><td><input type="text" id="pageTemplet" value="" class="txtInput small ime-disabled" />.html</td>' + '</tr><tr>' + '<th>生成的文件：</th><td><input type="text" id="urlPage" value="" class="txtInput small ime-disabled" />.aspx</td>' + '</tr>' + '</tbody>' + '</table>' return tableHtml; } //創建URL變量HTML function createVarHtml() { varHtml = '<tr>' + '<td><select class="select2" onchange="regChannelVal(this, \'varName\');"><option value="">@參考</option><option value="category_id">類別ID</option><option value="page">分頁頁碼</option></select>' + '<input type="text" name="varName" class="txtInput small ime-disabled" /></td>' + '<td><select class="select2" onchange="regChannelVal(this, \'varExp\');"><option value="">@參考</option><option value="(\\w+)">字符串</option><option value="(\\d+)">數字</option></select>' + '<input type="text" name="varExp" class="txtInput small ime-disabled" style="width:160px;" /></td>' + '<td><img alt="刪除" src="../images/icon_del.gif" class="operator" onclick="delVarTr(this);" /></td>' +'</tr>' return varHtml; } //添加一行變量 function addVarTr() { varHtml = createVarHtml(); $("#var_box").append(varHtml); } //刪除一行變量 function delVarTr(obj) { $(obj).parent().parent().remove(); } //賦值參考選項 function regChannelVal(obj, objName) { var value = $(obj).children("option:selected").attr("value"); if (value != "") { $(obj).next("input[name='" + objName + "']").val(value); } } //賦值表單 function setChannelDialog(obj) { var pobj = $(obj).parent().parent(); var item_type = $(pobj).find("input[name='item_type']").val(); $("#pageType option").each(function (i) { if ($(this).attr("value") == item_type) { $(this).attr("selected", "selected"); } }); $("#urlKey").val($(pobj).find("input[name='item_name']").val()); $("#urlExp").val($(pobj).find("input[name='item_path']").val()); $("#pageTemplet").val($(pobj).find("input[name='item_templet']").val().replace(".html", "")); $("#urlPage").val($(pobj).find("input[name='item_page']").val().replace(".aspx", "")); //分析正則表達式 var strPath = $(pobj).find("input[name='item_path']").val().replace(new RegExp("{\\d+}", "g"), "(.*)"); //替換成正則表達式 var strPattern = $(pobj).find("input[name='item_pattern']").val(); var pathArr = strPattern.match(strPath); //開始賦值 if ($(pobj).find("input[name='item_querystring']").val() != "") { var querystrArr = $(pobj).find("input[name='item_querystring']").val().split("^"); for (i = 0; i < querystrArr.length; i++) { //插入一行TR並賦值變量 var trObj = $("#var_box").append(createVarHtml()); var strArr = querystrArr[i].split("="); $(trObj).children("tr").eq(i).find("input[name='varName']").val(strArr[0]); //賦值正則表達式 $(trObj).children("tr").eq(i).find("input[name='varExp']").val(pathArr[i + 1]); } } } //最終賦值結果 function setNavRow(obj) { $(obj).find("input[name='item_type']").val($("#pageType").children("option:selected").attr("value")); $(obj).find(".item_type").html($("#pageType").children("option:selected").html()); $(obj).find("input[name='item_name']").val($("#urlKey").val()); $(obj).find("input[name='item_path']").val($("#urlExp").val()); //查找變量表達式 var patternStr = $("#urlExp").val(); var querystringStr = ""; $("#var_box tr").each(function (i) { if ($(this).find("input[name='varName']").val() != "" && $(this).find("input[name='varExp']").val() != "") { patternStr = patternStr.replace("{" + i + "}", $(this).find("input[name='varExp']").val()); querystringStr += $(this).find("input[name='varName']").val() + "=$" + (i + 1); if (i < $("#var_box tr").length - 1) { querystringStr += "^"; } } }); $(obj).find("input[name='item_pattern']").val(patternStr); $(obj).find("input[name='item_querystring']").val(querystringStr); $(obj).find("input[name='item_templet']").val($("#pageTemplet").val() + ".html"); $(obj).find("input[name='item_page']").val($("#urlPage").val() + ".aspx"); } //檢查Dialog輸入情況 function execChannelDialog(m, obj) { var oldkey = ""; var objNum = arguments.length; if (objNum > 1) { oldkey = $(obj).parent().parent().find("input[name='item_name']").val(); } if ($("#pageType").children("option:selected").attr("value") == "") { $.ligerDialog.warn('請選擇頻道類型！', function () { $("#pageType").focus(); }); return false; } if ($("#urlKey").val() == "") { $.ligerDialog.warn('請輸入URL名稱(Key)！', function () { $("#urlKey").focus(); }); return false; } if ($("#urlExp").val() == "") { $.ligerDialog.warn('請輸入URL的重寫表達式！', function () { $("#urlExp").focus(); }); return false; } if ($("#pageTemplet").val() == "") { $.ligerDialog.warn('請輸入模板文件的名稱！', function () { $("#pageTemplet").focus(); }); return false; } if ($("#urlPage").val() == "") { $.ligerDialog.warn('請輸入生成ASPX文件的名稱！', function () { $("#urlPage").focus(); }); return false; } //檢查本地是否重復 var checkKey = true; $("#item_box tr").each(function (i) { if ($("#urlKey").val() == $(this).find("input[name='item_name']").val() && $("#urlKey").val() != oldkey) { checkKey = false; } }); if (!checkKey) { $.ligerDialog.warn('對不起，URL名稱(Key)已重復啦！', function(){ $("#urlKey").focus(); }); return false; } //AJAX驗證 var oldItemKey = ""; if (objNum > 1) { if ($(obj).parent().parent().find("input[name='old_item_name']").length > 0) { oldItemKey = $(obj).parent().parent().find("input[name='old_item_name']").val(); } } $.ajax({ type: "post", url: "../../tools/admin_ajax.ashx?action=sys_urlrewrite_validate", data: { rewritekey: function () { return $("#urlKey").val(); }, oldkey: function () { return oldItemKey; } }, dataType: "html", success: function (data, textStatus) { if (data == "true") { if (objNum > 1) { setNavRow($(obj).parent().parent()); } else { //創建TR var navSize = $('#item_box tr').size(); $("#item_box").append(getTr()); initButton(navSize); setNavRow($("#item_box tr").eq(navSize)); } m.close(); } else { $.ligerDialog.warn('對不起，AJAX檢測URL名稱(Key)已存在，若舊名稱已更改，請保存后方可使用該名稱！', function () { $("#urlKey").focus(); }); return false; } } }); } </script> </head> <body class="mainbody"> <form id="form1" runat="server"> <div class="navigation"><a href="javascript:history.go(-1);" class="back">后退</a>首頁 > 控制面板 > 系統頻道</div> <div id="navtips" class="navtips"> 編輯頻道信息需具備基本的正則表達式知識，注意URL配置的名稱不要重復，以下正則表達式可供參考：<br /> 約定參數：category_id為頻道ID，page為分頁頁碼；<br /> <a href="javascript:CloseTip('navtips');" class="close">關閉</a> </div> <div id="contentTab"> <ul class="tab_nav"> <li class="selected"><a onclick="tabs('#contentTab',0);" href="javascript:;">編輯頻道信息</a></li> </ul> <div class="tab_con" style="display:block;"> <table class="form_table"> <col width="180px"><col> <tbody> <tr> <th>頻道名稱：</th> <td> <asp:HiddenField ID="hidName" runat="server" Value="" /> <asp:TextBox ID="txtName" runat="server" CssClass="txtInput normal ime-disabled"></asp:TextBox><label>*只允許英文字母、下划線，不可重復</label></td> </tr> <tr> <th>頻道標題：</th> <td><asp:TextBox ID="txtTitle" runat="server" CssClass="txtInput normal required" minlength="2" maxlength="100"></asp:TextBox><label>*</label></td> </tr> <tr> <th>所屬模型：</th> <td><asp:DropDownList id="ddlModelId" CssClass="select2 required" runat="server"></asp:DropDownList><label>*更改模型請手動刪除舊內容</label></td> </tr> <tr> <th>排 序：</th> <td><asp:TextBox ID="txtSortId" runat="server" CssClass="txtInput normal small required digits"></asp:TextBox><label>*</label></td> </tr> <tr> <th>URL重寫配置：</th> <td><button id="itemAddButton" type="button" class="btnSelect"><span class="add">添 加</span></button></td> </tr> <tr> <th></th> <td> <table border="0" cellspacing="0" cellpadding="0" class="border_table" width="99%"> <thead> <tr> <th width="9%">類型</th> <th width="15%">名稱</th> <th width="18%">URL重寫</th> <th width="18%">正則表達式</th> <th width="18%">參數配置</th> <th width="15%">模板文件</th> <th width="5%">操作</th> </tr> </thead> <tbody id="item_box"> <asp:Repeater ID="rptList" runat="server"> <ItemTemplate> <tr class="td_c"> <td> <input type="hidden" name="item_type" value="<%#Eval("type")%>" /> <input type="hidden" name="item_page" value="<%#Eval("page")%>" /> <span class="item_type"><%#GetPageTypeName(Eval("type").ToString())%></span> </td> <td><input type="hidden" name="old_item_name" value="<%#Eval("name")%>" /><input name="item_name" type="text" value="<%#Eval("name")%>" class="txtInput small" style="width:98%;" readonly="readonly" /></td> <td><input name="item_path" type="text" value="<%#Eval("path")%>" class="txtInput small3" style="width:98%;" readonly="readonly" /></td> <td><input name="item_pattern" type="text" value="<%#Eval("pattern")%>" class="txtInput small3" style="width:98%;" readonly="readonly" /></td> <td><input name="item_querystring" type="text" value="<%#Eval("querystring")%>" class="txtInput small3" style="width:98%;" readonly="readonly" /></td> <td><input name="item_templet" type="text" value="<%#Eval("templet")%>" class="txtInput small" style="width:98%;" readonly="readonly" /></td> <td><img alt="編輯" src="../images/icon_edit.gif" class="operator" /><img alt="刪除" src="../images/icon_del.gif" class="operator" /></td> </tr> </ItemTemplate> </asp:Repeater> </tbody> </table> </td> </tr> <tr> <th></th> <td><asp:Button ID="btnSubmit" runat="server" Text="提交保存" CssClass="btnSubmit" onclick="btnSubmit_Click" /></td> </tr> </tbody> </table> </div> </div> </form> </body> </html>