客户端控制命令列表

• 客户端
• 帮助
• 客户端控制命令列表

如果您尚不知道如何使用，请看下方的使用说明。

提示信息

刷新页面

跳转页面

显示tab标签

替换元素内html

替换元素自身

增加类

删除类

执行js代码

显示元素

隐藏元素

更新数据视图

示例页面：

<div class="lyrow ui-draggable"><a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a> <span class="drag label label-default ui-draggable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-warning" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false" data-type="layout"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview"><input class="form-control" value="12"></div><div class="view"><div class="row clearfix"><div class="col-md-12 column ui-sortable"><div class="box box-element ui-draggable" style=""><a href="#close" class="remove label label-danger"><i class="glyphicon glyphicon-remove"></i> 删除</a> <span class="drag label label-default ui-draggable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-default" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview">按钮</div><div class="view"><p><button class="btn btn-default" data-anijs="if: click,do: $bindingScript sc698209" data-script-sc698209="$.wwclass.runCommand([{command:&quot;updatelv&quot;,params:[{&quot;id&quot;:3, &quot;ctx&quot;: &quot;lalasdasdasdasdala&quot;},&quot;arr[0].arr1[0].arr2[obj.id=== 1]&quot;]}])" type="button">arr[0].arr1[0].arr2[obj.id===1]</button></p>

<p><button class="btn btn-default" data-anijs="if: click,do: $bindingScript sc698209" data-script-sc698209="$.wwclass.runCommand([{command:&quot;updatelv&quot;,params:[{ &quot;ctx&quot;: &quot;la0000000lala&quot;},&quot;arr[1].arr1[obj.id===\&quot;b\&quot;].arr2[1]&quot;]}])" type="button">arr[1].arr1[obj.id==="b"].arr2[1]</button></p>

<p><button class="btn btn-default" data-anijs="if: click,do: $bindingScript sc698209" data-script-sc698209="$.wwclass.runCommand([{command:&quot;updatelv&quot;,params:[{&quot;id&quot;:5, &quot;ctx&quot;: &quot;123123&quot;},&quot;arr[0].arr1[0].arr2[obj.ctx===\&quot;ctx\&quot;]&quot;]}])" type="button">arr[0].arr1[0].arr2[obj.ctx==="ctx"]</button></p>

<p><button class="btn btn-default" data-anijs="if: click,do: $bindingScript sc698209" data-script-sc698209="$.wwclass.runCommand([{command:&quot;updatelv&quot;,params:[[{&quot;id&quot;:0, &quot;ctx&quot;: &quot;ctx&quot;},{&quot;id&quot;:1, &quot;ctx&quot;: &quot;ctx&quot;}],&quot;arr[0].arr1[0].arr2&quot;]}])" type="button">arr[0].arr1[0].arr2</button></p>
</div></div></div></div></div></div><div class="lyrow ui-draggable" style=""><a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i> 删除</a> <span class="drag label label-default ui-draggable-handle ui-sortable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-warning" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false" data-type="layout"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview"><input class="form-control" value="6 6"></div><div class="view"><div class="row clearfix"><div class="col-md-6 column ui-sortable"><div class="box box-element ui-draggable ui-sortable-handle" style="position: relative; opacity: 1; z-index: 0;"><a href="#close" class="remove label label-danger"><i class="glyphicon glyphicon-remove"></i> 删除</a> <span class="drag label label-default ui-draggable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-default" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview">有序列表</div><div class="view"><ul data-bind="foreach: arr">
	<li>
      <p data-bind="text: id">1</p>
	<ul data-bind="foreach: arr1">
		<li>
          <p data-bind="text: id">1</p>
		<ul data-bind="foreach: arr2">
			<li><p data-bind="text: id">1</p><input class="form-control" data-bind="textInput: ctx" type="text" value=""></li>
		</ul>
		</li>
	</ul>
	</li>
</ul>
</div></div></div><div class="col-md-6 column ui-sortable"><div class="box box-element ui-draggable ui-sortable-handle" style="position: relative; opacity: 1; z-index: 0;"><a href="#close" class="remove label label-danger"><i class="glyphicon glyphicon-remove"></i> 删除</a> <span class="drag label label-default ui-draggable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-default" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview">有序列表</div><div class="view"><ul data-bind="foreach: arr">
	<li>
      <p data-bind="text: id">第一天</p>
	<ul data-bind="foreach: arr1">
		<li>
          <p data-bind="text: id">第一天</p>
		<ul data-bind="foreach: arr2">
			<li><p data-bind="text: id">第一天</p><p data-bind="text: ctx">第一天</p></li>
		</ul>
		</li>
	</ul>
	</li>
