飞道科技

飞道科技文档总汇

折叠树(w000001)

现象

树形菜单上添加菜单内容,树形菜单会有闪一下的问题

解决方案

数据处理完成之后,不再重新渲染,而是调用控件方法setAttribute

import { IFeidaoAiBrowserComponent } from '@feidao/web/interfaces';

export default function a006(fd: IFeidaoAiBrowserComponent, ...args: any[]) {
	const w = fd.data.node.querySelector('#widget1');
	const data = [{"no":1,"parent":"root","name":"1", "alias":"ddddddddddd"},{"no":2,"parent":"0","name":"2"},{"no":"11","parent":"1","name":"444"},{"no":"12","parent":"1","name":"12"},{"no":"111","parent":"11","name":"111", "no_checkbox": true},{"no":"112","parent":"11","name":"112", "no_checkbox": true},{"no":"211","parent":"2","name":"211", "no_checkbox": true}];
	w.setAttribute('data', JSON.stringify(data));
}

问题分析

在相应层级上添加数据之后,重新渲染了折叠树控件

现象

树形菜单,菜单A中有三个子菜单B、C、D;菜单E中有一个子菜单F;展开菜单A显示子菜单B、C、D,展开菜单E显示子菜单C、D、F

解决方案

维护的菜单数据中菜单编号必须是唯一的

问题分析

菜单B、C的菜单编号与其他菜单的菜单编号重复

现象

使用复选框的功能或者方法,但是不显示复选框

解决方案

对控件属性data的值进行处理,即每一行数据都添加字段no_checkbox,值为true

import { IFeidaoAiBrowserComponent } from '@feidao/web/interfaces';

export default function a006(fd: IFeidaoAiBrowserComponent, ...args: any[]) {
	const w = fd.data.node.querySelector('#widget1');
	const data = [{"no":1,"parent":"root","name":"1", "alias":"ddddddddddd", "no_checkbox": true},{"no":2,"parent":"0","name":"2", "no_checkbox": true},{"no":"11","parent":"1","name":"444", "no_checkbox": true},{"no":"12","parent":"1","name":"12", "no_checkbox": true},{"no":"111","parent":"11","name":"111", "no_checkbox": true},{"no":"112","parent":"11","name":"112", "no_checkbox": true},{"no":"211","parent":"2","name":"211", "no_checkbox": true}];
	w.setAttribute('data', JSON.stringify(data));
}