• 苹果
  • 香蕉
• b添加

a添加

两层数组嵌套，添加数组按钮的逻辑添加的是数组而不是单项。

涉及知识点: 绑定数据编程

在页面布局中拖入一个无序列表。在编辑页将多余列表内容删掉，只留两个。找到ul标签，编辑逻辑

绑定模式：数组绑定

绑定参数：a

绑定变量初始化：

{"a":[{"text":"aaa1","b":[{"text":"bbb1"},{"text":"bbb11"},{"text":"bbb111"},{"text":"bbb1111"}]}]}

找到列表内容项，点击文字（span标签），编辑逻辑

绑定模式：文本内容绑定

绑定参数：text

选择整个ul标签，全选后复制放入第一个ul内，即两个ul相互嵌套在一起，第二个ul与第一个的列表内容同级别。

选中第二个ul标签，编辑逻辑。

绑定模式：数组绑定

绑定参数：b

选中第二个ul内的列表内容，找到该内容的span标签，编辑逻辑

找到第一个ul的第二个列表标签，将内容修改为一个按钮。

找到按钮的button标签，编辑逻辑。

逻辑：额外逻辑：绑定数据编程。

$.wwclass.runCommand([{
  command: "vmArrFuc",
  params: [
    "push",
    _ko.dataFor(_ctx.self[0]).b,
    {"text":"bbb11111"}
  ]
}]);

最后，添加一个与第一个ul同一层级的按钮。

找到按钮的botton标签，编辑逻辑：

逻辑：额外逻辑：绑定数据编程。

$.wwclass.runCommand([{
  command: "vmArrFuc",
  params: [
    "push",
    "a", {"text":"aaa5","b":[{"text":"bbb5"},{"text":"bbb55"},{"text":"bbb555"},{"text":"bbb5555"}]}
  ]
}]);