问题标签 [office-ui-fabric]
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.
javascript - 第二次单击时 office-fabric-ui 中的上下文菜单问题
我们正在开发 Office UI Fabric JS 1.2.0。问题在于具有子菜单项的上下文菜单。当您打开二级菜单,然后单击菜单上的任意位置时,一级菜单正在关闭,二级菜单重新对齐到页面的左上角。我们在下一版本的面料中也找不到解决方案。
reactjs - Fabric React 的 List.Grid 组件的“items”的有效属性值
使用此 Office UI Fabric 的列表网格代码时:
并使用该类,例如:
我收到此错误:
类型 '"{this.state.items}"' 不可分配给类型 'any[]'。
List.Grid 的有效属性值是多少items
?
ms-office - Office Fabric:使用户能够重新选择 DetailsList 中的同一行
对于 DetailsLists,“onActiveItemChanged”不能很好地打开该项目的模式对话框,因为第二次单击同一行(关闭模型对话框后)将被忽略,因为 activeItem 没有更改。“onItemInvoke”也不是很好,因为它只响应双击。
有没有办法清除活动项目?
css - 当还有空间时不要隐藏项目
我正在尝试使用ng-office-ui-fabric的命令栏,这是一个代码
如果我们改变预览的宽度,我们可以看到项目很容易被隐藏is-hidden
(我们可以看到添加了一个类),即使视觉上有很多空间。
有谁知道如何控制这个限制宽度以使物品不容易隐藏?
另一种选择是从不隐藏命令项,有人知道如何启用它吗?
否则,是否可以office-ui-fabric
在angularjs
没有in 的情况下制作命令栏ng-office-ui-fabric
?
javascript - 如何让 UI Fabric 命令栏上下文菜单工作?
我一直在尝试在 Office.js API Microsoft Word 应用程序中使用Office UI Fabric 的命令栏控件。
当应用程序显示在任务窗格的最大宽度时,在主栏中看到的按钮都会按预期工作。当我将任务窗格的大小重新调整为更小的宽度并且按钮移动到'...'
(省略号)下拉列表中时,它们会停止工作。
我已经尝试将代码中按钮的副本显式添加到ms-CommandBar-overflowButton
容器中,但它只会采用第一项的功能并为其他所有项复制它。我使用了Ui Fabric JS 文档页面中的代码,但我不确定为什么按钮在移动到上下文菜单时会停止工作。
Office UI Fabric 版本:1.2.0 Office UI Fabric Core 版本:4.1.0
reactjs - Sharepoint 框架项目中缺少 Office UI Fabric 类
我是 Sharepoint 框架的新手,但我使用了“yo @microsoft/sharepoint”命令来创建一个新的 React/SPFx 项目。但是,这样做似乎我无法访问OfficeUI Fabric 中可用的某些CSS 类。例如,如果我尝试创建典型的网格布局,ms-Grid-row 和 ms-Grid-col 类会按预期工作,但调整工具类不会(ms-sm6、ms-lg6)。其他织物类也可以正常工作,例如 ms-bgColor-neutralLight、ms-font-xl 和 ms-fontWeight-semibold ......所以部分样式正在通过。
如果我添加对指向 fabric.css 的 CDN 的 workbench.html 文件的链接引用,我会让这些类再次工作......但这不是解决方案,因为该文件只是一个临时文件构建,用于在编译时进行测试.
是否需要做其他事情才能将fabric.css(或fabric.min.css)包含在我的项目中?
reactjs - 在办公室结构 UI 控件中单击按钮时验证表单字段
我的表单中有一个 TextField 和 PrimaryButton。
单击按钮时,我想验证文本字段。如果没有值,则在单击按钮时触发必填字段验证,并显示与 onGetErrorMessage 事件显示相同的消息。
我知道验证是触发 onBlur 事件,但我想在按钮单击时触发验证。
我该怎么做?
reactjs - 更改 Office UI Fabric React 组件的颜色/主题?
我正在尝试在我的 Web 应用程序中使用Office UI Fabric React 组件。有没有办法改变组件的颜色或主题?例如,我尝试过这样的事情:
my-button
是一个定义为红色背景颜色的 CSS 类。但实际上并没有改变什么。按钮背景颜色仍然是默认的#f4f4f4
。
是否有可能改变组件的颜色?
[更新]理想情况下,我想我想全局更改组件的主题,以便我的应用程序可以具有一致的外观和感觉。
谢谢!
reactjs - 如何创建受控的 Fabric UI TextField 组件?
我一直在尝试以标准方式编写受控的 TextField 组件,就像在 React 文档中一样:
上面的代码是我一直在使用的,但它似乎并没有改变反应组件的状态,因为在相同的形式中,如果我更改受控复选框,它会将文本字段重置为空。如果我使用标准的 html 输入元素,它会按预期工作并且不会清除该字段。
我在这里做错了什么?TextField 的工作方式不应该与文本类型输入相同吗?
javascript - 如何将 office-ui-fabric-react 安装到现有的 MVC 项目中?
我们已经开始构建一个应用程序,并决定将其与 office-ui-fabric-react 集成。我知道如何使用 安装软件包npm ...
,只是不知道在哪里安装NodeJs
& gulp
。
我有一个名为 Relationize 的存储库,在该存储库中,我的 Api 和 Web 应用程序都有一个文件夹(这也是我的 package-lock.json 所在的位置)。
在这里,我不知道它是否应该在我的项目文件所在的根目录中,或者在我的 wwwroot 中(正如所说的它应该在你的根目录中)。但是当我运行所有 3 个命令时:npm i -S nodejs
,npm install --global gulp-cli
并最终npm --save install office-ui-fabric-react
安装了 office 包。当我尝试在单独的 javascript 文件中添加一个组件来测试它是否有效时(只是从@Microsoft 复制了代码:
它给出了一个错误:
有没有人有关于如何在现有项目中实现它的可理解指南,或者有人想花一些时间帮助我实现它?
提前致谢!