当前位置:网站首页>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)
边栏推荐
- Mongodb basic knowledge summary
- Drive development - the first helloddk
- [leetcode] 18. Sum of four numbers
- Cuda11.1 online installation
- MySQL if and ifnull use
- HAC cluster modifying administrator user password
- Vulhub vulnerability recurrence 71_ Unomi
- Figure database ongdb release v-1.0.3
- Nacos - TC Construction of High available seata (02)
- 剑指 Offer II 039. 直方图最大矩形面积
猜你喜欢
05. 博客项目之安全
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
[classic example] binary tree recursive structure classic topic collection @ binary tree
初识CDN
Modbus协议通信异常
RT thread analysis log system RT_ Kprintf analysis
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
Vulhub vulnerability recurrence 67_ Supervisor
【torch】|torch. nn. utils. clip_ grad_ norm_
Compilation et connexion de shader dans games202 - webgl (comprendre la direction)
随机推荐
用StopWatch 统计代码耗时
idea一键导包
Cve-2019-11043 (PHP Remote Code Execution Vulnerability)
【torch】|torch. nn. utils. clip_ grad_ norm_
指針經典筆試題
Vulhub vulnerability recurrence 72_ uWSGI
Can the feelings of Xi'an version of "Coca Cola" and Bingfeng beverage rush for IPO continue?
Talking about the type and function of lens filter
[QNX Hypervisor 2.2用户手册]6.3.3 使用共享内存(shmem)虚拟设备
Modbus protocol communication exception
JS quick start (II)
UCF(2022暑期团队赛一)
01. 开发博客项目之项目介绍
Questions d'examen écrit classiques du pointeur
Collection + interview questions
February 12 relativelayout
Three.js学习-光照和阴影(了解向)
注释、接续、转义等符号
[noip2008 improvement group] stupid monkey
趋势前沿 | 达摩院语音 AI 最新技术大全