当前位置:网站首页>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)
边栏推荐
- Hyperledger Fabric2. Some basic concepts of X (1)
- 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
- RT thread analysis - object container implementation and function
- Tetris
- 05. 博客项目之安全
- [classic example] binary tree recursive structure classic topic collection @ binary tree
- Postman assertion
- 从0到1建设智能灰度数据体系:以vivo游戏中心为例
- UCF (summer team competition II)
- CUDA11.1在线安装
猜你喜欢

Postman pre script - global variables and environment variables

Vulhub vulnerability recurrence 72_ uWSGI
![[classic example] binary tree recursive structure classic topic collection @ binary tree](/img/39/0319c4be43716f927b9d98d89f7655.jpg)
[classic example] binary tree recursive structure classic topic collection @ binary tree

Yyds dry inventory SSH Remote Connection introduction

nacos-高可用seata之TC搭建(02)

Class inheritance in yyds dry inventory C

毕业设计游戏商城

趋势前沿 | 达摩院语音 AI 最新技术大全

Notes, continuation, escape and other symbols

Configuration file converted from Excel to Lua
随机推荐
Vulhub vulnerability recurrence 72_ uWSGI
Cve-2019-11043 (PHP Remote Code Execution Vulnerability)
flutter 实现一个有加载动画的按钮(loadingButton)
February 12 relativelayout
Principle and performance analysis of lepton lossless compression
nacos-高可用seata之TC搭建(02)
[leetcode] 18. Sum of four numbers
[noip2009 popularization group] score line delimitation
Pointer classic written test questions
Three. JS learning - light and shadow (understanding)
Huawei equipment is configured with OSPF and BFD linkage
04. Project blog log
MySQL advanced learning summary 9: create index, delete index, descending index, and hide index
pix2pix:使用条件对抗网络的图像到图像转换
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
What are the advantages of the industry private network over the public network? What specific requirements can be met?
EditorUtility. The role and application of setdirty in untiy
Golang -- TCP implements concurrency (server and client)
Quelques conseils communs sur l'inspecteur de l'unit é, généralement pour les extensions d'éditeur ou d'autres
[mask requirements of OSPF and Isis in multi access network]