DjangoX Ajax表单交互之“部分更新”patch式

### 模板示例解析
```
<td>
	<b>绑定号码</b>: <span class="editable-field">%s</span>
	<div class="btn-group pull-right">
	<a class="editable-handler" title="输入新号码" data-editable-field="mobile" data-editable-loadurl="/xadmin/auth/userprofile/%s/patch/?fields=mobile"><i class="fa fa-edit"></i></a>                  
	</div>             
</td>
```
其中样式关键点为：
- editable-handler 触发点
- editable-field 更新点

参数说明：
title： 打开的ajax表单窗口的标题
data-**editable-field**：要获取值得表单字段名
data-**editable-loadurl**：返回表单内容对应的url
>url中fields代表要显示的表单的字段，多个以逗号分开

### ajax表单html内容举例
```
  <form method="post" action="/xadmin/auth/userprofile/2/patch/"> 
   <div id="div_id_mobile" class="form-group">
    <label for="id_mobile" class="control-label "> 手机号 </label>
    <div class="controls ">
     <input class="text-field admintextinputwidget form-control" id="id_mobile" maxlength="64" name="mobile" type="text" value="18627002629" /> 
    </div>
   </div>
   <button type="submit" class="btn btn-success btn-block btn-sm">应用</button>
  </form>
```
### 要引入的静态资源
```
def media(self):
	return self.vendor('xadmin.plugin.editable.js', 'xadmin.widget.editable.css')
```

Information

分类

官方公众号

About This Entry

About This Blog

最近发布

Friend Links