Webix:AJAX响应以更新树菜单数据

时间:2018-11-18 06:01:32

标签: ajax webix

我有以下代码片段,希望能够根据组合中的选择来获取数据以获取服务器端数据。 到目前为止,它可以正常工作并从服务器获取数据,但我不知道如何将这些数据更新到树菜单。

<script type="text/javascript" charset="utf-8">
var combo = webix.ui({
    container: 'combo_menu',
    view: "combo",
    label: "Unit",
    labelPosition: "top",
    labelAlign: 'left',
    placeholder: "Select Unit",
    id: "bu_select",
    options: "rest->/units.json",
    button: true
});

var tree = webix.ui({
    container: "tree_menu",
    view: "tree",
    id: "treeMenu",
    select: true,
    height: 500,
    data: []
});

webix.ready(function () {
    webix.ui({
        combo,
        tree
    });
});

$$("bu_select").attachEvent("onChange", function (sel, oldv) {
    webix.message("Value changed from: " + oldv + " to: " + sel);

    $.ajax({
        url: "tree_data",
        type: "GET",
        dataType: 'script',
        data: {bu_id: sel},
        success: function (data) {
            webix.message(data);
            $$("treeMenu").updateItem(data)
        }
    });
});
</script>

这不起作用。 $$("tree-menu").updateItem(data)

任何建议都值得赞赏。

1 个答案:

答案 0 :(得分:0)

我知道了。并且使用内置的webix ajax使其更加简洁。

    $$("bu_select").attachEvent("onChange", function (sel,) {
      webix.ajax().get("nodes_by_bu", "bu_id=" + sel, function(text,data){
        $$("treeMenu").clearAll();
        $$("treeMenu").parse(text);
      });
     });