问题标签 [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.
frontend - How to create a sidenav in blueprintjs?
As the title says. I tried using the Overlay item that comes with blueprint, but that had the issue of only being able to scroll within the overlay. Also tried using reflexbox but that had the issue of not being able to scroll individually within the sidenav vs main content. I'm looking for something like
a | a a a
a | a a a
a | a a a
where the sidebar and the maincontent can scroll independently
reactjs - @blueprintjs/table 如何使用箭头/tab 键导航
我想@blueprintjs/table
使用箭头/tab 键导航。我遵循了这些文档,但找不到任何解决方案。任何人都可以帮助提供示例代码/解决方案。
我当前的组件如下。
blueprintjs - Can multiple BlueprintJS Popovers have the same target? (e.g. one for click and another for hover)
Let's say I have a Button component, and I'd like Popover A to appear upon hovering over the Button, and Popover B to appear when clicking on the button. Is this possible?
reactjs - 在 Blueprintjs 中扩展组件(树)
我想要做的是向我的树添加一个新属性,然后将其传递给它的treeNodes
. 原因是我的子节点具有secondaryLabel
. 我想使用该标签在点击时向我的 redux 商店发送一个操作。因此,在渲染我的组件时,我想将此操作传递给我的树,然后将其传递给相关节点。如果这是一个不好的方法,请在这里阻止我!
我的节点是在控制器(这是一个.ts
文件)中创建的,如下所示:
由于我正在使用React.createElement
,我认为将我的操作传递给图标的最佳方式是通过树,然后在渲染它们时传递给它的节点。
我正在像这样扩展树:
这就是我的问题开始的地方:Tree
它的大部分函数都声明为private
. 我想扩展它的renderNodes
功能以将我的操作传递给节点。但是函数本身及其传递的所有内容也是私有的(https://github.com/palantir/blueprint/blob/develop/packages/core/src/components/tree/treeNode.tsx)
由于我不想基本上复制粘贴整个内容以扩展单个属性(然后也对TreeNode
应该发生操作的位置执行相同操作),我该如何正确执行此操作?
reactjs - 从 DateInput BlueprintJS 更改月份名称
因此,我在项目中使用BlueprintJS 日期时间包React
来呈现生日选择器,并且我想将选择的月份名称设置为西班牙语版本。在他们的文档中说他们使用react-day-picker来呈现日历,并且从 react-day-picker 文档中有一个参数可以从数组中设置月份名称,但我没有得到它来更改选择名称。这是我在组件中设置的。weekdaysLong
和工作正常,weekdaysShort
但不是几个月的财产。
这是我拥有months
和的变量weekdays
任何人都知道发生了什么或知道设置整个组件语言的另一种方法?
html - 在 blueprintjs 中,如何在 FileInput 中设置 `accept` 属性
accept
使用 react-blueprintjs 时无法弄清楚如何设置属性。作为参考,在 HTML 中,这只是
我尝试使用inputProps={accept: '...'}
,但这会导致“找不到名称...”错误。
抱歉,如果这是一个 n00b 问题,这对我来说就在 React/blueprint/HTML/typescript 盲点。
css - 如何使用 Blueprint 3.0 Drawer 作为左侧导航?
我可以通过设置样式 left:0 将抽屉移到左侧,但关闭和打开的动画发生在右侧。下面是一段代码。请帮助解决动画问题。
javascript - 在 BlueprintJs DateInput 上添加“small”属性或 .bp3-small
我在我的应用程序中使用来自 BlueprintJS 的控件,并且输入框上有一个名为“small”的属性,它向其中添加了类“.bp3-small”以减小字体大小和组件高度。但是,这似乎在 DateInput 控件上不可用。我试过手动添加类:
和:
但它仍然没有得到应用。我也尝试添加样式,但仍然没有运气。
如何在所有BlueprintJS 组件中使用小样式?
我应该补充一点,我的 DateInput 在 FormGroup 内。我也尝试使用 FormGroup 的 contentClassName 属性但没有成功
谢谢,特洛伊
reactjs - 用 jest 进行反应测试不尊重 webpack 别名中的 moduleNameMapper
我正在使用玩笑和酶来测试我的反应成分。我还使用蓝图图标作为我的反应组件中的依赖项之一。作为我的 webpack 配置的一部分,添加了以下内容:
以下是作为 jest 配置的一部分添加的:
这是我的组件:
这是我的 foo.test.js
当我尝试测试该组件时,测试失败
TypeError:无法读取 IconNames.HOME 未定义的属性“HOME”
这是我的 package.json 中指定的一些包
我正在使用反应 16.2.0
我尝试模拟它但不起作用(也许我没有正确执行它)但这是我正在使用的代码: