如何将JavaScript函数注入由ajax加载的部分同一部分可以多次加载中?

问题描述

我有一个局部视图,可以在同一视图中多次重复使用。 它托管一个chartjs元素。
部分加载,进行ajax调用获取其数据。
从返回的数据中填充图表的各种键,并执行和加载图表。
局部的画布和包含div由父页面上局部的数字计数器唯一标识,该计数器使用Razor进行迭代以为每个图表构建div和画布。
都很好。
例如

@{
    divId = "divDetail" + ViewBag.ChartIndex.ToString();
    canvasId = "canvas" + ViewBag.ChartIndex.ToString();
}
<div id="@divId">
    <canvas id="@canvasId" style="background-color:black;">
        @Html.Partial("ChartPartial",Model)
    </canvas>
</div>

但是,图表具有一个“ onClick”键,我在由ajax调用的数据控制器操作中填充了ChartClick0,ChartClick1等。

如何动态创建一个名为ChartClick0或ChartClick1的脚本,以便调用并执行每个Chart的正确函数

我在父屏幕上的ViewBag上尝试了New Function及其变体,但是没有运气。 使用“新功能”,我无法将“画布”和索引连接起来以产生新功能

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)