当前位置:网站首页>Jvxetable implant j-popup with slot
Jvxetable implant j-popup with slot
2022-07-06 05:22:00 【OK_ boom】
The previous article talked about how to determine according to the current record jpopup field whether disabled(https://blog.csdn.net/rocklee/article/details/125581874?spm=1001.2014.3001.5501), Here is how to use slot Slot mode assignment template by j-popup
<template #prodSeq="{row, rowIndex, $rowIndex, column}" >
<j-popup
v-model="row.prodSeq"
:code="column.popupCode"
:field="column.field"
:column="column"
:value="row[column.key]"
:renderOptions="{listeners:$listeners}"
:orgFields="column.orgFields"
:destFields="column.destFields"
:param="column.param"
:sorter="column.sorter"
:row="row"
:multi="false"
:disabled="!column.props.getDisabled(row,column)"
@input="(value,others,oldValue,row)=>updateMainMtRecord(value,others,oldValue,row,column,rowIndex)"
></j-popup>
</template>
slot Inside jpopup Specified parameters
– param Filter parameters specified when browsing records
– row The current record brought in
– disabled Dynamically determine whether to disable
– input Callback eventsInsert this slot
Specify the configuration of a field as slot:
{
title: ' materiel SQ',
key: 'prodSeq',
type: JVXETypes.slot,
slotName:'prodSeq',
fixed: 'left',
width:"150px",
popupCode:"getProds",
field:"prod_seq",
orgFields:"id,prod_name,prod_seq,spec,fukuang,mazhong,unit",
destFields:"prodId,prodName,prodSeq,productInfo.spec,productInfo.fukuang,productInfo.mazhong,productInfo.unit",
placeholder: ' Please enter ${title}',
defaultValue:'',
param: {prod_cat:'B04A01'},
props:{
formType:this.type,
getDisabled: (row,column,ref)=>{return !(!!row['clone']||(this.formType||!!ref&&ref.$attrs.formType)=='edit')}
},
validateRules: [{ required: true, message: '${title} Can't be empty ' }],
}
- Jpopup Modification of
data() Added oldValue:
data() {
return {
showText: '',
title: '',
oldValue:'',
avalid: true,
extendParam: {}
}
}
openModal() want oldValue Save the original value
openModal() {
if (this.disabled === false) {
this.oldValue=this.row[this.column.key]
this.$refs.jPopupOnlReport.show()
}
}
Last callback Change the last sentence to :
this.$emit('input', str, res,this.oldValue,this.row)
边栏推荐
- pix2pix:使用条件对抗网络的图像到图像转换
- 改善Jpopup以实现动态控制disable
- 趋势前沿 | 达摩院语音 AI 最新技术大全
- Summary of redis basic knowledge points
- F12 solve the problem that web pages cannot be copied
- Implementing fuzzy query with dataframe
- Microblogging hot search stock selection strategy
- 组播和广播的知识点梳理
- C进阶-数据的存储(上)
- Oracle deletes duplicate data, leaving only one
猜你喜欢

Ora-01779: the column corresponding to the non key value saving table cannot be modified

自建DNS服务器,客户端打开网页慢,解决办法

GAMES202-WebGL中shader的编译和连接(了解向)

F12 solve the problem that web pages cannot be copied

浅谈镜头滤镜的类型及作用

C Advanced - data storage (Part 1)

In 2022, we must enter the big factory as soon as possible

用StopWatch 统计代码耗时

js Array 列表 实战使用总结

ByteDance program yuan teaches you how to brush algorithm questions: I'm not afraid of the interviewer tearing the code
随机推荐
Tetris
HAC集群修改管理员用户密码
The ECU of 21 Audi q5l 45tfsi brushes is upgraded to master special adjustment, and the horsepower is safely and stably increased to 305 horsepower
Solution of QT TCP packet sticking
UCF(暑期团队赛二)
What are the advantages of the industry private network over the public network? What specific requirements can be met?
A little knowledge of CPU, disk and memory
指針經典筆試題
Ora-01779: the column corresponding to the non key value saving table cannot be modified
Set detailed map + interview questions
Fuzzy -- basic application method of AFL
[QNX Hypervisor 2.2用户手册]6.3.3 使用共享内存(shmem)虚拟设备
Nacos TC setup of highly available Seata (02)
集合详解之 Map + 面试题
Hyperledger Fabric2. Some basic concepts of X (1)
Three methods of Oracle two table Association update
EditorUtility.SetDirty在Untiy中的作用以及应用
February 12 relativelayout
UCF (2022 summer team competition I)
The ECU of 21 Audi q5l 45tfsi brushes is upgraded to master special adjustment, and the horsepower is safely and stably increased to 305 horsepower