当前位置:网站首页>在JEECG-boot代码生成的基础上修改list页面(结合自定义的组件)
在JEECG-boot代码生成的基础上修改list页面(结合自定义的组件)
2022-07-06 06:19:00 【瀚岳-诸葛弩】
先上效果图:
1、在后端创建接口,获取树节点。测试通过后即可。
2、创建前端组件
两个method的全部代码为:
methods: {
onLoadData(selectedNode) {
let that = this
let pid = 0
if (selectedNode != null) {
pid = selectedNode.dataRef.id
}
let params = new Object()
params.pid = pid
return new Promise(resolve => {
getAction("/jeecg-product/dict.device_catalog/dictDeviceCatalog/queryByPid", params).then(function(res) {
res.forEach(function(catalog){
let node = new Object()
node.key = catalog.id
node.title = catalog.deviceCatalog
node.isLeaf = (catalog.hasChild == 1?false:true);
node.id = catalog.id
node.pid = params.pid
node.icon = "gold"
node.children=[]
debugger
if(selectedNode != null){
node.path = selectedNode.dataRef.title + "-" + node.title
}
else{
node.path = node.title
}
if(selectedNode == null){
that.treeData.push(node)
}
else{
selectedNode.dataRef.children.push(node)
}
// that.allTreeNodes.push(node)
})
})
resolve();
})
},
onSelectNode(nodeId, e){
let param = new Object();
param.node = e.node.dataRef
param.id = e.node.dataRef.key
param.path = e.node.dataRef.path
param.title = e.node.dataRef.title
this.$emit("SelectNode",param)
}
},
需要注意的是ant-design-vue中,树控件的节点只有key,title,children,isleaf为强制要求(即:根据这些属性生成树),在使用的时候可以通过dataRef获取相对应的自行构建的节点对象。
自定义组件事件:
3、前端vue调用
边栏推荐
- [postman] collections configuration running process
- Application of Lie group in gtsam
- Coordinatorlayout+nestedscrollview+recyclerview pull up the bottom display is incomplete
- Summary of anomaly detection methods
- On weak network test of special test
- 私人云盘部署
- The latest 2022 review of "graph classification research"
- LeetCode 732. 我的日程安排表 III
- B - The Suspects
- Simulation volume leetcode [general] 1062 Longest repeating substring
猜你喜欢
随机推荐
模拟卷Leetcode【普通】1109. 航班预订统计
10M25DCF484C8G(FPGA) AMY-6M-0002 BGA GPS模块
Web界面元素的测试
10m25dcf484c8g (FPGA) amy-6m-0002 BGA GPS module
调用链监控Zipkin、sleuth搭建与整合
CoordinatorLayout+NestedScrollView+RecyclerView 上拉底部显示不全
Cannot create PoolableConnectionFactory (Could not create connection to database server. 错误
【Tera Term】黑猫带你学TTL脚本——嵌入式开发中串口自动化神技能
使用Nacos管理配置
[postman] collections - run the imported data file of the configuration
Reading notes of effective managers
Manhattan distance and Manhattan rectangle - print back font matrix
Application of Lie group in gtsam
Caused by:org.gradle.api.internal.plugins . PluginApplicationException: Failed to apply plugin
Understanding of processes and threads
【API接口工具】postman-界面使用介绍
Simulation volume leetcode [general] 1314 Matrix area and
Testing of web interface elements
Eigen sparse matrix operation
ICLR 2022 spotlight | analog transformer: time series anomaly detection method based on correlation difference