首页 > 其他分享 >jeecg v3 表格自定义按钮打开Modal并传参

jeecg v3 表格自定义按钮打开Modal并传参

时间:2024-09-19 15:12:25浏览次数:11  
标签:传参 Modal 自定义 record v3 modelRef 按钮 页面

List列表页面行内添加自定义按钮,弹出自定义页面
分五步

1.在template里加入

<UrAdspotsMapModal @register="register4" />

  

2.在脚本中import

import UrAdspotsMapModal from './components/UrAdspotsMapModal.vue'

  

3.在script里注册

const [register4, { openModal: openModal4 }] = useModal();

  

4.在函数里调用

function handleMapDetail(record: Recordable) {
  openModal4(true, {
    record
  });
}

  

5.在Action列引用

function getTableAction(record){
  return [{
      label: '地图',
      onClick: handleMapDetail.bind(null, record),
      }
    ]
}

  

 6.Modal页面

<BasicForm @register="registerForm" :model="model" />

setup(props) {
     const modelRef = ref({});
     modelRef.value = { field2: data.record.lat, field1: data.record.lng };
     return { ...,model: modelRef,...};

  

 

标签:传参,Modal,自定义,record,v3,modelRef,按钮,页面
From: https://www.cnblogs.com/meetrice/p/18420605

相关文章

  • 电子封条监控系统 YOLOv3
    电子封条监控系统利用电子封条和监控设备相结合,电子封条监控系统利用智能化视频识别等技术,实现对矿井内外的出入人员、人数变化及非煤矿山生产作业状态等情况的实时监测和分析,及时发现非煤矿山异常动态,减少了人为介入的过程,节约了大量的人力和物力资源。电子封条监控系统能够实时监......
  • C++如何在main函数之前执行自定义操作
    目录一.前言二.利用全局变量的初始化机制1.利用构造函数2.用函数结果对全局变量赋值三.gcc可以利用__attribute__四.其他一.前言我们知道C++程序在main函数运行之前会先执行一些动作,比如一系列初始化动作,那么我们怎么让C++程序在main函数运行前执行一些自定义函数呢......
  • vim matchit 自定义配对关键字之间的跳转
    vim因其强大的扩展性一直深受linux程序员的喜爱,最近在用vim写verilog的时候,由于一个逻辑块中的beginend较多,常常会多写或者漏掉匹配关键字,很是苦恼,于是寻找匹配关键字间跳转的方法,发现matchit可以用%在关键字之间实现跳转,还可以自定义更多的关键字,相当方便。以下正片:1、安装ma......
  • Unity自定义图片数字TextMeshPro
    本文转载自https://www.cnblogs.com/sailJs/p/181689221、首先要有一张包含了图片字的图集,每个图片字一个Spirte 2、然后右键-> 创建创建好的TMP_SpriteAsset 3、编辑SpriteCharacterTable调整顺序,将index和图片数字对上修改下Unicode值(默认都是0xFFFE),比如9的Un......
  • vue3自定义指令,全局注册
    1这是directive.js注册的的importtype{Directive,DirectiveBinding}from"vue";importuseUserStorefrom"@/stores/user";import{createPinia}from"pinia";constuserStore=useUserStore(createPinia());//buttonList:["......
  • 【信创】Linux上如何创建和管理自定义的 systemd 服务 _ 统信 _ 麒麟 _ 方德
    原文链接:【信创】Linux上如何创建和管理自定义的systemd服务|统信|麒麟|方德Hello,大家好啊!今天给大家带来一篇关于在Linux系统上如何创建和管理自己的systemd服务的文章。systemd是Linux系统中的初始化系统和服务管理器,它为系统提供了强大的服务管理功能。通过创建和......
  • 【项目实战】如何在项目中自定义错误码
    在项目设计阶段,前端需要根据后端返回的响应来对前端页面进行渲染(比如404页面),通过自定义错误码,可以及时收集并且处理异常信息。自定义错误码几个具体的应用1.错误信息统一处理:全局异常处理器可以将不同种类的异常转化为统一的错误信息格式,提供一致的错误响应给客户端,增强了用......
  • 自定义日志注解,保存信息到数据库
    定义日志注解importjava.lang.annotation.*;/***@authorwzw*@version1.0*@Date2023-2-1717:31:19*/@Target({ElementType.METHOD})@Retention(RetentionPolicy.RUNTIME)@Documentedpublic@interfaceLog{/***描述*@return*/......
  • wpf简单自定义控件
    用户控件(UserControl)和自定义控件(CustomControl)的区别:UserControl:将多个WPF控件(例如:TextBox,TextBlock,Button)进行组合成一个可复用的控件组;由XAML和CodeBehind代码组成;不支持样式/模板重写;CustomControl自定义控件,扩展自一个已经存在的控件,并添加新的功能/特性;由C......
  • 自定义类型:联合和枚举
    目录引言一.联合体1.1联合体的定义1.2联合体的声明 1.3 联合体的特点1.4相同成员的结构体和联合体对比1.5联合体大小的计算1.6联合体的作用1.7联合体的小练习二.枚举类型 2.1枚举的定义2.2枚举的声明2.3枚举的作用2.4枚举的使用示例 后记引言......