Javascript SyncFusion选项卡内的脚本未启动

目前正在开发一个运行在MVC.NET4.5上的旧系统，希望通过引入SyncFusion及其控件使其现代化

我正在尝试动态加载SyncFusion（EJ2）选项卡，并将内容加载到选项卡中。 在系统上，这将使用ajax调用返回partialview——但是为了在StackBlitz上的示例，它是一个带有JavaScript警报的简单字符串。 由于某些原因，内容脚本没有启动，如附带的StackBlitz中所示

在与SyncFusion支持人员交谈后，我确信他们的控制确实支持这一点，但就我而言，我无法理解为什么它不起作用

显示问题的StackBlitz链接

---

index.js的第24行-显示

警报（“测试”）呈现选项卡时，不会触发警报。
我们已经验证了报告的查询，并在下面显示的代码的帮助下达到了要求。请参考示例和代码片段

[index.js]

function AddTab(args) {
  if (!gridAdded && tabObj.items.length - 1 === args.selectedIndex) {
    let contentHtml = document.createElement("div");
    contentHtml.setAttribute("id", "Grid");
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.text =
      "var grid = new ej.grids.Grid({columns: [{ field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 120, type: 'number' },{ field: 'CustomerID', width: 140, headerText: 'Customer ID', type: 'string' }, { field: 'Freight', headerText: 'Freight', textAlign: 'Right', width: 120, format: 'C' },{ field: 'OrderDate', headerText: 'Order Date', width: 140, format: 'yMd' }]});grid.appendTo('#Grid');";
    contentHtml.appendChild(script);
    var item3 = [{ header: { text: "Grid" }, content: contentHtml }];
    tabObj.addTab(item3, 3);
    tabObj.selectedItem = tabObj.items.length - 1;
    gridAdded = true;
  }

示例：

问候,，
拉维库马尔·文卡泰桑