我是 MVC 的新手,我知道我必须将 js 与我的 View 分开,但是对于某些特定场景,我不知道我应该如何保持这种分开,例如, 我有一个 java 脚本类,它在调用时创建图表,在我看来,在这种情况下,我有一个 ajax 调用,我获取数据并传递给如下函数:
pieChartForInterventions($("#pieChart"), result);
该函数在一个单独的 js 文件中:
function pieChartForInterventions(chartID,pieChartData) {
chartID.kendoChart({
dataSource: {
data: pieChartData
},
series: [{
type: "pie",
field: "list",
categoryField: "mm",
padding: 0,
labels: {
visible: true,
}
}],
tooltip: {
visible: true,
template: "${ category }" }
,
legend: {
position: "bottom"
}
});
}
它对我来说工作正常,当我想在这个函数上有一个 seriesClick 事件时,问题就在那里,它返回我点击的系列,我需要这个值将它发送回 Controller 以获取另一个数据,如果我将所有这些都写在 js 文件中,那么我将无法在我的 View 中获得 seriesClick 事件的值
seriesClick 事件的工作原理如下:
chartID.kendoChart({
dataSource: {
data: pieChartData
},
series: [{
type: "pie",
field: "list",
categoryField: "mm",
padding: 0,
labels: {
visible: true,
}
}],
seriesClick:onDb,
tooltip: {
visible: true,
template: "${ category }"
}
,
legend: {
position: "bottom"
}
});
function onDb(e) {
var _clicked = e.category;
}
最佳答案
在任何 Web 应用程序(不仅仅是 ASP.NET MVC)中,您不需要将您的 JS 放在与您的 View 分开的文件中。这在很多方面都是很好的做法(如果你有一个通过 AJAX 加载的局部 View ,这是必要的,因为其中的脚本不会被执行),但同样如果你有一些特定于该 View 的东西,IMO 可以接受它在脚本标记中进入该 View 。
但是,您有什么理由不能为您的 JS 文件提供回调方法并将其用作这种情况下的 seriesClick 事件?像这样:
JS文件:
function pieChartForInterventions(chartID,pieChartData,seriesClickCallback) {
chartID.kendoChart({
dataSource: {
data: pieChartData
},
series: [{
type: "pie",
field: "list",
categoryField: "mm",
padding: 0,
labels: {
visible: true,
}
}],
tooltip: {
visible: true,
template: "${ category }"
},
legend: {
position: "bottom"
},
seriesClick: seriesClickCallback
});
}
主视图:
//callback function
function onDb(e) {
var _clicked = e.category;
}
//create pie chart and pass in callback for seriesClick
pieChartForInterventions(someID,someData,onDb);
通过这种方式,您可以分离图表功能并使其可在单独的文件中重复使用,但当您需要响应图表上的事件时,可以灵活地将其挂接到主视图代码中。这是回调的巧妙之处之一。
关于javascript - 对在 mvc asp.net 中查看 js 文件感到困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50281678/