Question

我有一个数据网格，其中包含我想在弹出窗口中显示的其他信息。

我显示一个图标，提醒用户此信息存在。该图标具有单击操作，该操作执行对服务器的回调以获取此信息。当我点击这个时，我已准备好查看所有数据了，但我不确定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));

如何在数据网格中创建弹出窗口中的knockout数据网格

0 个答案: