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

fastadmin自定义键值组件Fieldlist

需求场景:

        后台设置前端的固定话费充值金额。编辑时要求能够增删改,给到前端的数据,是要根据金额正序排列,用fastadmin的键值组件(Fieldlist),使用Art-Template模板语法自定义模板。

最终效果如下图所示:

 在编辑页面,增加如下代码:

<dl class="fieldlist" data-name="row[recharge_money]" data-template="moneytpl"><dd><ins>固定充值金额</ins></dd><dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a></dd><textarea name="row[recharge_money]" class="form-control hide" cols="30" rows="5">{$row.recharge_money}</textarea>
</dl>
<!--定义模板,模板语法使用Art-Template模板语法-->
<script type="text/html" id="moneytpl"><dd class="form-inline"><input type="number" name="[<%=index%>][value]" class="form-control" value="<%=value%>" size="10"><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></dd>
</script>

在控制器中,将接收到的金额,根据金额大小进行正序排列。

if (stripos($params['recharge_money'], 'value')) {// 对有修改的充值金额的情况,进行重新整理$params['recharge_money'] = json_decode($params['recharge_money'], true);$params['recharge_money'] = array_column($params['recharge_money'], 'value');sort($params['recharge_money']);$params['recharge_money'] = json_encode($params['recharge_money']);
}

http://www.lryc.cn/news/116282.html

相关文章:

  • yolov2检测网数据集标注_labelme使用_json2txt格式转换
  • C/C++面试总结
  • Python爬虫的Selenium(学习于b站尚硅谷)
  • springboot 对接 minio 分布式文件系统
  • 前端小练习:案例4.3D图片旋转展示(旋转木马)
  • Linux这17个操作技巧是每个运维工程师应知必会的吧?
  • 音视频基础:分辨率、码率、帧率之间关系
  • Java基础八 - HTTP相关/Cookie/Session/网络攻击
  • 【车道线】TwinLiteNet 复现过程全纪录
  • 七牛云获取qn(url、bucket、access-key、secret-key)
  • 定时任务实现 - Cron表达式知识
  • 【java】抽象
  • Qt应用开发(基础篇)——时间微调输入框 QDateTimeEdit、QDateEdit、QTimeEdit
  • 日撸代码300行:第63天(集成学习之 AdaBoosting-1)
  • 抽象父类获取子类的泛型 或接口泛型
  • 题目:2341.数组能形成多少数对
  • NB-IOT 和蜂窝通信(2/3/4/5G)的区别和特点是什么?
  • vue3 动态导入src/page目录下的所有子文件,并自动注册所有页面组件
  • python优雅地爬虫
  • mysql8查看执行sql历史日志、慢sql历史日志,配置开启sql历史日志general_log、慢sql历史日志slow_query_log
  • vscode关闭绑定元素“xxx”隐式具有“any”类型这类错误
  • View绘制流程-Window创建
  • Jenkins build包时虽然单元测试失败了,但是仍然可以成功build包(最终结束时build success)
  • 【vue3】基础知识点-setup语法糖
  • idol!! 2023牛客暑期多校训练营6 C
  • 深入理解Jdk5引入的Java泛型:类型安全与灵活性并存
  • idea在控制台中输出文字显示乱码
  • hacksudo3 通关详解
  • CentOS 虚拟机磁盘扩容(非常实用)
  • docker案例复现