</ul>
</div></div></div></div></div></div><div class="lyrow ui-draggable" style="" data-layer="数据"><a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a> <span class="drag label label-default ui-draggable-handle ui-sortable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-warning" type="button" data-target="#editorModal" data-toggle="modal" data-backdrop="false" data-keyboard="false" data-type="layout"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button><span class="layername">数据</span></span><div class="preview"><input class="form-control" value="12"></div><div class="view"><div class="row clearfix"><div class="col-md-12 column ui-sortable"><div class="box box-element ui-draggable ui-sortable-handle" style="position: relative; opacity: 1; z-index: 0;"><a href="#close" class="remove label label-danger"><i class="glyphicon glyphicon-remove"></i> 删除</a> <span class="drag label label-default ui-draggable-handle"><i class="glyphicon glyphicon-move"></i> 拖拽</span> <span class="configuration"><button class="label label-default" type="button" data-target="#editorModal" data-toggle="modal"><span><i class="glyphicon glyphicon-edit"></i></span>编辑</button></span><div class="preview"></div><div class="view"><p data-bindvars="{&quot;arr&quot;:[{&quot;id&quot;:0,&quot;arr1&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;arr2&quot;:[{&quot;id&quot;:0,&quot;ctx&quot;:&quot;ctx&quot;},{&quot;id&quot;:1,&quot;ctx&quot;:&quot;ctx&quot;}]},{&quot;id&quot;:&quot;b&quot;,&quot;arr2&quot;:[{&quot;id&quot;:0,&quot;ctx&quot;:&quot;ctx&quot;},{&quot;id&quot;:1,&quot;ctx&quot;:&quot;ctx&quot;}]}]},{&quot;id&quot;:1,&quot;arr1&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;arr2&quot;:[{&quot;id&quot;:0,&quot;ctx&quot;:&quot;ctx&quot;},{&quot;id&quot;:1,&quot;ctx&quot;:&quot;ctx&quot;}]},{&quot;id&quot;:&quot;b&quot;,&quot;arr2&quot;:[{&quot;id&quot;:0,&quot;ctx&quot;:&quot;ctx&quot;},{&quot;id&quot;:1,&quot;ctx&quot;:&quot;ctx&quot;}]}]}]}">wware允许领域专家快速开发部署基于WEB的复杂智能应用</p>
</div></div></div></div></div></div><script id="_wwblockConfig" data-config="%7B%22fluid%22:true,%22noscale%22:false,%22theme%22:%22shouce_paper%22,%22showwhen%22:%22always%22,%22redirect%22:%5B%7B%22rule%22:%22mobile%22,%22url%22:%22%22%7D%5D,%22title%22:%22%E8%8F%9C%E5%8D%95%E6%A0%8F%22%7D"></script>

root path 写法规则是

由于我们限定没有对象套对象格式，所以格式通常为：数组名称[数组项序号/判断字符串].内层数组[数组项序号/判断字符串].xxx

如果写判断表达式，需要将要判断的内容作为 obj的属性。比如要判断 属性 name 为 "abc"字符串，写为 obj.name=="abc"

示例：

{
  "arr": [
    { // 获取本数组项可以写为 arr[0] 或者 arr[obj.id==1]
      "id": 1
    },
    {
      "id": 2
    }
  ]
}

{
  "arr": [
    {
      "id": 1,
      "arr1": [
        {
          "id": 1
        },
        {
          "id": 2
        }
      ]
    },
    {
      "id": 2,
      "arr1": [
        { // arr[1/obj.id==2].arr1[0/obj.id==1], []括号内的/表示两种写法
          "id": 1
        },
        {
          "id": 2
        }
      ]
    }
  ]
}

数据绑定编程

数据绑定数组操作

特殊命令

特殊命令有特殊的使用方式和使用场景，如何使用请查看具体说明

获取时区信息

• 命令：getTimeZone

• 参数：无参数

• 使用

  • 在页面的 a 标签中使用

获取数据

• 命令：getValue

• 参数：

  • 选择器

• 使用

  • 在逻辑发送请求功能中使用

  • 在页面的 a 标签中使用

特殊用法，当参数为"url"时，会获取当前页面链接。添加第二个参数可以确定是否转译 示例：

[[getValue:url]]
[[getValue:encodeUrl]]

注意：如果您的选择器选出的元素不止一个，仅会取得第一个元素的值

使用方式

如何才能运行命令，目前有三种使用方式 (ps：之后还会支持webSocket运行命令)

方式一

方式二

{
  "success": true,
  "data": 1,
  "_runCommand": [
    {
      "command": "showTab",
      "params": [
        "#panel-274095"
      ]
    }
  ]
}

方式三

// 传入命令字符串示例
$.wwclass.runCommand("[[showTab:#panel-274095]]");
// 传入命令对象示例
$.wwclass.runCommand([
  {
    "command": "showTab",
    "params": [
      "#panel-274095"
    ]
  },
  {
    "command": "showTab",
    "params": [
      "#panel-111111"
    ]
  }
]);