个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我有一个剑道树列表。折叠事件绑定(bind)到 onCollapse() 方法，展开事件绑定(bind)到 onExpand() 方法。
换句话说:第一列由级别组成。默认级别为 0，默认展开并显示(所有子级)级别 1 的所有行。展开级别 1 行时，将显示其子级(级别 2)。同时，该列必须拉伸(stretch)一点(以显示下一个级别的编号)。当展开另一个级别 1 的行时，该列不需要拉伸(stretch)，但当展开级别 2 的行时，第一列必须再次拉伸(stretch)以显示级别 3，依此类推。
因此，我使用treeList.autoFitColumn(0)。每当我扩展相同级别的行时，这都会导致每次扩展后自动适应(这不是我所期望的，因为扩展相同级别意味着列在第一次扩展后增长，但在第二次扩展后不增长。
另一种方法是手动更改宽度，但我找不到类似 treeList.columns[0].setWidth(x) 的内容。
最佳答案
您所看到的行为之所以发生，是因为 collapse 和 expand 事件在内容宽度实际更改之前触发。
为了避免这种情况，您可以采取的措施是“延迟”自动调整，直到当前代码完成运行之后。您可以通过使用超时值为 0 的 setTimeout 来实现此目的。这会将函数的执行置于执行队列末尾的 setTimeout 内。
查看演示片段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.mobile.all.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.3.911/js/kendo.all.min.js"></script>
</head>
<body>
<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
resizable: true,
columns: [
{ field: "Name" },
{ field: "Text" }
],
dataSource: [
{ id: 1, Name: "Name 1", Text: "Sample text 1", parentId: null },
{ id: 2, Name: "Name 2", Text: "Sample text 2", parentId: null },
{ id: 3, Name: "Name 3", Text: "Sample text 3", parentId: 1 },
{ id: 4, Name: "Very long name 4", Text: "Sample text 4", parentId: 2 }
],
expand: function(e) {
setTimeout(() => treeList.autoFitColumn(0), 0);
},
collapse: function(e) {
setTimeout(() => treeList.autoFitColumn(0), 0);
}
});
var treeList = $("#treeList").data("kendoTreeList");
treeList.autoFitColumn(0);
</script>
</body>
</html>关于javascript - 如何在展开和折叠时自动调整 Kendo TreeList 列？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52722027/
27
4
0
有一个名为 TreeMap 的 Map 实现和一个名为 TreeSet 的 Set 实现。为什么没有 List 接口(interface)的 TreeList 实现？ 这是一道面试题。 最佳答案 基本
我正在尝试创建一个模板，以便用户可以选择多个内容项以特定顺序显示在页面上。基本上我的 sitecore 内容是这样组织的: 锻炼页面 - 包含一个名为“第 1 周锻炼”(也称为“第 2 周”、“第 3
每当我从子节点取消更新过程时，子节点只是与根节点合并，我没有在控制台中发现错误或者我找不到任何可疑的东西。但是重新加载后，一切都变得正常 $(document).ready(function () {
我需要使用正确的组件来实现这个 https://imgur.com/a/P2VHX2i .我目前正在使用来自服务器的 json 数据查看 TreeList 示例 ( https://demos.tel
我有一个 DevExpress Treelist，它的 DataSource 是一个对象列表。我将新项目添加到列表中，然后使用这段代码 treelist1.RefreshDataSource(); 刷
我正在尝试将对象添加到 devexpress 的树列表中。但遗憾的是，它不会自动填充单元格，而是在每个单元格中显示对象名称。 Public Class TempItem Private m_name
我打算使用 Telerik 的一些剑道控件，并开始使用 Treelist 控件。我正在使用 Visual Studio 2013 VB 或 C# 执行此操作。 计划是创建一个发送一些(序列化)数据的
我正在使用 Kendo UI TreeList 控件，并且需要每个父节点都是一个复选框。我已经搜索了如何在 TreeList 中使用复选框，但还没有找到任何示例。有谁知道如何做到这一点，或者是否有可能
您好，我是使用 kendo ui 的用户。我试图显示 以下数据使用 Kendo UI TreeList，但出现最大调用堆栈大小错误。当我详细点击错误时，错误出现在defaultParentId(ken
我正在使用带有 TreeList 组件的边框布局面板和位于中心的面板，但是当我将面板添加到中心卡面板时，TreeList 项目与面板标题重叠。 如何解决？ 重现步骤:单击Home菜单项 ExtJS 6
我有一个剑道树列表。折叠事件绑定(bind)到 onCollapse() 方法，展开事件绑定(bind)到 onExpand() 方法。 换句话说:第一列由级别组成。默认级别为 0，默认展开并显示(所
我正在使用 Kendo 树列表小部件，很失望地看到没有 rowTemplate Kendo 网格上的选项。 我看到一个 columnTemplate选项(即 http://docs.telerik.c
我正在使用 Kendo 树列表小部件，很失望地看到没有 rowTemplate Kendo 网格上的选项。 我看到一个 columnTemplate选项(即 http://docs.telerik.c
我正在使用 XtraTreeList.TreeList 来显示分层数据。数据存储在我实现 DevExpress.XtraTreeList.TreeList.IVirtualTreeListData 的
我想显示有点类似于带有可扩展行和多个对齐列的表格 TreeView ，即如下所示: 我想自然地布局它，作为列表的嵌套列表，即类似于: usr root
我正在尝试将默认的展开/折叠图标更改为更大的图标。我设置了以下 css 更改，但似乎没有任何效果: .k-treelist .k-minus { background: url
我有一部分代码分析了一个包含已检查节点 ID 的列表，并检查了 TreeList 现有 ID。 (我正在使用 XtraTreeList 控件) 我想为每个选中的节点计算数量，我只是想在选中节点时进行计
我想在 DevExpress TreeList 中的特定索引处添加节点。我看过post#1和 post#2但无法得到我需要的东西。我只想要采用父节点编号/id 并向其添加子节点的代码。 我找到了这个函
我有一个树列表，我需要行中的图标，但我还需要行可编辑。我整理了一个我在这里遇到的奇怪错误的示例。 http://dojo.telerik.com/OyaB/10 在第六列中，您可以看到一个图标，它绑定
我正在使用 NatTable 显示具有多列的树。该树被展平为一个 SortedList，用于创建 TreeList。 EventList eventList = GlazedLists.eventLi
我是一名优秀的程序员,十分优秀！