javascript - 对在 mvc asp.net 中查看 js 文件感到困惑

Question

我是 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;
         }

Answer 1

在任何 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);

通过这种方式，您可以分离图表功能并使其可在单独的文件中重复使用，但当您需要响应图表上的事件时，可以灵活地将其挂接到主视图代码中。这是回调的巧妙之处之一。