创建asp.net的MVC 5编辑CSHTML查看页面 [英] create editable cshtml View Page in asp.net mvc 5
本文介绍了创建asp.net的MVC 5编辑CSHTML查看页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有以下看法CSHTML页面DIV部分
@model IEnumerable的＆LT; INT＆GT;
@ {
ViewBag.Title =模板;
}
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;标题＆GT;创建一个模板＆LT; /标题＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT; DIV＆GT;银行小册子和LT; / DIV＆GT;
＆LT; DIV方式＆gt;由GGG解决方案＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
我想使这个CSHTML页面DIV部分编辑，我怎么能做到这一点。
![在这里输入的形象描述](\"http://i.stack.imgur.com/WDBsG.jpg\")
解决方案
五月它会帮助你。
\r
\r\r
\r $（'＃键'）。在（'点击'，（）的函数{\r
\r
\r
$（'＃divvalue'）HTML（$（'＃editableddiv）文本（））;\r
\r
\r
}）; \r
＆LT;脚本SRC =https://ajax.googleapis.com/ajax /libs/jquery/1.10.2/jquery.min.js\"></script>\r
＆LT;输入类型='按钮'ID =按钮值='获取股利价值/＆GT;\r
＆LT; DIV＆GT; DIV值：其中; DIV ID ='divvalue'＆GT;＆LT; / DIV＆GT; ＆LT; / DIV＆GT;\r
\r
＆LT; DIV ID ='editableddiv'CONTENTEDITABLE ='真'的风格=高度：200像素;宽度：200像素;边界：1px的固体'＆GT;\r
\r
编辑股利\r
\r
＆LT; / DIV＆GT; \r
更新：
要在jQuery和JavaScript的获得可编辑的DIV值
VAR div_value = $（'＃editableddiv）文本（）。VAR div_value =的document.getElementById（'editableddiv'）的innerHTML。
I have following cshtml view page with div sections
@model IEnumerable<int>
@{
ViewBag.Title = "Template";
}
<!DOCTYPE html>
<html>
<head>
<title>Create a Template</title>
</head>
<body>
<div>Bank Brochure</div>
<div>Solution by ggg.</div>
</body>
</html>
I want to make this cshtml page div sections editable ,how can I do this
解决方案
May it will helps you
$('#button').on('click',function(){
$('#divvalue').html($('#editableddiv').text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<input type='button' id='button' value='Get Div value' />
<div> div value : <div id='divvalue'></div> </div>
<div id='editableddiv' contentEditable='True' style='Height:200px; width:200px;border:1px solid'>
Editable Div
</div>
Update:
To get the editable div value in JQuery and JavaScript
var div_value = $('#editableddiv').text();
var div_value = document.getElementById('editableddiv').innerHTML;
这篇关于创建asp.net的MVC 5编辑CSHTML查看页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
