fastadmin后台常用表单组件

# 图片

<div class="input-group">
  <input
    id="c-image"
    class="form-control"
    size="50"
    name="row[image]"
    type="text"
  />
  <div class="input-group-addon no-border no-padding">
    <span>
      <button
        type="button"
        id="faupload-image"
        class="btn btn-danger faupload"
        data-input-id="c-image"
        data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
        data-multiple="false"
        data-preview-id="p-image"
      >
        <i class="fa fa-upload"></i> 上传
      </button>
    </span>
    <span>
      <button
        type="button"
        id="fachoose-image"
        class="btn btn-primary fachoose"
        data-input-id="c-image"
        data-mimetype="image/*"
        data-multiple="false"
      >
        <i class="fa fa-list"></i> 选择
      </button>
    </span>
  </div>
  <span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-image"></ul>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

# 复选框

# 单选框

# 下拉列表

# 函数生成

{:build_select($name, $options, $selected = [], $attr = [])}

{:build_select('row[status]', ['normal' => '正常', 'hidden' => '隐藏'], 'normal', ['class' => 'selectpicker'])}

1
2
3

参数说明：

$name: 元素name名称；
$options: 下拉选项。键值对数组(值=>文本)，或者用,号分割的字符串；
$selected: 选中项。选中值数组或选中值字符串。
$attr: 元素上的额外属性。键值对数组(属性=>值)。
class="selectpicker": 使用 bootstrap 渲染下拉
- ``

# 多选下拉列表

<select  id="c-flag" class="form-control selectpicker" multiple="" name="row[flag][]">
  {foreach name="flagList" item="vo"}
    <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
  {/foreach}
</select>

1
2
3
4
5

# 动态下拉列表

# 富文本

# 文本框

# 时间文本框

# 文本域

# 开关

# 滑块

# 附件选择

# 键值组件

# 城市选择

#php #fastadmin

上次更新: 2023/09/22, 16:54:32

← 前端js全局对象 fastadmin常见问题→