ASP.NET MVC Layout如何嵌套

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專(zhuān)欄 > 網(wǎng)絡(luò)編程

來(lái)源：易賢網(wǎng) 閱讀：1824 次日期：2016-08-10 15:57:48

溫馨提示：易賢網(wǎng)小編為您整理了“ASP.NET MVC Layout如何嵌套”,方便廣大網(wǎng)友查閱！

這篇文章主要為大家詳細(xì)介紹了ASP.NET MVC Layout如何嵌套，ASP.NET MVC Layout進(jìn)行嵌套的方法，感興趣的小伙伴們可以參考一下

直接上代碼：

模板頁(yè)Layout.cshtml代碼(路徑"~/Views/Backstage/MachineMng/Layout.cshtml")：

ViewBag.Title = "貨機(jī)管理";

}

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

body

{

font-size: 12px;

padding: 0;

margin: 0;

background-color: #666;

}

.ul-menu

{

float: left;

margin: 0;

padding: 0;

margin-left: 3px;

}

.ul-menu li

{

float: left;

list-style: none;

margin: 0;

padding: 0;

width: 45px;

height: 25px;

line-height: 25px;

text-align: center;

margin-right: 20px;

border: solid 1px #999;

cursor: pointer;

}

</style>

function gotourl(url) {

window.location = url;

}

</script>

</head>

<body>

IMU

<br />

120×90

</div>

歡迎您，<span>XXX</span> 【退出】

</div>

string[] weekDays = { "星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" };

}

當(dāng)前時(shí)間 @DateTime.Now.ToString("yyyy-MM-dd（" + weekDays[(int)DateTime.Now.DayOfWeek] + "）HH:mm")

</div>

幫助中心

</div>

</ul>

</div>

@RenderBody()

</div>

</body>

</html>

模板頁(yè)RoadSetLayout.cshtml代碼：(路徑"~/Views/Backstage/MachineMng/RoadSetLayout.cshtml")：

ViewBag.Title = "貨道設(shè)置";

Layout = Url.Content("~/Views/Backstage/MachineMng/Layout.cshtml");

}

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

.div-button1

{

float: left;

width: 120px;

height: 35px;

border: solid 1px #999;

font-size: 18px;

line-height: 35px;

text-align: center;

cursor: pointer;

}

.div-button2

{

float: left;

width: 120px;

height: 30px;

border: solid 1px #999;

font-size: 14px;

line-height: 30px;

text-align: center;

cursor: pointer;

}

.div-arrow

{

float: left;

height: 55px;

padding-top: 5px;

}

.div-arrow2

{

float: left;

width: 35px;

height: 22px;

padding-top: 6px;

margin-left: 10px;

}

</style>

$(function () {

});

</script>

</head>

<body>

貨機(jī)現(xiàn)在運(yùn)行正常

<br />

連續(xù)運(yùn)行3天 72小時(shí)

</div>

貨機(jī)數(shù)據(jù)已經(jīng)與平臺(tái)數(shù)據(jù)同步，無(wú)需插數(shù)據(jù)盤(pán)。

請(qǐng)插入數(shù)據(jù)盤(pán)完成數(shù)據(jù)同步更新/數(shù)據(jù)盤(pán)已插入，數(shù)據(jù)傳輸完成10%

</div>

暫停貨機(jī)

</div>

啟動(dòng)貨機(jī)

</div>

貨機(jī)暫停才可以進(jìn)行以下操作：以下操作完成須啟動(dòng)貨機(jī)

</div>

</div>

</div>

商品貨道設(shè)置

</div>

</div>

現(xiàn)金管理理

</div>

</div>

貨機(jī)運(yùn)維

</div>

@RenderBody()

</body>

</html>

Index頁(yè)面代碼(路徑"~/Views/Backstage/MachineMng/RoadSet/Index.cshtml")：

ViewBag.Title = "貨道設(shè)置";

Layout = Url.Content("~/Views/Backstage/MachineMng/RoadSetLayout.cshtml");

}

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

body

{

font-size: 12px;

}

.div-box

{

float: left;

border: solid 1px #f5f5f5;

height: 148px;

width: 97px;

background-color: #f5f5f5;

cursor: default;

}

.div-box div

{

float: left;

margin-top: 15px;

margin-left: 9px;

height: 120px;

width: 80px;

line-height: 120px;

font-size: 16px;

font-family: 黑體;

text-align: center;

}

.ul-instructions

{

float: left;

width: 200px;

padding: 0;

margin: 0;

margin-left: 10px;

margin-top: 10px;

margin-bottom: 10px;

}

.ul-instructions li

