ps:自己使用笔记备用,不间断更新,常见功能点
一,数据库后缀
结尾字符 | 示例 | 类型要求 | 字段说明 |
---|---|---|---|
time | refreshtime | bigint/datetime | 识别为日期时间型数据,自动创建选择时间的组件 |
image | smallimage | varchar | 识别为图片文件,自动生成可上传图片的组件,单图 |
images | smallimages | varchar | 识别为图片文件,自动生成可上传图片的组件,多图 |
file | attachfile | varchar | 识别为普通文件,自动生成可上传文件的组件,单文件 |
files | attachfiles | varchar | 识别为普通文件,自动生成可上传文件的组件,多文件 |
avatar | miniavatar | varchar | 识别为头像,自动生成可上传图片的组件,单图 |
avatars | miniavatars | varchar | 识别为头像,自动生成可上传图片的组件,多图 |
content | maincontent | text/mediumtext/longtext | 识别为内容,自动生成富文本编辑器(需安装富文本插件) |
_id | user_id | int/varchar | 识别为关联字段,自动生成可自动完成的文本框,单选 |
_ids | user_ids | varchar | 识别为关联字段,自动生成可自动完成的文本框,多选 |
list | timelist | enum | 识别为列表字段,自动生成单选下拉列表 |
list | timelist | set | 识别为列表字段,自动生成多选下拉列表 |
data | hobbydata | enum | 识别为选项字段,自动生成单选框 |
data | hobbydata | set | 识别为选项字段,自动生成复选框 |
json | configjson | varchar | 识别为键值组件,自动生成键值录入组件,仅支持1.2.0+ |
switch | siteswitch | tinyint | 识别为开关字段,自动生成开关组件,默认值1 为开 ,0 为关 ,仅支持FastAdmin 1.2.0+ |
range | daterange | varchar | 识别为时间区间组件,自动生成时间区间组件,仅支持FastAdmin 1.3.0+ |
tag | articletag | varchar | 识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+ |
tags | articletags | varchar | 识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+ |
二,下拉联动
html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('所属品牌')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-brand_type_id" data-rule="required" data-source="goods/brandlist/index" data-field="brand_name" class="form-control selectpage" name="row[brand_type_id]" type="text" value="" data-field="brand_name">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('型号')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-model_id" data-rule="required" data-source="goods/modellist/index" class="form-control selectpage" name="row[model_id]" type="text" value="" data-field="model_name">
</div>
</div>
js 部分:
javascript
add: function () {
//每次选择的时候重置下型号选择框为空
$(document).on("change", "#c-brand_type_id", function(){
$("#c-model_id").selectPageClear();
});
//选择产品品牌后给产品信号新增一个brand_id参数
$("#c-model_id").data("params", function (obj) {
return {custom: {brand_id: $("#c-brand_type_id").val()}};
});
//需放在系统api之前
Controller.api.bindevent();
},
三,tab选项卡切换
html
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active">
<a href="#base" data-toggle="tab">基础设置</a>
</li>
<li data-toggle="tooltip"">
<a href="#set_cn" data-toggle="tab">中文说明</a>
</li>
<li data-toggle="tooltip"">
<a href="#set_en" data-toggle="tab">英文说明</a>
</li>
</ul>
</div>
<div class="tab-pane fade active in" id="base">
</div>
<div class="tab-pane fade" id="set_cn">
</div>
<div class="tab-pane fade" id="set_en">
</div>