当前位置:网站首页>JEditableTable的使用技巧
JEditableTable的使用技巧
2022-07-07 05:27:00 【OK_boom】
JEditableTable使用默认的条件进行查询
JEditableTable靠织入JeecgListMixin来实现查询,created的时候会优先执行JVxeTableModelMixin的created,所以会优先load一次data。
好在它有个开关可以关闭它自动加载数据。
在我们自己的查询vue处理上,在data里加入disableMixinCreated:true并且在created里面自己手动加载数据即可。
created() {
this.getSuperFieldList()
this.$nextTick(()=>{
if (this.type=='purchase'){
this.$set(this.queryParam,'approved',"1")
}
this.loadData();
//初始化字典配置 在自己页面定义
this.initDictConfig();
})
}
JEditableTable修改记录的默认值
尝试了很多种方案,最后确定要修改JEditableTable的dataSource并需要触发它的监听功能才能将新的数据加载到界面,但JEditableTable的dataSource 监听没有deep,要加上才能监听到dataSource内容的变化。
dataSource: {
immediate: true,
deep: true,
handler: function (newValue) {
// 兼容IE
this.getElementPromise('tbody').then(() => {
this.initialize()
this._pushByDataSource(newValue)
})
}
},
下面要实现的是,当数据联动让JEditableTable里面的select类型的字段的options重新刷新并将JEditableTable所有记录这个字段的值清空
async prodCatChange(value){
//tbVendor 是JEditableTable实例
let tbVendor = await getRefPromise(this, 'smpProductVendor')
let column=tbVendor.columns.filter(m=>m.key=='vendorId')[0]
column.options=[]//必须清空,不然会记录叠加
tbVendor._loadDictConcatToOptions(column)
let dataSource=this.smpProductVendorTable.dataSource
dataSource.forEach(item=>{
item.vendorId='.'
})
dataSource.forEach(item=>{
item.vendorId=''
})
},
代码里为什么要将vendorId设置两次? 因为设置一次的话,重复执行这个方法它就无法再次触发tbVendor的dataSource监听。
边栏推荐
- Infix keyword infix expression and the use of generic extension function in kotlin
- opencv学习笔记五——梯度计算/边缘检测
- 如何理解分布式架构和微服务架构呢
- 在Rainbond中一键部署高可用 EMQX 集群
- 2 - 3 arbre de recherche
- OpenVSCode云端IDE加入Rainbond一体化开发体系
- PVTV2--Pyramid Vision TransformerV2学习笔记
- Deit learning notes
- Using helm to install rainbow in various kubernetes
- National standard gb28181 protocol video platform easygbs adds streaming timeout configuration
猜你喜欢
使用BiSeNet实现自己的数据集
国标GB28181协议视频平台EasyGBS新增拉流超时配置
提高企业产品交付效率系列(1)—— 企业应用一键安装和升级
JS copy picture to clipboard read clipboard
MySQL introduction - crud Foundation (establishment of the prototype of the idea of adding, deleting, changing and searching)
[quick start of Digital IC Verification] 12. Introduction to SystemVerilog testbench (svtb)
OpenVSCode云端IDE加入Rainbond一体化开发体系
Rainbond 5.7.1 支持对接多家公有云和集群异常报警
Practice of combining rook CEPH and rainbow, a cloud native storage solution
Ebpf cilium practice (1) - team based network isolation
随机推荐
在Rainbond中一键部署高可用 EMQX 集群
使用 Nocalhost 开发 Rainbond 上的微服务应用
Merge sort and non comparison sort
Vulnerability recurrence easy_ tornado
2 - 3 arbre de recherche
机器人教育在动手实践中的真理
In go language, function is a type
Explore creativity in steam art design
Rainbond结合NeuVector实践容器安全管理
PVTV2--Pyramid Vision TransformerV2学习笔记
Offer harvester: add and sum two long string numbers (classic interview algorithm question)
Fluentd is easy to use. Combined with the rainbow plug-in market, log collection is faster
Grpc, oauth2, OpenSSL, two-way authentication, one-way authentication and other column directories
Application of slip ring of shipborne radar antenna
使用BiSeNet实现自己的数据集
利用 Helm 在各类 Kubernetes 中安装 Rainbond
Interface as a parameter (interface callback)
Caractéristiques de bisenet
POJ - 3784 Running Median(对顶堆)
IELTS review progress and method use [daily revision]