sapui5 PlanningCalendar "intervalsS“属性在移动电话中不起作用

Question

我在移动电话中使用PlanningCalendarView显示日历日期时遇到了一个小问题。

属性intervalS在横向环境中不起作用。但它在肖像模式下工作得很好。下面是我在View中尝试的代码。

<PlanningCalendarView description="Days" intervalType="Day" key="Day" intervalsS="6" intervalsM="15" intervalsL="18"></PlanningCalendarView>

纵向模式..

​

横向模式..

​

如果你在纵向模式下看到上面的截图，它会显示6个日期，但在横向模式下，它会显示8个日期。但是在我的XML视图中，我将intervalsS配置为6。

有人能帮我在横向模式下配置6个日期吗？

提前谢谢你..

Answer 1

PlanningCalendarView参数间隔/M/L显示取决于当前屏幕像素宽度的间隔数。

正如您在文档中所读到的：

intervalS

• 定义宽度小于600像素的sap.m.PlanningCalendar显示的间隔数。

intervalsM

• 定义为宽度在600到1024像素之间的sap.m.PlanningCalendar显示的间隔数。

处于横向模式的手机将有大约800px，因此在渲染组件期间使用IntervalsM属性。

如果您将属性intervalsM="15"更改为intervalsM="6"，它应该会在手机上正确呈现6个间隔，但在平板电脑上也只会呈现6个元素。

Answer 2

我用下面的方法自己解决了这个问题。

在控制器中，im只检查设备，im手动将日历日期设置为7。

if (sap.ui.Device._getSystem().phone === true) {                 
   this.getView().byId("planningCalendarIntervals").setIntervalsM(7);       
}

视图...

<PlanningCalendarView id="planningCalendarIntervals" description="Days" intervalType="Day" key="Day" intervalsS="7" intervalsM="15" intervalsL="18">`</PlanningCalendarView>