# data-load 标准异常网络请求（其中菜单不会发生改变）
* data-load 指定get网络请求地址
* data-tips 指定异步网络请求tips提示
* data-confirm 是否启用提示确认框
~~~
// 只加载内容到内容区
<a data-load="__URL__">加载html到内容区</a>
// 加载内容到内容区，同时显示提示
<a data-load="__URL__" data-tips='正在加载，请稍候...'>加载html到内容区</a>
// 加载内容到内容区，在加载前提示用户是否要继续操作
<a data-load="__URL__" data-confirm='确定要删除数据吗?' >删除数据<a>
~~~
如果返回的数据是`html`(也就是`string`类型) 则会将数据插入到内容区域；
如果返回的数据是`JSON`格式，则会使用消息自动处理机制，调用`$.msg.auto`方法来处理。
# data-open 内容区打开新页（其中菜单会发生改变）
* data-open 指定get网络请求地址
~~~
// 只加载内容到内容区
<a data-open="__URL__">加载html到内容区</a>
~~~
如果返回的数据是`html`(也就是`string`类型) 则会将数据插入到内容区域；
如果返回的数据是`JSON`格式，则会使用消息自动处理机制，调用`$.msg.auto`方法来处理。
# data-modal Modal弹出层
* data-modal 指定get网络请求地址
~~~
// 只加载内容到内容区
<a data-modal="__URL__">加载html到modal</a>
~~~
如果返回的数据是`html`(也就是`string`类型) 则会将数据插入到内容区域；
如果返回的数据是`JSON`格式，则会使用消息自动处理机制，调用`$.msg.auto`方法来处理。
# data-reload 强制刷新内容区
强制刷新内容区
~~~
<a data-reload='true'>刷新</a>
~~~
# data-update 更新数据
* data-update 指定需要操作的数据记录ID，多个以英文逗号分割
* data-field 设置需要更新的字段名称
* data-value 设置将需要更新的字段更新的值
* data-action 设置服务端处理的URL地址
~~~
<a data-update="1,3,4" data-field='status' data-value='0' data-action='http://demo.thinkadmin.top/forbid.html'>禁用</a>
~~~
针对`ThinkAdmin`删除记录的处理
* 服务端对`data-field=deleted`有特殊处理过，
如果对应表有`is_deleted`字段则为软删除，否为硬删除。
~~~
<a data-update="1,3,4" data-field='delete' data-action='http://demo.thinkadmin.top/del.html'>删除</a>
~~~
# data-href 打开新的网页
\* 打开新的网页，与`a`标签的`href`类似
~~~
<a data-href='__URL__'>打开新页</a>
~~~
# data-file 文件上传插件
\--
以 HTML 属性的方式实现文件上传
* data-type 限定允许上传的文件类型
* data-field 绑定对应表单字段的name属性
* data-file 设置文件上传模式（one: 单文件上传, mut: 多文件上传）
~~~
<input name='file-field'>
<button type='button' data-file='one' data-field='file-field' data-type='jpg,png,gif'>上传文件</button>
~~~
以`JavaScript`实现图片上传，`input`上可以加`data-type`来设置上传文件的后缀。
~~~
<input name='file_field'>
<script>
$(function(){
$('[name="file_field"]').uploadOneImage();
});
</script>
~~~
以`JavaScript`实现多图片上传，`input`上可以加`data-type`来设置上传文件的后缀。
~~~
<input name='fiel_field'>
<script>
$(function(){
$('[name="file_field"]').uploadMultipleImage();
});
</script>
~~~
# data-iframe Iframe打开网页
\* 以`iframe`方式打开网页
~~~
<a data-iframe='__URL__'>打开新页</a>
~~~
# data-icon 打开图标选择器
* 打开系统图标选择器, data-icon 的值用来指定表单对应字段名称
~~~
<input name='icon'>
<button data-icon='icon'>选择图标</button>
~~~
# data-tips-image 点击图片展示图片
* 点击图片展示图片
~~~
// 展示 img 的 src 对应图片
<img data-tips-image src='https://demo.thinkadmin.top/static/upload/f47b8fe06e38ae99/08e8398da45583b9.png'>
// 展示指定 src 的图片
<img data-tips-image="指定的图片SRC地址" src='https://demo.thinkadmin.top/static/upload/f47b8fe06e38ae99/08e8398da45583b9.png'>
~~~
# data-tips-text 鼠标悬停文字提示
* 鼠标悬停文字提示
~~~
<img data-tips-text='tips文字' src='https://demo.thinkadmin.top/static/upload/f47b8fe06e38ae99/08e8398da45583b9.png'>
~~~
# data-phone-view 以手机模式显示
* 以`iframe`方式打开手机新页
~~~
<a data-phone-view='__URL__'>打开手机新页</a>
~~~
