@using HyBy.Ushare.BusinessEntity
@model HyBy.Ushare.ManageSite.HelpSystem.Models.EditMessageModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/Common/kindeditor/kindeditor.js"></script>
<link href="~/Scripts/Common/kindeditor/themes/default/default.css" rel="stylesheet" />
<script src="~/Scripts/jsrender.min.js"></script>
<!--模板使用-->
<!--下拉列表(选择项模板)-->
<script type="text/x-jsrender" id="header">
<option value="-1">--请选择--</option>
</script>
<!--一级模板-->
<script type="text/x-jsrender" id="ddlone">
{{include tmpl="#header"/}}
{{for #data.first}}
<option value="{{:CatalogID}}">{{:CatalogName}}</option>
{{/for}}
</script>
<!--二级模板-->
<script type="text/x-jsrender" id="ddltwo">
{{include tmpl="#header"/}}
{{for #data.secound}}
<option value="{{:CatalogID}}">{{:CatalogName}}</option>
{{/for}}
</script>
<!-- 三级模板-->
<script type="text/x-jsrender" id="ddlthree">
{{include tmpl="#header"/}}
{{for #data.third}}
<option value="{{:CatalogID}}">{{:CatalogName}}</option>
{{/for}}
</script>
<script type="text/javascript">
///KindEditor文本编辑器
var editor1;
KindEditor.ready(function (K) {
editor1 = K.create('textarea[name="content1"]', {
cssPath: '/Scripts/Common/kindeditor/plugins/code/prettify.css',
uploadJson: '/Scripts/Common/kindeditor/asp.net/upload_json.ashx',
fileManagerJson: '/Scripts/Common/kindeditor/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterBlur: function () { this.sync(); },
afterCreate: function () {
var self = this;
K.ctrl(document, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
//页面加载:
$(function () {
//获取带html的编辑器内容
$("#btnNoHtml").click(function () {
var dd = editor1.html();
alert(dd);
});
//获取不带html编辑器内容
$("#btnHtml").click(function () {
var dd = editor1.text();
alert(dd);
});
//加载一级类别
LoadFirst();
$("#FirstDro").change(this, function () {
LoadSecound(this.value);
});
$("#SecoundDro").change(this, function () {
LoadThird(this.value);
});
//$("#sub").click(function () {
// var dd = $("#ThirdDro").val();
// alert(dd);
//});
})
//加载一级类别
function LoadFirst() {
$.getJSON("/HelpSystem/HelpMessage/GetAllFirst", function (json) {
var html = $("#ddlone").render({ "first": json });
$("#FirstDro").html(html);
});
}
//创建一级类别改变触发的事件,绑定二级类别
function LoadSecound(value) {
$.getJSON("/HelpSystem/HelpMessage/GetSecoundByFirstId?id=" + value, function (json) {
if (value == "-1") {
$("#SecoundDiv").css("display", "none");
}
else {
if (!$.isEmptyObject(json)) {
$("#SecoundDiv").css("display", "block");
var html = $("#ddltwo").render({ "secound": json });
$("#SecoundDro").html(html);
}
else {
$("#SecoundDiv").css("display", "none");
}
}
});
}
//创建二级类别改变触发的事件,绑定三级类别
function LoadThird(value) {
if (value == "-1") {
$("#ThirdDiv").css("display", "none");
}
else {
$.getJSON("/HelpSystem/HelpMessage/GetSecoundBySecoundId?id=" + value, function (json) {
if (!$.isEmptyObject(json)) {
$("#ThirdDiv").css("display", "block");
var html = $("#ddlthree").render({ "third": json });
$("#ThirdDro").html(html);
}
else {
$("#ThirdDiv").css("display", "none");
}
});
}
}
function ss() {
var dd = $("#ThirdDro").val();
$("#CatalogID").val(dd);
}
</script>
<style type="text/css">
.dro {
width: 200px;
}
</style>
<title>Edit</title>
</head>
<body>
<div>
<form id="example" action="/HelpSystem/HelpMessage/Edit" method="post" οnsubmit="return ss()">
@Html.HiddenFor(model => model.HelpID)
<table>
@{
if (ViewData["Content"] == null)
{
@Html.HiddenFor(model => model.CatalogID, new { id = "CatalogID" })
<tr>
<td colspan="2">
<div id="FirstDiv">一级类别:<select class="dro" id="FirstDro"></select></div>
</td>
</tr>
<tr>
<td colspan="2">
<div id="SecoundDiv" style="display:none">二级类别:<select class="dro" id="SecoundDro"></select></div>
</td>
</tr>
<tr>
<td colspan="2">
<div id="ThirdDiv" style="display:none">三级类别:<select class="dro" id="ThirdDro"></select></div>
</td>
</tr>
}
}
<tr>
<td>@Html.LabelFor(model => model.HelpName)</td>
<td>@Html.TextBoxFor(model => model.HelpName, new { id = "HelpName" })</td>
</tr>
<tr>
<td>@Html.LabelFor(model => model.HelpContent)</td>
@{
if (ViewData["Content"] != null)
{
<td><textarea id="content1" name="content1" cols="100" rows="8" style="width:700px;height:400px;visibility:hidden;">@ViewData["Content"]</textarea></td>
}
else
{
<td><textarea id="content1" name="content1" cols="100" rows="8" style="width:700px;height:400px;visibility:hidden;"></textarea></td>
}
}
</tr>
</table>
<input id="btnNoHtml" type="button" value="获取内容(不支持html)" />
<input id="btnHtml" type="button" value="获取内容(支持html)" />
<input type="submit" value="提交" id="sub" />
</form>
</div>
</body>
</html>