是否可以将Kendo的React Toolbar与其他React组件一起使用?

时间:2017-09-29 13:45:58

标签: reactjs kendo-ui kendo-react-ui

我们一直在使用新发布的React组件升级我们已经使用jndo的Kendo UI的前端。

我们现有的一个组件是一个工具栏,其中包含一些按钮和下拉菜单,但到目前为止,您似乎只能使用React工具栏自己的配置对象来渲染工具栏中的任何内容。这限制了使用。

是否可以在Kendo UI React工具栏中使用其他Kendo UI React组件甚至您自己的React组件?

1 个答案:

答案 0 :(得分:0)

工具栏是jQuery kendo UI工具栏的React包装器。因此,不可能在其中添加反应组分。 https://www.telerik.com/kendo-react-ui/wrappers/buttons/toolbar/

该套件现在已扩展为完全使用React编写的组件,它们可以相互嵌套。 https://www.telerik.com/kendo-react-ui/components/buttons/

纯实现没有工具栏,但它有ButtonGroup,工具栏的其余部分只是样式,因为它使用相同的主题,你可以通过设置一些classNames来实现它。

             <div className="k-toolbar k-widget k-toolbar-resizable"> 
               <ButtonGroup width="300px">
                   <Button togglable={true} icon="bold">Bold</Button>
                   <Button togglable={true} icon="italic">Italic</Button>
                   <Button togglable={true} icon="underline">Underline</Button>
               </ButtonGroup >
               <div data-overflow="auto" className="k-separator">&nbsp;</div>
               <Button icon="bold">Bold</Button>
             </div>