webix - Webix：如何将外部 js 文件中的组件动态加载到布局中？

Question

我想知道如何从 webix 上的外部 js 文件更新行/列和/或布局。假设我在屏幕左侧有一个菜单 (col[])，并且想要根据菜单选择更新右列。如果菜单由

1. 顾客
2. 订单
3. 产品

并希望根据调用customers.js、orders.js和products.js的选择更新右列

就像http://webix.com/demos/admin-app/#!/app/orders

这个例子对我来说很高级，我想学习一些基本方法。谢谢奥斯卡 P

Answer 1

您可以使用 webix.ui 命令或 addView API 将新 UI 添加到页面上的某个特定位置。

webix.ajax("config.json", function(text){
    $$("layout").addView( JSON.parse(text) );
})

或者

webix.ajax("config.json", function(text){
    webix.ui( JSON.parse(text), $$("cell_to_replace"));
})

Answer 2

水，

我还发现了一个带有 .showBatch() API 的示例，但是控制台在两个函数上都显示“未捕获的 TypeError：$$(...).addView is not a function”，这些是 PRO 版本的一部分吗？怎么了？我的代码是：

$$("workArea").addView("clientes"); 或 $$("workArea").showBatch("batClientes");

on:{
    onMenuItemClick:function(id) {
      $$("workArea").addView(id);
    }
  }