就地编辑绑定

1. 概念

就地编辑绑定可以在页面直接修改绑定元素的内容,但只是修改了页面的显示, 后台数据并没有真正修改. 所以表现的是加粗是告诉用户, 这些刚刚被修改过了, 但是实际数据还没有修改. 要点击确认修改之后, 才会真的修改。

2. 使用场景

修改元素的文本内容。

3. 绑定参数

绑定参数是含有变量名的代码。变量命名必须以字母开头,并且字母只能小写,变量名可包含字母和数字。如果后端提供相应变量名,则使用后端提供的变量名。

4. 绑定方法

右键点击目标元素→逻辑→数据绑定→绑定模式:就地编辑绑定→绑定参数:填写对应参数→增加绑定→确定。

5. 常用效果

就地编辑绑定实例1

就地编辑

就地编辑绑定实例2

就地编辑

就地编辑绑定实例3

就地编辑

6. 就地编辑绑定常见事件列表
 事件名 回调参数 事件描述

 

 hidden

事件:对象事件对象

原因:字符串原因隐藏。 可以被 save | cancel | onblur | onchange | manual

 

标签内容隐藏时触发。 保存或取消时都会发生

 

 init

事件:对象事件对象

可编辑:对象可编辑实例(因为这里不能通过数据访问(“可编辑”))

 

初始化元素时触发。请注意,在应用editable之前,应该安装init处理程序。

 

 save

事件:对象事件对象

params:对象附加参数

newValue:混合提交value

响应:对象ajax响应

 

在提交新值时触发。您可以使用$(this). data(' editable ')访问可编辑实例

shown

事件:对象事件对象在显示标签内容时触发,并呈现表单。
 
7. 绑定变量初始化

绑定变量初始化的作用是给变量赋值,即给元素提供发生事件时所需的数据,点击查看详细操作