{

float: left;

list-style: none;

width: 200px;

line-height: 25px;

font-size: 12px;

margin: 0;

padding: 3px;

}

.ul-instructions li div

{

float: left;

}

.div-road

{

float: left;

height: 130px;

width: 100px;

margin-left: 20px;

margin-top: 20px;

}

.table-road

{

background-color: #ffff00;

border: solid 1px #999;

}

.div-highlight

{

border: solid 1px #6dbde4 !important;

background-color: #dceaf2 !important;

}

.img-btn

{

cursor: pointer;

margin: 3px;

}

.img-btn2

{

cursor: pointer;

margin-left: 10px;

}

.table-addroads

{

width: 100%;

}

.table-addroads tr td:first-child

{

text-align: right;

}

.table-addroads tr td

{

height: 30px;

padding: 3px;

}

.input-green

{

background-color: green;

}

</style>

$(function () {

$("#tdboxs").load("Boxs?cargoCode=" + '@ViewBag.cargoCode' + "&t=" + new Date().valueOf(), function (data) {

$(".div-box:first").click();

});

//顯示貨柜的貨道

function showBox(obj, boxId) {

$(".div-box").removeClass("div-highlight");

$(obj).addClass("div-highlight");

$("#divfloors").load("Floors?boxId=" + boxId + "&t=" + new Date().valueOf());

}

//添加貨柜

function addbox(addType) {

if (confirm("確定添加？")) {

var cargoCode = '@ViewBag.cargoCode';

var floorType = $("input[name='floorType']:checked").val();

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddBox")",

data: { "addType": addType, "cargoCode": cargoCode, "floorType": floorType },

success: function (d) {

var data = eval("(" + d + ")");

if (data.ok) {

$("#tdboxs").load("Boxs?cargoCode=" + cargoCode + "&t=" + new Date().valueOf(), function (data) {

if (addType == 1) {

$(".div-box:first").click();

} else {

$(".div-box:last").click();

}

});

} else {

alert("添加失敗：" + data.msg);

}

error: function () {

alert("添加失敗");

}

});

}

//刪除貨柜

function delbox(addType) {

if (confirm("確定刪除？")) {

var cargoCode = '@ViewBag.cargoCode';

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelBox")",

data: { "addType": addType, "cargoCode": cargoCode },

success: function (data) {

if (data == "ok") {

if (addType == 1) {

$(".div-box:first").remove();

}

else {

$(".div-box:last").remove();

}

$(".div-box:first").click();

}

else {

alert("刪除失敗" + data);

}

error: function () {

alert("刪除失敗");

}

});

}

//添加貨道

function addroad(obj, boxId, floor) {

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoad")",

data: { "boxId": boxId, "floor": floor },

success: function (d) {

var data = eval("(" + d + ")");

if (data.ok) {

var td = $(obj).parent().parent().parent().parent().find("td:first");

td.find("#divroads_" + floor).load("Roads?boxId=" + boxId + "&floor=" + floor + "&t=" + new Date().valueOf());

var roadNum = parseInt(td.find(".span-roadNum").text(), 10);

td.find(".span-roadNum").html((roadNum + 1).toString());

} else {

alert("添加失?。? + data.msg);

}

error: function () {

alert("添加失敗");

}

});

}

//刪除貨道

function delroad(obj, boxId, floor) {

if (confirm("確定刪除？")) {

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelRoad")",

data: { "boxId": boxId, "floor": floor },

success: function (data) {

if (data == "ok") {

var td = $(obj).parent().parent().parent().parent().find("td:first");

td.find(".div-road:last").remove();

var roadNum = parseInt(td.find(".span-roadNum").text(), 10);

if (roadNum > 0) {

td.find(".span-roadNum").html((roadNum - 1).toString());

}

else {

alert("刪除失敗" + data);

}

error: function () {

alert("刪除失敗");

}

});

}

//添加貨道層

function addfloor(obj, boxId) {

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddFloor")",

data: { "boxId": boxId },

success: function (d) {

var data = eval("(" + d + ")");

if (data.ok) {

$("#divfloors").load("Floors?boxId=" + boxId + "&t=" + new Date().valueOf());

var div = $(obj).parent().parent();

var floorNum = parseInt(div.find(".span-floorNum").text(), 10);

div.find(".span-floorNum").html((floorNum + 1).toString());

} else {

alert("添加失?。? + data.msg);

}

error: function () {

alert("添加失敗");

}

});

}

//刪除貨道層

function delfloor(obj, boxId) {

var div = $(obj).parent().parent().parent();

if (div.find(".table-floor").length < 2) return;

if (confirm("確定刪除？")) {

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelFloor")",

data: { "boxId": boxId },

success: function (d) {

var data = eval("(" + d + ")");

if (data.ok) {

div.find(".table-floor:last").remove();

var floorNum = parseInt(div.find(".span-floorNum").text(), 10);

div.find(".span-floorNum").html((floorNum - 1).toString());

} else {

alert("刪除失?。? + data.msg);

}

error: function () {

alert("刪除失敗");

}

});

}

//批量添加貨道

function addroads(obj, boxId, floor) {

SimpoWin.showWin2("更換貨箱", "addroads", 240, 170);

var windiv = $("#addroads");

var btnOK = windiv.find("input[type='button']");

btnOK.bind("click", function () {

var roadNum = windiv.find("select[name='roadNum']").find("option:selected").val();

var roadSpec = windiv.find("select[name='roadSpec']").find("option:selected").val();

$.ajax({

type: "POST",

url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoads")",

data: { "boxId": boxId, "floor": floor, "roadNum": roadNum, "roadSpec": roadSpec },

success: function (d) {

var data = eval("(" + d + ")");

if (data.ok) {

var td = $(obj).parent().parent();

td.find("#divroads_" + floor).load("Roads?boxId=" + boxId + "&floor=" + floor + "&t=" + new Date().valueOf());

td.find(".span-roadNum").html(data.roadNum.toString());

} else {

alert("添加失?。? + data.msg);

}

error: function () {

alert("添加失敗");

}

});

btnOK.unbind("click");

SimpoWin.closeWin2("addroads");

});

}

</script>

</head>

<body>

客戶(hù)喜好

商品

選擇貨道

擺放商品

完成貨道商品綁定

</div>

<tr>

<li>

<div style="height: 25px; margin-left: 10px;">黃色：表示更換貨道</div>

</li>

<li>

<div style="height: 25px; margin-left: 10px;">綠色：表示上貨數(shù)量</div>

</li>

<li>

</li>

<li>

<div style="height: 25px; margin-left: 10px;">灰色：表示最大商品數(shù)</div>

</li>

<li>

</li>

<li>

<div style="height: 25px; margin-left: 10px;">換：表示更換商品種類(lèi)</div>

</li>

</ul>

</td>

<td>

</div>

</div>

</td>

</td>

<td>

</div>

</div>

</td>

</tr>

<tr>

</tr>

</table>

</div>

<tr>

<td>

</select>

</td>

</tr>

<tr>

<td>

</select>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<tr>

<td>

</select>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<tr>

</tr>

<tr>

<td>

</select>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

</body>

</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

更多信息請(qǐng)查看網(wǎng)絡(luò)編程

上一篇：ASP.NET中JQuery+AJAX調(diào)用后臺(tái)

下一篇：Yii2創(chuàng)建控制器(createController)方法詳解

易賢網(wǎng)手機(jī)網(wǎng)站地址：ASP.NET MVC Layout如何嵌套

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考，敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)！

相關(guān)閱讀網(wǎng)絡(luò)編程

Shell中如何刪除文本比較長(zhǎng)的行的實(shí)現(xiàn)方法10月30日

vue.js語(yǔ)法及常用指令10月30日

python 讀寫(xiě)中文json的實(shí)例詳解10月30日

Objective-C Json 實(shí)例詳解10月30日

bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法10月30日

python生成二維碼的實(shí)例詳解10月30日

Python批量更改文件名的實(shí)現(xiàn)方法10月30日

解決出現(xiàn)Incorrect integer value的問(wèn)題10月30日

jQuery實(shí)現(xiàn)切換隱藏與顯示同時(shí)切換圖標(biāo)功能10月30日

docker python api 安裝配置的詳解10月30日

javascript按鈕禁用和啟用的效果實(shí)例代碼10月30日

vue.js todolist實(shí)現(xiàn)代碼10月30日

vue.js 父向子組件傳參的實(shí)例代碼10月30日

apache 開(kāi)啟重定向 rewrite的實(shí)現(xiàn)方法10月30日

Vue.js劃分組件的方法10月30日

python logging日志模塊的詳解10月30日

vue中的scope使用詳解10月30日

docker cgroup 資源監(jiān)控的詳解10月30日

使用Android Studio 開(kāi)發(fā)自己的SDK教程10月23日

linux系統(tǒng)下MongoDB單節(jié)點(diǎn)安裝教程10月23日

易賢網(wǎng)移動(dòng)網(wǎng)站

2026上岸·考公考編培訓(xùn)報(bào)班

報(bào)班類(lèi)型
姓名
手機(jī)號(hào)
驗(yàn)證碼

茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合