个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在尝试创建一个用户可以在 Web 应用程序中编辑的表格。该表中有几个数据树。每次用户在表中编辑内容时，都会在表上调用 table.replaceData(data)。 replaceData 的想法是它将 "silently" replace all of the data in the table without changing the scroll position, sort or filtering...但是，它也会将表中所有数据树的扩展状态重置为初始状态。也就是说，如果 dataTreeStartExpanded === true，则调用 replaceData 将展开表中的所有数据树。如果 dataTreeStartExpanded === false，则调用 replaceData 将折叠表中的所有数据树。这是不可取的，因为用户可能正在编辑其中一个数据树的子元素，如果他们想看到他们的更改，或者移动到下一个要更改的元素，他们必须每次都手动重新扩展数据树他们做出了改变。
这是使用 Tabulator 版本 4.2.1。我已经尝试清除表格，然后调用 setData 或 replaceData 但是，当然，这会导致同样的问题。我觉得这个问题可以通过使用 updateData 方法来解决，但我试图避免这种情况，因为我们的行没有索引，添加它们需要后端更改或奇怪的数据在 JS 中操作。
这是一个简短的代码片段:
const table = new Tabulator('#table', {
dataTree: true,
dataTreeStartExpanded: false,
columns: [
{title: 'Name', field: 'name',},
{title: 'Age', field: 'age',},
],
data: someDataWithNestedElements,
})
button.onclick = () => {table.replaceData(otherDataWithNestedElements)};
其中 someDataWithNestedElements 是一个格式正确的 JS 数组，带有 Tabulator 的 dataTree 的 _children 属性，而 otherDataWithNestedElements 是一组非常相似但略有不同的数据。即使其中一个数据树在单击按钮时展开，它也会在单击按钮后折叠，因为 dataTreeStartExpanded 设置为 false。
Here's a JSFiddle有一个更充实和生动的例子。
我希望 replaceData 保留数据树的扩展状态，就像它保留滚动位置、排序和过滤一样。相反，它会根据 dataTreeStartExpanded 的真值自动展开/折叠数据树。
最佳答案
// Original table for the data
let someTableData = [{
name: 'Quiz #1',
date: '2019-07-06',
_children: [{
name: 'What is your name?',
answer: 'Sir Lancelot of Camelot',
}, {
name: 'What is your quest?',
answer: 'To seek the Holy Grail',
}, {
name: 'What is your favorite color?',
answer: 'Red',
}, ],
}, {
name: 'Quiz #2',
date: '2019-08-01',
_children: [{
name: 'What is the air speed velocity of an unladen swallow?',
answer: '24 mph',
}, {
name: 'African or European?',
answer: 'I don\'t know that!',
}, ],
}, ];
// The Tabulator table itself
const myTable = new Tabulator('#table', {
dataTree: true,
//dataTreeStartExpanded: true, //Uncomment this line to see the trees expand themselves when the button is pressed
data: someTableData,
layout: 'fitColumns',
reactiveData: true,
columns: [{
title: 'Quiz',
field: 'name',
},
{
title: 'Answer Key',
field: 'answer',
},
{
title: 'Due date',
field: 'date',
},
],
});
// Toggle between the two data sets when the button is clicked
let replaced = false;
const replaceData = () => {
someTableData[1]._children[0].answer = '200 mph';
if (replaced === false) {
// myTable.replaceData(someOtherData);
replaced = true;
} else {
// myTable.replaceData(someTableData);
replaced = false;
}
}
document.querySelector('button').onclick = replaceData;<!DOCTYPE html>
<html>
<head>
<!-- Tabulator CDN -->
<link href="https://unpkg.com/tabulator-tables@4.2.7/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.2.7/dist/js/tabulator.min.js"></script>
<title>Tabulator Tree Demo</title>
</head>
<body>
<h3>Table 1</h3>
<button type='button'>Click me to replace 24 mph to 200mph silently</button>
<div id='table'></div>
</body>
</html>关于javascript - 是否可以在不自动折叠/伸展树(Splay Tree)的情况下替换具有数据树的表中的数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56909200/
26
4
0
我使用以下语句对句子进行了分块: grammar = '''
在空间索引方面更喜欢 R+-Tree 而不是 R-Tree 的主要原因是什么？据我所知，R+-Tree 避免节点重叠导致更复杂的代码、更复杂的除法算法等。 R*-tree 与 R-tree 非常相似，
我有这个通用树实现，但在编写递归树比较时遇到此错误。在第 89 行，我收到此错误:没有用于调用“Tree::operator==(Tree&, Tree&) const”的匹配函数这是我的代码: #i
除了 GIS 应用程序，还有哪些其他应用程序或库使用 R 树及其变体？ 最佳答案 电脑游戏经常如此。 Here's a link to something cool . 计算机图形学——包括软件和硬件
我正在使用名为 collective.virtualtreecategories 的附加产品在 plone 中生成一棵树。但是，我不断收到奇怪的 javascript 错误，无法显示树。 在我的浏览器
我必须检查一个节点是否属于 lisp 中的一棵树，但我不知道为什么它不起作用。 这是我的代码: (defun number-of-elems (l) (cond ((null l) 0)
我对以下树的术语感到困惑，我一直在研究树，但无法区分这些树: a) 完全二叉树 b) 严格二叉树 c) 完整二叉树 请帮我区分这些树。这些树何时何地在数据结构中使用？ 最佳答案 完美的树:
我在应用程序的多个页面上使用相同的 dijit.Tree View ，并且我希望将 cookie 保存为服务器名称，而不是文件夹名称。 现在我有 3 个页面和 3 个 cookie，每个页面都有自己的
我想知道是否有一个现有的单词来描述我当前正在使用的流程。我想称之为“压扁一棵树”，但我觉得一定有更好的词或短语。 输入: |--D --B | |--C | A-E | | |--G --F
我正在尝试理解 nltk.tree 模块。我很困惑为什么当打印 nltk.tree.Tree 对象时，它不打印出地址。相反，它打印出树的字符串表示形式。 我查看了 nltk.tree 中的源代码，但我
我想构建 2 个树结构。第一个树将包含节点，每个节点都有我的 Range 对象的列表: class Range { public DateTime Start { get; set; }
有人有一个带有图标和来自服务的数据源的 mat-tree 示例吗？ Stackblitz 上的一个例子会很棒。 最佳答案 使用 https://stackblitz.com/edit/ng-mat-t
我意识到答案可能是存在多个有效的此类实例(例如整数；总和、乘积……的情况)。也许有人有比这更令人满意的答案？ 正如 Joachim Breitner 在此答案中出色地解释的那样 How do you
我在 powerbuilder 中使用树数据窗口。这代表了树和表的混合。 我的问题是:树没有明显区分可扩展和不可扩展节点。如果一个节点不可展开，该节点前面的图标仍然是加号，如果我点击加号，树会在当前节
下午好! 我有决策树的问题。 f11<-as.factor(Z24train$f1) fit_f1 <- rpart(f11~TSU+TSL+TW+TP,data = Z24train,method=
对于处理语言，如在常规字典单词中，阅读速度更快，是基数树还是常规 b 树？有没有更快的方法，例如带有桶和散列的字典？ 最佳答案 与往常一样，您需要在应用程序上下文中进行基准测试才能确定。 但是，我希望
我正在使用 Doctrine's 2 Tree-Nestedset extension使用 MySQL IndoDB 数据库。 yml 表架构如下所示: Ext\Entity\PageElement:
我正在尝试在我的光线追踪器中遍历 3D KD 树。树是正确的，但我的遍历算法似乎有问题，因为与使用蛮力方法相比，我遇到了一些错误(一些小表面积似乎被忽略了)。 注意:所讨论的光线都不平行于任何轴。 这
我正在使用nltk.tree.Tree来读取基于选区的解析树。我需要找到从树中的一个特定单词到另一个单词所需移动的节点路径。 一个简单的例子: 这是句子“saw the dogs”的解析树: (VP
我正在研究为我的应用程序组合自定义存储方案的可能性。我认为，重新发明轮子的努力是值得的，因为性能和存储效率都是主要目标，并且其上的数据和操作比 RDBMS 提供的所有内容(无更新、无删除、预定义查询集
我是一名优秀的程序员,十分优秀！