问题标签 [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.

0 投票
1 回答
463 浏览

reactjs - 如何通过 webpack 在 LESS 中导入 Blueprint 2?

蓝图文档说要使用这个:

但是,如果我尝试这样做,我会从 webpack 收到此错误:

第 123 期处理类似的问题,很多人建议使用这个:

webpack 也不喜欢这样:

查看dist/目录,我可以看到那里只有一个 JS 文件:

经过一些试验和错误,我发现这有效:

但这对我来说似乎不正确。此外,没有任何图标是通过此方法加载的。

这样做的正确方法是什么?

0 投票
0 回答
170 浏览

node.js - 如何确保 TreeNode 可见

在我的应用程序中,我试图确保显示选定的树节点,这意味着它一直向下展开,并且还滚动到视图中。

我如何以编程方式实现这一点(意味着所有树节点的父节点都被展开,并且它被滚动到视图中)?

树节点只有对其子节点的引用,而不是其父节点,我无法找到将树滚动到节点的方法。

我试图寻找ITreeNode.EnsureVisible方法或类似的方法,但徒劳无功。

0 投票
1 回答
94 浏览

blueprintjs - Blueprint 2.0 未满足的对等依赖“react-addons-css-transition-group@^15.0.1 || ^0.14”

尝试安装 blueprintjs 时出现以下错误。该怎么办?我已经安装了 react-addons-css-transition-group。

0 投票
2 回答
434 浏览

reactjs - 仅禁用键入的标记输入?

我想在我的网络应用程序中使用标签输入,但我想禁止用户添加新标签,但仍保留删除标签的功能。

应用程序应该能够通过单独的进程动态添加标签,然后用户可以根据需要删除这些标签,但他们不应该能够在输入字段中键入以添加自己的标签。

这可能吗?我知道您可以将整个标签输入设置为禁用,但这也消除了删除标签的能力——我想保留它。

0 投票
1 回答
397 浏览

blueprintjs - 在选择表单中显示图标

我已经阅读了几个关于在早期版本的 blueprintjs 中显示图标的问题。我的关注蓝图 2.0.0-rc.2 并认为这是一个导入问题。

我正在使用 webpack 并通过以下方式导入 blueprint v2:

index.html

在我的app.tsx

整体 css 加载正确,但字体仍然无法访问;有人可以告诉我我做错了什么吗?干杯!

0 投票
3 回答
1861 浏览

javascript - 如何使用 blueprintjs/table 渲染表格

我正在尝试在 blueprintjs 表中显示 json 数据数组。该表在呈现时应该是动态的(行数和列数),以便显示 json 数组中的任何内容。在生产中,json 数组将来自 API 调用,但首先,我只是想让它处理一些虚拟数据。

我已经设法动态生成表格并显示列标题,但是我一直坚持生成实际的数据单元格。

到目前为止,这是我的代码:

当此代码运行时,我得到一个表,其中包含正确的行数和正确的列数,以及正确的列标题。

我现在需要以某种方式用单元格/数据填充行,我被卡住了。我不确定我应该怎么做。

怎么做到呢?

如果您想查看虚拟数据:

注意我只对显示_source键中的数据感兴趣。所以我的列的名称是“elevation”、“country”、“geonameid”等。单元格数据应该是这些键的值。我真正的虚拟数据实际上在数组中有大约 20 个这样的对象,但为了简洁起见,我只展示了一个。

0 投票
1 回答
732 浏览

javascript - TagInput 标签输入 - 多行输入字段

如果您没有完整的回复,我将很乐意接受指导/指针/想法。

我目前正在更新使用 React 和 Blueprint JS 元素构建的电子邮件系统。

在电子邮件对话框中,我尝试使用 BlueprintJS/labs 的 TagInput 将ToCC字段从文本输入移动到 TagInput 系统。

http://blueprintjs.com/docs/v1/#labs/tag-input

您将在上面链接中包含的示例中看到,他们的 TagInput 字段将允许您将新标签添加到输入字段。一旦这些标签的长度超过输入字段的宽度,它将在输入字段中添加一个新行并允许您继续添加标签。

据我所知,输入字段通常不允许多行。

如何做到这一点?在我目前的代码中,一旦标签超过输入字段的宽度,它将继续在输入下方的新行上添加新标签,但是,它不会增加输入字段的高度来补偿。(使标签看起来神奇地漂浮在输入之外,悬停在其他内容上并阻碍其他内容。)

下图显示了效果。(CC 字段是 TagInput - 如您所见,第一行下方的标签只是“悬停在空间中”并覆盖主题字段,并最终向下移动以覆盖电子邮件正文。)

在此处输入图像描述

TagInput 的定义很简单。

另外,我有一点修改的 CSS

感谢所有的帮助:)

同样,如果您没有完整的回复,我将很乐意接受指导/指针/想法。

0 投票
1 回答
910 浏览

css - 有没有办法覆盖或删除全局元素的 blueprintjs 自定义样式,例如
    ?

Blueprintjs 中的大多数样式类都以 .pt- 为前缀,因此它不会渗入全局 CSS,但有一些元素的自定义样式,例如<ul>, <pre>, <li>在元素本身上设置自定义样式的位置,因此会渗入全局 CSS。有没有办法解决?要删除元素上设置的所有自定义样式?

0 投票
1 回答
673 浏览

reactjs - 设置 blueprintjs Suggest 元素中的元素数量

我正在使用 blueprintjs 可视化工具包开发一个反应应用程序。然而,问题是,与文档中显示的示例不同,我的<Suggest>框将显示数组中的所有元素,而不是前 10 个。我当前的代码:

有没有办法指定显示多少元素?我无法在文档中找到此设置。

0 投票
1 回答
955 浏览

blueprintjs - selectedRegionTransform 处理 onClick 蓝图 JS 表格单元格

我正在尝试在 Blueprints JS 表中的单元格上捕获 onClick 事件。我的目标是在同级组件中触发一个方法,该方法将显示有关表中选定(单击)行的信息。

在谷歌搜索主题时,我发现了这个拉取请求,其中贡献者的评论来自themadcreator提示的使用selectedRegionTransform。他还举了一个例子

如果要单击一行,则应使用 selectedRegionTransform。这将允许拖动选择和多选保持不变。PR 预览页面中有一个示例可以执行此操作。

可悲的是,我找不到那个例子。

在我的组件中,我有这两种方法(有点简化)

从某种意义上说,这log(a,b)在方法test中向我显示了两个对象。一个带有网格坐标,一个带有鼠标事件信息。然后它与此消息中断。

我确定这是因为我不知道如何使用selectedRegionTransform,因此需要一些帮助。

我希望表能够正常响应事件。我只需要一个钩子来触发我自己的功能以及表格的正常功能。

有人可以帮我理解这是如何完成的吗?谢谢!