问题标签 [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 回答
158 浏览

reactjs - Tab2 在渲染期间如何知道它是否是当前选定的选项卡?

Tab2 在渲染期间如何知道它是否是当前选定的选项卡?

我想这样做以更改选项卡标题的内容或样式(例如,所选选项卡的标题为斜体)。

我不想使用 onChange 并管理 Tab2 状态,因为 Tab2 已经知道自己的状态。

什么代码去哪里“???” 是?

谢谢!

0 投票
1 回答
567 浏览

javascript - 如何在 BlueprintJS 中使用颜色?

在我的反应文件的顶部,我包括以下内容:

我如何从这一点开始使用@blue3 等颜色?

这似乎不起作用。

0 投票
1 回答
54 浏览

javascript - Popover - 删除文档上的交互事件(Popover 内容或目标之外的所有内容)

我正在尝试使用 Popover 组件,并且有一个案例我想删除单击文档以关闭弹出框。我希望用户单击弹出框内容面板中的关闭按钮以仅关闭弹出框。

我尝试在interactionKind 上使用CLICK_TARGET_ONLY,但这不允许我组合使用关闭按钮。

你知道我怎样才能达到我想要的行为吗?

谢谢!

0 投票
1 回答
1797 浏览

javascript - 更改蓝图多选输入占位符文本

我正在寻找一种方法来替换“搜索...”默认输入字符串。查看MultiSelect 组件(和示例页面)的 Blueprint Labs 文档,我找不到设置渲染输入的占位符文本的方法。我曾假设它的工作方式类似于 Suggest 组件,但允许 inputProps 通过,但这似乎不起作用。这是我的示例代码:

0 投票
2 回答
1347 浏览

css - 我需要访问 InputGroup BlueprintJs react 组件中的输入

BluePrintJS React InputGroup 组件非常适合现代用户界面。但不幸的是,React 组件不允许访问里面的 <input> 元素。

我需要访问输入元素有两个主要原因:

  • 如果我的表单中有 50 个 InputGroup,我不想编写 50 个 OnChange() 回调。当用户完成所有输入时,我想获取所有 InputGroup.value(),这是不可能的(由于 HTMLInputElement.value 可以使用常规输入元素,但 InputGroup 不允许访问内部输入)

  • 在表单显示时,我需要关注第一个字段。InputGroup 没有函数 focus(),而 HTMLInputElement 有一个。

简而言之, InputGroup 中缺少 2 个函数: GetValue() 和 Focus() ,我看不出它们为什么会丢失。任何建议将不胜感激。非常感谢。

0 投票
1 回答
220 浏览

blueprintjs - 使用自动放置时,有没有办法配置初始 Popover2 位置?

目前唯一支持的 auto 选项是并且可以选择以and为auto后缀。有可能有类似的东西吗?我想并且也会很好。也许蓝图受到 Popper.js 库的限制?-start-endauto-bottom-left-right

0 投票
1 回答
1426 浏览

reactjs - 未满足的对等依赖 react@16.0.0 蓝图

尝试安装蓝图:http ://blueprintjs.com/docs/#blueprint.npm-installation

已尝试手动安装。已尝试按照步骤 2 中所述手动安装依赖项,但我不断收到:

这没有任何意义。我的 package.json 包含"react": "^16.0.0"并且我今天使用 create-react-app 安装了 react,那么这里发生了什么?

包.json:

0 投票
1 回答
1801 浏览

reactjs - 你如何使用一个在蓝图js?

作为不使用打字稿的人,我很难弄清楚如何使用Toast。我可以说这个组件看起来与其他组件不同。

这是示例代码,ES6 等价物是什么?

0 投票
1 回答
252 浏览

reactjs - blueprintjs/datetime 在使用鼠标单击选择并使用键盘输入时选择不同的日期/时间

我需要使用datetimePicker从 blueprintjs 中选择一个日期。关键是当我选择任何一天(例如 2017-11-11)时:

  1. 使用鼠标单击得到结果时间 12:00 am。这个组件查看我的时区 (+2) 并将其考虑在内。结果我得到了日期-> 2017-11-11 10:00。
  2. 使用键盘时间为 00.00。我得到了日期 --> 2017-11-10 22:00。这是前一天。

如果它是一个包,也许有一个我可以跳过时区的场景。因为我不需要时间……只需要日期。

0 投票
1 回答
1241 浏览

blueprintjs - 如何为 blueprintjs 组件设置自定义样式?

我正在使用带有 react 的 blueprintjs,并希望自定义蓝图组件的大小和颜色。

例如,我有一个微调器,并且想将它的大小自定义为 30 像素。

哪个 customSize 是

但是,它不会覆盖原始大小。有没有可能自定义微调器的大小或颜色的方法?

谢谢