我正试图将数据从handontable发布到我的控制器。该表加载正常并且工作正常但单击保存按钮时没有任何反应。然后我做了F12并看到了一个错误:
请求的网址:/Scripts/jquery.min.map
经过研究我犯了这个链接...... jquery 1.9.0 and modernizr cannot be minified with the ASP.NET Web Optimization Framework ......但它没有解决我的问题。调用该操作并且错误消息是相同的。
可能是什么问题。请帮我理解发生了什么。感谢。
<script src="../../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.custom.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.handsontable.full.js" type="text/javascript"></script>
<script src="../../Scripts/numeral.sv-se.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.handsontable-excel.js" type="text/javascript"></script>
<link href="../../Content/themes/base/jquery-ui.custom.css" rel="stylesheet" type="text/css" />
<link href="../../Content/themes/base/jquery.handsontable.full.css" rel="stylesheet" type="text/css" />
<link href="../../Content/themes/base/demo-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
var $container = $("#dataGrid");
var $console = $("#dataConsole");
var $parent = $container.parent();
var autosaveNotification;
$container.handsontable({
startRows: 8,
startCols: 6,
rowHeaders: true,
colHeaders: true,
minSpareRows: 1
var handsontable = $container.data('handsontable');
$parent.find('button[name=save]').click(function () {
$.ajax({
url: "Controller/Action",
data: {"data": handsontable.getData()}, //returns all cells' data
dataType: 'json',
type: 'POST',
success: function (res) {
if (res.result === 'ok') {
$console.text('Data saved');
}
else {
$console.text('Save error');
}
},
error: function () {
$console.text('Success!');
}
});
});
</script>
<div id="dataGrid"></div>
<div id="dataCoonsole"></div>
<input type="button" value="Save" name="save">
答案 0 :(得分:0)
你拼错了dataCoonsole
<div id="dataConsole"></div>
此外,您在控制台中看到的错误与您的保存错误无关。
答案 1 :(得分:0)
我将按钮单击行更改为$(“按钮”)。单击(function(){}并将html元素更改为
<button> save </button>.