从 jsTree 事件调用敲除函数

Question

我正在使用 jsTree 从 ajax 填充一个 treeView。当我单击树上的一个节点时，我想使用 knockout 显示相关数据。

这是我的视图模型

function PanelSearchVM() {
    var self = this;

    self.Panel = ko.observable();
    self.Source = ko.observable();
    self.Substation = ko.observable();
    self.Bay = ko.observable();
    self.Voltage = ko.observable();
    self.Utility = ko.observable();
    self.Train = ko.observable();
    self.kVA = ko.observable();
    self.Drawing = ko.observable();
    self.Status = ko.observable();
    self.ShowT2 = ko.observable();

    self.circuits = ko.observableArray([]);
    self.circuitsT2A = ko.observableArray([]);
    self.circuitsT2B = ko.observableArray([]);

    self.getID = function (data) {

        $.ajax({
            type: "POST",
            url: "/Panel/LoadPan",
            data: { "panID": data.node.id },
            dataType: "json",
            success: function (data) {


                // This callback is executed if the post was successful   
                console.log("return" + data.PanelDetails[0].Panel);
                self.Panel("test");
                self.Source(data.PanelDetails[0].Source);
                self.Substation(data.PanelDetails[0].Substation);
                self.Bay(data.PanelDetails[0].Bay);
                self.Voltage(data.PanelDetails[0].Voltage);
                self.Utility(data.PanelDetails[0].Utility);
                self.Train(data.PanelDetails[0].Train);
                self.kVA(data.PanelDetails[0].kVA);
                self.Drawing(data.PanelDetails[0].Drawing);
                self.Status(data.PanelDetails[0].Status);


                //Start Panel Type 2

            }
        });

    };



};

ko.applyBindings(new PanelSearchVM());

这是我对淘汰函数的 jquery jsTree 事件调用

  var myVM = new PanelSearchVM();

    $('#using_json_2').on("select_node.jstree", function (e, data) {


        myVM.getID(data);


    });

代码执行正常，当我单击一个节点时，会调用 ko 函数和 returns 数据。控制台记录返回的数据。但是，视图没有得到更新。

有什么想法吗？

Answer 1

看起来您正在构建视图模型的两个实例，通过：

ko.applyBindings(new PanelSearchVM());

和

var myVM = new PanelSearchVM();

因此，当您更新其中的值时，实际的 HTML 绑定到一个完全独立的对象。只需实例化一个对象：

var myVM = new PanelSearchVM();
ko.applyBindings(myVM);

从 jsTree 事件调用敲除函数

Calling a knockout function from jsTree event

jquery

knockout.js

jstree