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

fastadmin中动态下拉组件(SelectPage)的使用

实现的功能如下:

1、支持模糊搜索;2、分页功能;3支持多选

官方文档:https://doc.fastadmin.net/doc/178.html

html页面引用组件

 <div class="form-group"><label class="control-label col-xs-12 col-sm-2"><span style="color: red;">*</span>{:__('世博园品牌推荐')}:</label><div class="col-xs-12 col-sm-8"><input id="c-tjbrand" class="form-control selectpage" name="row[tjbrand]"data-source="/api/customer/index/brand"data-multiple="true"  data-pagination="true"data-page-size="10" data-search-field="label" data-field="label" data-primary-key="value"type="text" placeholder="世博园品牌推荐"><span class="mailbox-attachment-size">下拉多选,支持模糊搜寻,数据来源:ERP系统</span></div></div>

 后端数据接口写法(PHP)

    public function brand(){$parmas = $this->request->post();// dump($parmas);$where = "1=1";if(!empty($parmas['label'])){$where .= " and store_name like '%".$parmas['label']."%'";   }$pageNumber = $parmas['pageNumber'];$pageSize = $parmas['pageSize'];$sql = "SELECT store_name as label,store_name as value FROM db_aimall_ffep_data.dl_store WHERE ".$where;$total = count(self::db_erp()->query($sql));$offset = $pageNumber==1 ? 1 : ($pageNumber-1)*$pageSize;$data = self::db_erp()->query($sql." limit $pageSize offset $offset");return json(['total'=>$total,'list'=>$data]);}

注意的点是:

1、返回的数据格式按照文档的来;

2、如果是原生sql查询,用到分页的话,需要计算偏移量(offset);

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

相关文章:

  • 通过Python 调整Excel行高、列宽
  • 力扣-Mysql-3278. 寻找数据科学家职位的候选人 II(中等)
  • Android笔记(三十六):封装一个Matrix从顶部/底部对齐的ImageView
  • web 入门
  • 京东 2025届秋招 自然语言处理
  • Mybatis框架之模板方法模式 (Template Method Pattern)
  • 【进阶系列】python简单爬虫实例
  • ️虚拟机配置NAT和Bridge模式
  • 解决Spring Boot整合Redis时的连接问题
  • 109. UE5 GAS RPG 实现检查点的存档功能
  • springboot005基于springboot学生心理咨询评估系统得设计与实现。
  • ESC算法/逃生:一种基于人群疏散行为的优化方法
  • 构建安全的数据库环境:群晖NAS安装MySQL和phpMyAdmin详细步骤
  • 【人工智能】深入理解图神经网络(GNN):用Python实现社交网络节点分类与分子结构分析
  • Qt 日志文件的滚动写入
  • 【c语言】数据包捕获和分析工具
  • 移情别恋c++ ദ്ദി˶ー̀֊ー́ ) ——14.哈希(2)(模拟实现)
  • 请描述一下JVM(Java虚拟机)的生命周期及其对应用程序性能的影响
  • 展会邀约|加速科技与您相约IC China 2024!
  • 鸿蒙中服务卡片数据的获取和渲染
  • 运维篇-修复centos7无法下载docker问题
  • 【论文阅读】WaDec: Decompiling WebAssembly Using Large Language Model
  • redis类型介绍
  • kubernetes如何配置默认存储
  • 【微服务】Spring AI 使用详解
  • DataGrip 连接 dm
  • 数据库监控工具DBdoctor v3.2.4.3版本发布,新增对openGauss、Vastbase G100的支持!
  • Git 常用命令大全与详解
  • 执行flink sql连接clickhouse库
  • 什么是C++中的友元函数和友元类?