“office-ui-fabric”的相关标签问题

0 投票

1 回答

1543 浏览

jquery-plugins - 将 Office UI Fabric 日期选择器与 Aurelia 一起使用时的问题

我正在尝试将Office UI Fabric 日期选择器与我的 Aurelia 应用程序一起使用。根据提供的示例，我到目前为止所做的事情：

围绕 datepicker 创建了一个自定义元素：
- msfabric-date-picker.html：
  /li>
- msfabric-date-picker.ts：
  /li>
datepicker 自定义元素的用法：
/li>
在布局 html 页面中添加了 Office-Fabric 日期选择器库：

这就是问题所在。据我了解，这个结构组件依赖于pickadate.js，并且在加载jquery 插件时require.js出错。我已尝试将代码替换为此处提供的 codepen 中的代码，但没有成功。我什至尝试在添加织物脚本之前直接添加脚本, 和，但再次没有成功。在所有情况下，我都会遇到相同的错误。Uncaught Error: Mismatched anonymous define() modulepickadate.jsJquery.DatePicker.jspickadate.jspicker.jspicker.date.js

我认为问题在于如何pickadate.js加载模块。需要您的帮助来解决这个问题。

0 投票

0 回答

1150 浏览

javascript - 多个 SharePoint 2013“拖放上传器”位置错误地放置在响应式页面布局中

我正在 Office UI Fabric 的帮助下开发响应式设计自定义页面布局。这是我正在为 Office 365 中的 SharePoint 开发的解决方案 (WSP) 的一部分。

问题问题是当一个库被添加到一个具有响应式布局的页面时，拖放上传器区域被错误地放置。它不遵循 Office UI Fabrics 或 Bootstrap 应用的规则。

问：那么如何将拖放上传器区域应用到正确的区域，即。在 SharePoint 的响应式页面布局内的文档库顶部？

部分解决问题的解决方案

StackExchange SharePoint 网站上有一篇文章，但它只能部分解决问题。简短描述它建议在 DOM 中的 #s4-workspace 元素下方应用 html-div 元素（下面的片段）。这里也有描述。 如果页面上只有一个库需要修复，此修复程序会产生奇迹

添加 CSS 属性。我注意到很有可能left从 DOM 中的 .ms-dnd-dropbox 元素继承属性。这会将保管箱区域相对于保管箱区域正确水平对齐。然而，同样需要修复的 top 属性不能通过相同的技术应用。为什么？没有把握。

以正确的水平对齐放置 Dropbox 区域：

将保管箱区域放置在正确的水平对齐中，并具有一些外观不错的功能

或者

在 JavaScript 的帮助下，可以操作保管箱区域。代码如下。然而，这很好用，除了 sharepoint dragdrop.js 实际上比这个脚本执行得更快。即使两个脚本都使用 eventhandler dragenter。结果是，如果用户快速将文档拖到窗口中的 Dropbox 区域，首先会被错误地放置，然后，当文档window随着 Dropbox 区域移动时，会非常正确地放置。这里唯一的问题是，由于 sharepoint 脚本在我看到的dragenter事件之前执行，所以保管箱区域放置得不好。我的想法可能有一些错误，但如果是这种情况，请解释为什么会发生这种情况。

这种方式也仅在响应式布局处于“多列视图”时才有效，一旦对于较小的设备，列彼此下方下降，放置在最右边列中的所有库将被放置在正确位置下方约 1000 像素处。然而，这可能是可以接受的，因为很难想象为什么要将拖放功能应用于小型设备。

javascript css sharepoint responsive-design office-ui-fabric

0 投票

1 回答

454 浏览