fastadmin框架select下拉框该怎么写(接口数据)

简介: fastadmin框架select下拉框该怎么写(接口数据)

先让大家看一下最终效果:

来上代码:

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

这里给大家解释一下class名:selectpicker,如果没有这个class名的话他就是一个普通的下拉框:

然后,下一个问题:怎么给select数据呢?这个呢需要再php(控制器)里面给,至于在那个方法看你自己,我是在_initialize方法给的数据

 // 学历
$education = [
    '1' => __('初中及以上'),
    '2' => __('高中'),
    '3' => __('专科'),
    '4' => __('本科'),
    '5' => __('研究生'),
];
$this->view->assign( 'education', $education );

请求接口的方法:

$itemsList = Db::name('ceshi')->select();
    foreach ( $itemsList as $k => $v ) {
    //赋值    以id为下标的数组包对象
    $education[$v['name']] = $itemsList[$k]['name'];
}
$this->view->assign( 'education', $education );

还有一个问题,如何回显数据呢?大家看一下下面这个图:

这个value呢就是用来选择默认选中的value值。一般情况下,点击编辑都是向编辑视图传数据表里所有数据的,所以这是只需这样操作:

在控制器里:$row = $this->model->get( [ 'id' => $ids ] );$this->view->assign( 'row', $row );

下面是view视图代码:

<select id="c-gender" data-rule="required" class="form-control selectpicker" name="row[education]">
    {foreach name="education" item="vo"}
    <option value="{$key}" {in name="key" value="$row['education']" }selected{/in}>{$vo}</option>
    {/foreach}
</select>

完成以上操作呢就结束了,如果帮助您解决问题了希望一键三连哦,如果写的有问题,还请多多指教。

相关文章
|
3月前
|
JavaScript Java
若依框架 - - - 自定义打印模版
若依框架 - - - 自定义打印模版
112 0
若依框架 - - - 自定义打印模版
|
10月前
|
JavaScript
fastadmin表格列表内部自定义按钮
fastadmin表格列表内部自定义按钮
170 0
fastadmin表格列表内部自定义按钮
|
缓存 前端开发 JavaScript
React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发
在日常开发中,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好,但如果要在 React 中实现一个功能丰富的表格,其实是非常不容易的。在本站之前的文章《最好的 6 个 React Table 组件详细亲测推荐》 中有提到过 react-table 这个库,如果对这个库不太了解的同学可以先了解一下,这里不再赘述。简而言之,react-table 是一个非常强大的库,它与常见的表格组件不同,它不负责渲染 HTML 和 CSS,而是提供了一系列的 hooks 让我们可以灵活地构建功能强大的表格组件。
1182 0
|
7月前
|
数据安全/隐私保护
fastadmin中写接口是时Validate规则验证自定义如何用
fastadmin中写接口是时Validate规则验证自定义如何用
|
4月前
|
SQL JavaScript
若依框架 ------- 三级联动之下拉框查询
若依框架 ------- 三级联动之下拉框查询
131 0
|
4月前
|
SQL JavaScript 前端开发
若依框架代码自动生成器研究----表查询篇
若依框架代码自动生成器研究----表查询篇
143 0
|
5月前
|
Oracle Java 关系型数据库
Generator【SpringBoot集成】代码生成+knife4j接口文档(2种模板设置、逻辑删除、字段填充 含代码粘贴可用)保姆级教程(注意事项+建表SQL+代码生成类封装+测试类)
Generator【SpringBoot集成】代码生成+knife4j接口文档(2种模板设置、逻辑删除、字段填充 含代码粘贴可用)保姆级教程(注意事项+建表SQL+代码生成类封装+测试类)
28 0
|
7月前
|
JSON JavaScript 前端开发
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
49 0
|
12月前
|
前端开发 JavaScript 大数据
Concis组件库封装——Table表格
Concis组件库封装——Table表格封装记录
75 1
Concis组件库封装——Table表格
|
12月前
|
前端开发 JavaScript
如何编写神奇的「插件机制」,优化基于 Antd Table 封装表格的混乱代码
最近在一个业务需求中,我通过在 Antd Table 提供的回调函数等机制中编写代码,实现了这些功能: ✨ 每个层级缩进指示线 ✨ 远程懒加载子节点 ✨ 每个层级支持分页