当前位置:网站首页>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)
边栏推荐
- Codeforces Round #804 (Div. 2) Editorial(A-B)
- 關於Unity Inspector上的一些常用技巧,一般用於編輯器擴展或者其他
- EditorUtility. The role and application of setdirty in untiy
- Graduation design game mall
- 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
- SQLite add index
- 2022半年总结
- Review of double pointer problems
- Building intelligent gray-scale data system from 0 to 1: Taking vivo game center as an example
- Promotion hung up! The leader said it wasn't my poor skills
猜你喜欢

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

Rce code and Command Execution Vulnerability
![[mask requirements of OSPF and Isis in multi access network]](/img/7d/1ba80bb906caa9be4bef165ac26d2c.png)
[mask requirements of OSPF and Isis in multi access network]

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

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

First acquaintance with CDN

Vulhub vulnerability recurrence 72_ uWSGI

【LeetCode】18、四数之和

初识CDN

Golang -- TCP implements concurrency (server and client)
随机推荐
GAMES202-WebGL中shader的编译和连接(了解向)
Leetcode dynamic planning day 16
Ad20 is set with through-hole direct connection copper sheet, and the bonding pad is cross connected
Review of double pointer problems
EditorUtility. The role and application of setdirty in untiy
關於Unity Inspector上的一些常用技巧,一般用於編輯器擴展或者其他
Postman assertion
flutter 实现一个有加载动画的按钮(loadingButton)
Postman pre script - global variables and environment variables
【OSPF 和 ISIS 在多路访问网络中对掩码的要求】
Promotion hung up! The leader said it wasn't my poor skills
[classic example] binary tree recursive structure classic topic collection @ binary tree
[QNX Hypervisor 2.2用户手册]6.3.3 使用共享内存(shmem)虚拟设备
02. 开发博客项目之数据存储
Postman test report
Configuration file converted from Excel to Lua
05. 博客项目之安全
Nacos - TC Construction of High available seata (02)
Nacos TC setup of highly available Seata (02)
A little knowledge of CPU, disk and memory