3. 编辑元素
逻辑的核心是当某个元素(元素A)发生某事(事件B)则某元素(元素C)产生某效果(效果D)的规则。
点击动作元素让飞鹿科技元素产生闪动效果。动作就是当什么发生什么事后则某个元素做了什么。
<p>动作</p>
<p id="aa">飞鹿科技</p>
当某个元素—<p>动作</p>,当它被点击时。
发生某事—发生了点击事件后。
则某元素—<p id="aa">飞鹿科技</p>
产生效果—闪烁。
总结起来就是当动作(元素A)被点击(事件B),则飞鹿科技(元素C)产生闪烁(效果D)的规则。
效果:
动作
飞鹿科技
右键点击元素→逻辑→基本信息。
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 特殊元素标识:目前还没有整理。
逻辑包括逻辑操作条目、逻辑操作详细信息和附加逻辑控制操作详细信息。
逻辑操作条目主要记载元素有几条逻辑。(如果为空说明逻辑没有设置)可以通过右则增加操作、删除操作按钮控制。
(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 事件控制:在高级编辑中设置是否禁止浏览器默认行为和事件冒泡。
额外逻辑:额外逻辑是执行逻辑操作后的补充逻辑。额外参数设置同上,有时需要点击高级编辑进行详细设置。
额外逻辑部分参数解释:
l 加载view:加载view可以参考view详细页面。
l 打开页面: 当做完某些事件后需要重新打开页面的需要,使用此功能(多用于后端)。
l 提交数据:页面经过某些操作需要提交数据时,使用此功能(多用于后端)。
l 绑定数据编程:需要在高级编辑中添加javascript语法的逻辑代码。例如:_vm.test(); test是变量。
(1)给块添加链接
右键点击需要添加链接的块→逻辑→逻辑:
当某个元素:当前元素→发生某事:单击→则某元素:当前元素→产生某效果:打开页面→高级编辑→打开页面url:填写链接地址→打开位置:设置打开位置。
(2)返回指定的tab页面
以下需求是帖子#19368实现过程记录。
在逻辑的产生某效果中选择打开页面,对应额外参数的高级编辑的打开页面URL中添加/页面名#[[showTab:#id]]例如:/m/c/qbrw.html#[[showTab:#tabpane-191948]]。
(3)标签的制作及使用
以下需求是帖子#20714实现过程记录。
标签用于实现同级标签内容之间的切换,即选中标签,标签内容区显示对应标签的内容。分为标签与内容不分离与标签与内容分离两种,点击查看。