Mvvm 如何在datagrid中的弹出窗口中创建淘汰datagrid_Mvvm_Knockout.js

Mvvm 如何在datagrid中的弹出窗口中创建淘汰datagrid

mvvm knockout.js

Mvvm 如何在datagrid中的弹出窗口中创建淘汰datagrid,mvvm,knockout.js,Mvvm,Knockout.js,我有一个datagrid，它有我想在弹出窗口中显示的附加信息我会显示一个图标，提醒用户此信息存在。该图标有一个单击操作，该操作执行对服务器的回调以获取此信息。当我点击这个按钮时，我已经准备好查看我的所有数据，但是我不确定这个项目的MVVM逻辑这是我尝试做的一个模型。警报功能显示一个模式弹出窗口。单击处理程序可以工作，回调也可以正常工作我想知道，我在哪里创建新的网格模型，它是否应该是当前网格模型的一部分，我在哪里应用绑定 var initialData = [ { name: "AB

我有一个datagrid，它有我想在弹出窗口中显示的附加信息

我会显示一个图标，提醒用户此信息存在。该图标有一个单击操作，该操作执行对服务器的回调以获取此信息。当我点击这个按钮时，我已经准备好查看我的所有数据，但是我不确定这个项目的MVVM逻辑

这是我尝试做的一个模型。警报功能显示一个模式弹出窗口。单击处理程序可以工作，回调也可以正常工作

我想知道，我在哪里创建新的网格模型，它是否应该是当前网格模型的一部分，我在哪里应用绑定

var initialData = [
    { name: "ABC", number: 1, icon: true},
    { name: "DEF", number: 2, icon: false },
];

var GridModel = function(items) {
    this.items = ko.observableArray(items);

    this.gridViewModel = new ko.simpleGrid.viewModel({
        data: this.items,
        columns: [
            { headerText: "Name", rowText: "name" },
            { headerText: "Number", rowText: "number" },
            { headerText: "Addl Info", 
              rowText: function (item) 
              {
                    return item.icon ? "<i class=\"icon\"></i>" : "";
              },
              clickHandler: function (item)
              {
                    function callback(data) {

                        // data is now an array of objects I want a data grid for that displays in the pop up.
                        alert("Additional Information", <HTML GOES HERE>);
                    }
                    $$.getJSON("url", [], callback);
              }
        ],
    });
};

ko.applyBindings(new GridModel(initialData));