逻辑

逻辑的核心是当某个元素(元素A)发生某事(事件B)则某元素(元素C)产生某效果(效果D)的规则。

1. 例子

点击动作元素让飞鹿科技元素产生闪动效果。动作就是当什么发生什么事后则某个元素做了什么。

<p>动作</p>

<p id="aa">飞鹿科技</p>

当某个元素—<p>动作</p>,当它被点击时。

发生某事—发生了点击事件后。

则某元素—<p id="aa">飞鹿科技</p>

产生效果—闪烁。

总结起来就是当动作(元素A)被点击(事件B),则飞鹿科技(元素C)产生闪烁(效果D)的规则。

效果:

动作

飞鹿科技

2. 基本信息

右键点击元素→逻辑→基本信息。

l  元素tag:显示当前元素的标签,无法修改

l  元素id: 设置元素id,一个页面内元素id是唯一的,也可以在布局中设置id。id的命名只能是字母、下划线、数字,不能以数字开头。不能用关键字例如:if、class等。

l  元素name:设置元素name,元素name可重复

l  元素value:设置元素value,即元素的默认值。

l  元素class:设置元素样式类,如使用名为test的样式类,class这需要添加“test+空格”与其他样式类分隔。

l  元素inline-style:设置元素内联样式,添加时用英文分号将相邻属性分隔开。

l  特殊元素标识:目前还没有整理。

3. 逻辑

逻辑包括逻辑操作条目、逻辑操作详细信息和附加逻辑控制操作详细信息。

逻辑操作条目主要记载元素有几条逻辑。(如果为空说明逻辑没有设置)可以通过右则增加操作、删除操作按钮控制。

4. 逻辑操作详细信息

(1)当某个元素:即元素A,需要触发事件的元素。默认是当前元素,额外参数设置是(“#id” 例如:#test)。了解其他选项信息请点击这里

(2)发生某事:即事件B,用来触发元素A的事件。默认是单击,点击可以选择其它事件。

发生某事部分参数解释:

l  表单元素值改变:当页面中有表单值被修改时会触发此事件。

l  列表项激活:如果页面有列表项被激活的话触发此事件,需要和列表配合使用,列表默认是不激活状态,右键可调为单击激活,关于列表请查看列表设置。

l  提交数据完成:如果页面有提交数据动作,提交完成时触发此事件(用于后端提交数据)。

l  ajax请求失败:页面ajax发送请求失败触发此事件(用于后端发送数据)。

l  手机app返回键点击:页面中有手机app返回键(左下角或者左上角)点击时触发此事件,有手机返回键类似的需求时,才会用到此事件

l  其它事件:捕获自定义事件的,额外参数中填写事件名称。

(3)则某元素:即元素C,产生效果的元素。默认为当前元素,额外参数的设置规则是(“#id” 例如:#test。“.+对应class”例如:.test)。

(4)产生某效果:即效果D,元素C产生的效果。有的效果需要点击高级编辑设置。

产生某效果部分参数解释:

l  切换类:切换样式类,在元素上添加样式类和删除新式类之间相互切换。

l  操作收缩面板:切换收缩面板的状态,例如:打开收缩面板和关闭收缩面板的状态。

l  绑定数据编程:需要在高级编辑中添加javascript语法的逻辑代码。例如:_vm.test();test是变量。

(5)高级编辑:在选择了某些效果与额外逻辑之后,还需要设置高级编辑来完成设置,部分高级编辑解释:

l  打开页面:在高级编辑中设置打开页面url、数据来源、打开位置。

l  显示tab:在高级编辑中设置tab的id。

l  操作收缩面板:在高级编辑中设置操作方式。

l  绑定数据编程:在高级编辑中设置逻辑代码。

l  加载view:在高级编辑中设置view的路径、替换为view的元素、数据来源和切换效果。

l  事件控制:在高级编辑中设置是否禁止浏览器默认行为和事件冒泡。

5. 附加逻辑控制操作详细信息 

额外逻辑:额外逻辑是执行逻辑操作后的补充逻辑。额外参数设置同上,有时需要点击高级编辑进行详细设置。

额外逻辑部分参数解释:

l  加载view:加载view可以参考view详细页面。

l  打开页面: 当做完某些事件后需要重新打开页面的需要,使用此功能(多用于后端)。

l  提交数据:页面经过某些操作需要提交数据时,使用此功能(多用于后端)。

l  绑定数据编程:需要在高级编辑中添加javascript语法的逻辑代码。例如:_vm.test(); test是变量。

6. 应用实例

(1)给块添加链接

右键点击需要添加链接的块→逻辑→逻辑:

当某个元素:当前元素→发生某事:单击→则某元素:当前元素→产生某效果:打开页面→高级编辑→打开页面url:填写链接地址→打开位置:设置打开位置。

(2)返回指定的tab页面

以下需求是帖子#19368实现过程记录。

在逻辑的产生某效果中选择打开页面,对应额外参数的高级编辑的打开页面URL中添加/页面名#[[showTab:#id]]例如:/m/c/qbrw.html#[[showTab:#tabpane-191948]]。

(3)标签的制作及使用

以下需求是帖子#20714实现过程记录。

标签用于实现同级标签内容之间的切换,即选中标签,标签内容区显示对应标签的内容。分为标签与内容不分离标签与内容分离两种,点击查看