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

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.kler.cn/a/394990.html

相关文章:

  • 【联动】【MSS】【AF】
  • C语言-结构体内存大小
  • debug diagnostic tool 调试.net的错误
  • 网络安全攻防演练中的常见计策
  • idea设置控制台日志输出自动换行
  • vue 集成 webrtc-streamer 播放视频流 - 解决阿里云内外网访问视频流问题
  • 【golang-技巧】-自定义k8s-operator-by kubebuilder
  • ASP.NET MVC宠物商城系统
  • 【3D Slicer】的小白入门使用指南七
  • CPU的性能指标总结(学习笔记)
  • Android开发|关于Okhttp发送网络请求
  • 深度学习--正则化
  • Java | Leetcode Java题解之第560题和为K的子数组
  • MySQL多系统安装配置教程(Windows、Ubuntu、Centos)
  • 【Python无敌】在 QGIS 中使用 Python
  • 【MySQL】MySQL中的函数之REGEXP_LIKE
  • 上海市计算机学会竞赛平台2024年8月月赛乙组字符串的种类
  • Centos安装Elasticsearch教程
  • Leetcode 791 Custom Sort String
  • 零碎01-登录验证
  • 基于SpringBoot的“生鲜交易系统”的设计与实现(源码+数据库+文档+PPT)
  • 电脑软件:推荐一款非常好用的PDF编辑、拆分、合并、对比工具
  • C# IEnumerator,IEnumerable ,Iterator
  • python解析网页上的json数据落地到EXCEL
  • Unity3D实现视频和模型融合效果
  • springboot整合websocket实现复制目录进度推送