当前位置: 首页 > article >正文

fastadmin学习笔记-----动态下拉框

fastadmin 笔记记录。

把自己遇到的问题以及解决的问题记录以下,并分享出来,给大家参考,同时以免下次自己再踩坑。

这是一个下拉框,原本我的写法

这是编辑中的下拉框。

其中 foreach 中的 typeList 是后端传过来的数据。

原本这么写是没有什么问题的,
但是今天写新的页面的时候,出现了数据和index显示的并不一样。
比如:本来显示的是数据库中 第五行的数据。但是编辑出来的时候显示的是 第六行的数据。
令我苦恼不已,至今没找到问题所在,主要是几乎同样的代码,在别的页面毫无问题。花了一上午时间,最终放弃了这个bug。

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Capacity_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-capacity_id" data-rule="required" class="form-control selectpicker" name="row[capacity_id]">
                
                {foreach name="capachityList" item="vo"}
                
                <option name="key" value="{$vo.mc_serial}"
                        {in name="key" value="$row.capacity_id"}
                        selected
                        {/in}
                >{$row.machinecapacity.mc_serial}--{$vo.mc_serial}--{$vo.mc_name}  {$row.capacity_id}</option>
               
                {/foreach}

            </select>
        </div>
    </div>

换一种方式

俗话说的好,办法总比困难多,总不能在一棵树上吊死。
于是就有了以下代码。
用if 代替了原先的 in 。问题解决了


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Capacity_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-capacity_id" data-rule="required" class="form-control selectpicker" name="row[capacity_id]">
                
                {foreach name="capachityList" item="vo"}
                
                <option  value="{$vo.mc_serial}" {if $row.capacity_id == $vo.mc_serial} selected {/if} >
               
                {$row.machinecapacity.mc_serial}--{$vo.mc_serial}--{$vo.mc_name}  
                
                </option>
                
                {/foreach}
            </select>
        </div>
    </div>

好 了,问题解决了,记录下来,虽然还是没搞懂为啥 in 的问题到底出在哪。


http://www.kler.cn/a/149252.html

相关文章:

  • 写给初学者的React Native 全栈开发实战班
  • 【JavaScript】为 setInterval()定义变量,存储ID
  • 2个word内容合并
  • AUTOSAR_EXP_ARAComAPI的7章笔记(3)
  • C 语言 【模拟实现内存库函数】
  • 【计算机网络】【传输层】【习题】
  • PWM 正玄波形 通过C语言生成
  • 宕机对独立服务器会有啥影响?
  • 音视频5、libavformat-1
  • springcloud nacos配置优先级研究及配置管理最佳实践
  • linux logrotate日志轮询设置案例一
  • 网络安全--基于Kali的网络扫描基础技术
  • LuatOS-SOC接口文档(air780E)--protobuf - ProtoBuffs编解码
  • 【GitLab】流水线入门
  • 双音多频的通信(数字信号处理实验3)
  • 使用Python类型提示保持代码整洁,提高可读性
  • awk笔记231129
  • 【智能算法】季节优化算法Seasons optimization algorithm【2023最新智能优化算法合集】
  • 第二证券:五日线是什么颜色的线?
  • 基于单片机的烟雾检测报警装置(论文+源码)
  • 【Python小游戏】推荐8款自由的Python游戏项目
  • embeddings
  • C++学习之路(十一)C++ 用Qt5实现一个工具箱(增加一个进制转换器功能)- 示例代码拆分讲解
  • 黄金比例设计软件Goldie App mac中文版介绍
  • 【C数据(一)】数据类型和变量你真的理解了吗?来看看这篇
  • winform 程序多语言