react动态格栅（解决目录树DirectoryTree TreeNode 展开后界面错版问题）

1，项目上使用antdesign 的格栅配合目录树DirectoryTree 做附件的分类展示。发现展开某些数量多的附件类后界面错版，解决思路就是每一行用一个单据的row。代码如下

const attachments = attachmentTypesList.filter(item => item.id);

const attachmentShow = [];

let attachmentForShow = {};

for (let i = 0; i < attachments.length; i+=3) {

const rowArr = attachments.slice(i, i+3);

const ele = (

<Row>

{

rowArr.map((item, j)=>{

return (

<Col

key={item.id}

span={8}

style={{

fontSize: '12px',

overflow: 'hidden',

textOverflow: 'ellipsis',

whiteSpace: 'nowrap',

textAlign: 'left',

lineHeight: '32px',

}}

<ShowUploadByType

params={item}

defaultFileList={ item.value || []}

expand = {true}

</Col>

)

})

}

</Row>

)

attachmentShow.push(ele);

}

attachmentForShow = attachmentShow.map((ele) => {

return ele

})

react动态格栅（解决目录树DirectoryTree TreeNode 展开后界面错版问题）相关推荐

C#动态生成treeview目录树
思路: 获取全量树结构数据通过递归动态添加树子节点动态生成目录树 TreeView 在这里我第一步就无需复述了!主要是返回如下格式数据 //调用生成目录树方法 DepartmentTree.ini ...
动态生成类别目录树div
var links=new Array(12); links[0]=new Array(5); links[0][0]="企业信息" links[0][1]="<a ...
第十五节：Expression表达式目录树(与委托的区别、自行拼接、总结几类实例间的拷贝)
一. 基本介绍回忆: 最早接触到表达式目录树(Expression)可能要追溯到几年前使用EF早期的时候,发现where方法里的参数是Expression<Func<T,bool> ...
C#表达式目录树系列之5 –动态创建查询表达式
概要在项目开发中,根据用户的需求,一般来是,我们的查询表达式是固定的,新的查询需求都要通过代码的修改来实现.而对于不确定的查询条件,固定查询表达式的方式显然是行不通的. 针对固定查询表达式存在的问题 ...
VUE 动态构建混合数据Treeselect选择树，同时解决巨树问题
今天在项目中需要通过行政区域选择,然后选择该行政区域下面的景区,也就是要构建行政区划.景区两表数据表的树.全国的行政区域到县已经3500多了,再加上景区会有几万个点,这棵选择树不论是在后台还是在前台构 ...
asp mysql 可编辑树状,基于数据库动态生成树形目录-ASP教程,数据库相关
一. 目录树的广泛应用为了这段内容,在百度上搜了搜,内容一大通,相关的竟没有.搜什么搜嘛?用处不是明摆着吗?资源管理器文件夹的管理,论坛中多级论坛的管理,java中的awt正是缺乏包括树形目录这样的 ...
C#表达式目录树系列之1 -- 表达式目录树基本概念
概要本文主要是帮助读者搞清楚什么是表达式目录树,表达书目录树能做什么,如何创建表达式目录树.后续几篇文章侧重于表达式目录树的具体应用. 表达式目录树是什么表达式目录树是一种树型结构,它将代码以数据 ...
目录树结构改变后刷新目录树
主界面中含有一个目录树(是将一个目录下所有的文件和子文件呈现成一个可以逐级展开的树),我将树的功能单独写成一个FileTree.class,这样能够让目录树处理更清晰些. 第一次我的做法是:将建立Tr ...
【线段树合并】解题报告：luogu P4556雨天的尾巴（树上对点差分 + 动态开点 + 线段树合并）线段树合并模板离线/在线详解
题目链接:雨天的尾巴本题本身是一个非常简单的一道树上差分的模板题,但是由于变态的数据范围,我们直接用数组是存不下的(本来使用一颗普通的线段树直接维护最大值即可.但是本题的空间只有128MB,直接按照 ...

react动态格栅（解决目录树DirectoryTree TreeNode 展开后界面错版问题）

react动态格栅（解决目录树DirectoryTree TreeNode 展开后界面错版问题）相关推荐

最新文章

热门文章