问题标签 [blueprintjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - 如何确保 TreeNode 可见
在我的应用程序中,我试图确保显示选定的树节点,这意味着它一直向下展开,并且还滚动到视图中。
我如何以编程方式实现这一点(意味着所有树节点的父节点都被展开,并且它被滚动到视图中)?
树节点只有对其子节点的引用,而不是其父节点,我无法找到将树滚动到节点的方法。
我试图寻找ITreeNode.EnsureVisible
方法或类似的方法,但徒劳无功。
blueprintjs - Blueprint 2.0 未满足的对等依赖“react-addons-css-transition-group@^15.0.1 || ^0.14”
尝试安装 blueprintjs 时出现以下错误。该怎么办?我已经安装了 react-addons-css-transition-group。
reactjs - 仅禁用键入的标记输入?
我想在我的网络应用程序中使用标签输入,但我想禁止用户添加新标签,但仍保留删除标签的功能。
应用程序应该能够通过单独的进程动态添加标签,然后用户可以根据需要删除这些标签,但他们不应该能够在输入字段中键入以添加自己的标签。
这可能吗?我知道您可以将整个标签输入设置为禁用,但这也消除了删除标签的能力——我想保留它。
blueprintjs - 在选择表单中显示图标
我已经阅读了几个关于在早期版本的 blueprintjs 中显示图标的问题。我的关注蓝图 2.0.0-rc.2 并认为这是一个导入问题。
我正在使用 webpack 并通过以下方式导入 blueprint v2:
在index.html
:
在我的app.tsx
:
整体 css 加载正确,但字体仍然无法访问;有人可以告诉我我做错了什么吗?干杯!
javascript - 如何使用 blueprintjs/table 渲染表格
我正在尝试在 blueprintjs 表中显示 json 数据数组。该表在呈现时应该是动态的(行数和列数),以便显示 json 数组中的任何内容。在生产中,json 数组将来自 API 调用,但首先,我只是想让它处理一些虚拟数据。
我已经设法动态生成表格并显示列标题,但是我一直坚持生成实际的数据单元格。
到目前为止,这是我的代码:
当此代码运行时,我得到一个表,其中包含正确的行数和正确的列数,以及正确的列标题。
我现在需要以某种方式用单元格/数据填充行,我被卡住了。我不确定我应该怎么做。
怎么做到呢?
如果您想查看虚拟数据:
注意我只对显示_source
键中的数据感兴趣。所以我的列的名称是“elevation”、“country”、“geonameid”等。单元格数据应该是这些键的值。我真正的虚拟数据实际上在数组中有大约 20 个这样的对象,但为了简洁起见,我只展示了一个。
javascript - TagInput 标签输入 - 多行输入字段
如果您没有完整的回复,我将很乐意接受指导/指针/想法。
我目前正在更新使用 React 和 Blueprint JS 元素构建的电子邮件系统。
在电子邮件对话框中,我尝试使用 BlueprintJS/labs 的 TagInput 将To
和CC
字段从文本输入移动到 TagInput 系统。
http://blueprintjs.com/docs/v1/#labs/tag-input
您将在上面链接中包含的示例中看到,他们的 TagInput 字段将允许您将新标签添加到输入字段。一旦这些标签的长度超过输入字段的宽度,它将在输入字段中添加一个新行并允许您继续添加标签。
据我所知,输入字段通常不允许多行。
如何做到这一点?在我目前的代码中,一旦标签超过输入字段的宽度,它将继续在输入下方的新行上添加新标签,但是,它不会增加输入字段的高度来补偿。(使标签看起来神奇地漂浮在输入之外,悬停在其他内容上并阻碍其他内容。)
下图显示了效果。(CC 字段是 TagInput - 如您所见,第一行下方的标签只是“悬停在空间中”并覆盖主题字段,并最终向下移动以覆盖电子邮件正文。)
TagInput 的定义很简单。
另外,我有一点修改的 CSS
感谢所有的帮助:)
同样,如果您没有完整的回复,我将很乐意接受指导/指针/想法。
css - 有没有办法覆盖或删除全局元素的 blueprintjs 自定义样式,例如?
Blueprintjs 中的大多数样式类都以 .pt- 为前缀,因此它不会渗入全局 CSS,但有一些元素的自定义样式,例如<ul>, <pre>, <li>
在元素本身上设置自定义样式的位置,因此会渗入全局 CSS。有没有办法解决?要删除元素上设置的所有自定义样式?
reactjs - 设置 blueprintjs Suggest 元素中的元素数量
我正在使用 blueprintjs 可视化工具包开发一个反应应用程序。然而,问题是,与文档中显示的示例不同,我的<Suggest>
框将显示数组中的所有元素,而不是前 10 个。我当前的代码:
有没有办法指定显示多少元素?我无法在文档中找到此设置。
blueprintjs - selectedRegionTransform 处理 onClick 蓝图 JS 表格单元格
我正在尝试在 Blueprints JS 表中的单元格上捕获 onClick 事件。我的目标是在同级组件中触发一个方法,该方法将显示有关表中选定(单击)行的信息。
在谷歌搜索主题时,我发现了这个拉取请求,其中贡献者的评论来自themadcreator
提示的使用selectedRegionTransform
。他还举了一个例子
如果要单击一行,则应使用 selectedRegionTransform。这将允许拖动选择和多选保持不变。PR 预览页面中有一个示例可以执行此操作。
可悲的是,我找不到那个例子。
在我的组件中,我有这两种方法(有点简化)
从某种意义上说,这log(a,b)
在方法test
中向我显示了两个对象。一个带有网格坐标,一个带有鼠标事件信息。然后它与此消息中断。
我确定这是因为我不知道如何使用selectedRegionTransform
,因此需要一些帮助。
我希望表能够正常响应事件。我只需要一个钩子来触发我自己的功能以及表格的正常功能。
有人可以帮我理解这是如何完成的吗?谢谢!