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

laravel-admin的select联动首次加载

今天在开发公司一个功能时,公司开发环境用的是laravel-admin,因为需要用上select联动,所以根据文档说明进行开发,并成功的使用上了,代码我就不重复,大家可以去参考laravel-admin官网的说明。

首先我们找到select的js,路径:跟目录/vendor/encore/laravel-admin/src/Form/Field下的Select.php文件,找到下面代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

$script = <<<EOT

$(document).on('change', "{$this->getElementClassSelector()}", function () {

 var target = $(this).closest('.fields-group').find(".$class");

 $.get("$sourceUrl?q="+this.value, function (data) {

  target.find("option").remove();

  $(target).select2({

   data: $.map(data, function (d) {

    d.id = d.$idField;

    d.text = d.$textField;

    return d;

   })

  }).trigger('change');

 });

});

  

EOT;

并修改成以下代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

$script = <<<EOT

$(document).on('change', "{$this->getElementClassSelector()}", function () {

 var target = $(this).closest('.fields-group').find(".$class");

 $.get("$sourceUrl?q="+this.value, function (data) {

  target.find("option").remove();

  $(target).select2({

   data: $.map(data, function (d) {

    d.id = d.$idField;

    d.text = d.$textField;

    return d;

   })

  }).trigger('change');

 });

});

  

$('{$this->getElementClassSelector()}').trigger('change');

  

EOT;

我们在原有代码中加入这句:

1

$('{$this->getElementClassSelector()}').trigger('change');

作用就是在初始化的时候触发一次联动。


http://www.kler.cn/news/285334.html

相关文章:

  • 【云原生kubernetes系列之SkyWalking篇】
  • 数组,集合流式互转
  • Android架构组件:MVVM模式的实战应用与数据绑定技巧|Android架构|MVVM模式|数据绑定
  • Python的VSCode配置
  • Mybatis的XML文件中<if>标签内的判断语句equals的坑
  • k8s在mac和linux下的安装步骤
  • 怎么才能快速提升网站在谷歌的收录?
  • SpringBoot下调用kettle脚本
  • Code Practice Journal | Day59-60_Graph09 最短路径(待更)
  • 麦穗检测计数-目标检测数据集(包括VOC格式、YOLO格式)
  • 【Qt】Spacer
  • 二叉树的前序遍历(LeetCode)
  • 深度学习_数据读取到model模型存储
  • 华为云征文|初识Flexus云服务X实例和参数配置,finalShell远程连接,安装MySQL并配置和远程访问
  • 2024-如何在低版本Mac OS安装合适的xcode-详细的技术篇
  • Spring Cloud全解析:网关之GateWay过滤器
  • QT:详解信号和槽
  • 相机坐标系转换世界坐标系,zedimudepth
  • 【C++ 第十八章】C++11 新增语法(4)
  • BMC lighttpd kvm数据分析(websocket)
  • 【Qt笔记】QCommandLinkButton控件详解
  • Unity编辑器扩展之Scene视图扩展
  • Windows Edge浏览器对Web Authentication API的支持分析与实践应用
  • 音频处理新纪元:深入探索PyTorch的torchaudio
  • vue新建按钮弹出选框
  • 【第0004页 · 递归】生成括号对
  • 缓存Mybatis一级缓存与二级缓存
  • 【Java设计模式】数据总线模式:高效统一组件通信
  • 【鬼灭之刃学英语 立志篇】2、义勇对炭治郎的怒斥
  • 4.1 版本管理器——2PL与MVCC