Fastadmin 视图

一、文件上传

按照格式写，可自动上传且自动赋值到input框

说明：data-multiple为true是可多选

<div class="form-group">
    <label for="c-banner_url" class="control-label col-xs-12 col-sm-2">轮播图:</label>
    <div class="col-xs-12 col-sm-8">
        <div class="input-group">
            <input id="c-banner_url" data-rule="" class="form-control" size="50" name="row[banner_url]" type="text" value="{$row.banner_url}">
            <div class="input-group-addon no-border no-padding">
                <span><button type="button" id="plupload-banner_url" class="btn btn-danger plupload"
                              data-input-id="c-banner_url"
                              data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                              data-multiple="false"
                              data-preview-id="p-banner_url"
                ><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                <span><button type="button"
                              id="fachoose-banner_url"
                              class="btn btn-primary fachoose"
                              data-input-id="c-banner_url"
                              data-mimetype="image/*"
                              data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
            </div>
            <span class="msg-box n-right" for="c-banner_url"></span>
        </div>
        <ul class="row list-inline plupload-preview" id="p-banner_url"></ul>
    </div>
</div>

二、单选按钮 

1、方式1：若存在两个，则可能存在小问题（比如点第一种单选按钮第二种单选按钮跟着动）

<div class="form-group">
    <label for="c-status" class="control-label col-xs-12 col-sm-2">状态:</label>
    <div class="col-xs-12 col-sm-8">
        {:build_radios('row[status]', ['0'=>"停用", '1'=>"启用"], $row['status'])}
    </div>
</div>

2、方式2

<div class="form-group">
    <label for="c-type" class="control-label col-xs-12 col-sm-2">类型:</label>
    <div class="col-xs-12 col-sm-8">
        <div class="radio">
            <label><input name="row[type]" type="radio" value="1" checked/>比率</label>
            <label><input name="row[type]" type="radio" value="2"/>固定金额</label>
        </div>
    </div>
</div>

三、多选框

1、checkbox多选

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('Tags')}:</label>
    <div class="col-xs-12 col-sm-8">
        <div class="checkbox">
            {foreach $houseTags as $key=>$val}
            <label><input name="row[tags][]" type="checkbox" value="{$val.id}" {:in_array($val.id,$row.tags_arr)?"checked":""}/>{$val.name}</label>
            {/foreach}
        </div>
    </div>
</div>

$houseTags：为二维数组

$row.tags_arr：为一维数组

判断循环的ID是否在一维数组中，若在，则默认选中

四、select选择

1、数据列表循环

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2"><span style="color: red;">* </span>{:__('Cate_id')}:</label>
    <div class="col-xs-12 col-sm-8">
        <select class="first form-control" id="c-cate_id" name="row[cate_id]" data-rule="required">
            <option value="">请选择</option>
            {foreach $cateList as $key=>$val}
            <option value="{$val.id}" {if($row.cate_id==$val.id)}selected{/if}>{$val.cate_name}</option>
            {/foreach}
        </select>
    </div>
</div>

2、直接查询后台controller

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
    <div class="col-xs-12 col-sm-8">
        <!--   data-rule="required"   //验证规则 必填
               data-source="user/user/index"//来源 地址
               data-primary-key="user_id" // 键名 默认ID
               data-field="nickname"//显示字段 nickname 默认name
               data-params='{"custom[status]":"normal"}' //搜索条件 注意，最外层的必须为单引号
               data-multiple="true" //是否多选 默认false
        -->
        <input id="c-user_id"
               data-rule="required"
               data-source="user/user/index"
               data-field="nickname"
               data-params='{"custom[status]":"normal"}'
               data-multiple="true"
               data-primary-key="user_id"
               class="form-control selectpage" 
               name="row[user_id]" 
               type="text" 
               value="{$row.user_id|htmlentities}">
    </div>
</div>

五、树状

控制器：

$cateList = $this->cateModel->where(['status' => 1])->select();
Tree::instance()->init($cateList, 'parent_id');
$cateData = [];
$result = Tree::instance()->getTreeList(Tree::instance()->getTreeArray(0), 'cate_name');
foreach ($result as $k => $v) {
    $cateData[$v['id']] = $v['cate_name'];
}
$this->view->assign('cateList', $cateData);

模板页面：

add.html

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2"><span style="color: red;">* </span>{:__('Cate_id')}:</label>
    <div class="col-xs-12 col-sm-8">
        {:build_select('row[cate_id]', $cateList, null, ['class'=>'form-control selectpicker',
        'data-rule'=>'required'])}
    </div>
</div>

edit.html

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2"><span style="color: red;">* </span>{:__('Cate_id')}:</label>
    <div class="col-xs-12 col-sm-8">
        {:build_select('row[cate_id]', $cateList, $row.cate_id, ['class'=>'form-control selectpicker',
        'data-rule'=>'required'])}
    </div>
</div>

六、模板页面标签中的属性：

1、input输入框

<input id="c-amount" data-rule="required;range(0~)" class="form-control" step="0.01" name="row[amount]" type="number" value="{$row.amount|htmlentities}" placeholder="单位元">
data-rule="required;range(0~);"//必填且大于0
step="0.01"//每次增减0.01,适用于金钱