Skip to Content
avatar image
Former Member

Why doesn't my timeline control show items after refreshing model?

Hello!

I have a Timeline control (sap.suite.ui.commons.Timeline). When I first attached the data model (data requested to server-side) to the timeline, it still appeared the timeline items. However, the problem is when user add an item or do something that makes affect to timeline, then all items will disappear although it's refreshed.

This issue occurred when I used fiori launchpad for my app's entry point.


Please help me, thank you so much!

timeline.png (22.1 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Apr 13 at 11:29 AM

    your code....

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      Hi Jun,

      Here's my view detail

      <mvc:View
              controllerName="main.controller.Timeline"
              xmlns="sap.suite.ui.commons"
              xmlns:core="sap.ui.core"
              xmlns:mvc="sap.ui.core.mvc"
              xmlns:m="sap.m"
              height="100%">
          <m:OverflowToolbar id="idToolbar">
              <m:content>
                  <m:Label text="Text Height"></m:Label>
                  <m:Select id="idGenderSelector" change="textHeightChanged">
                      <core:Item key="None" text="None"/>
                      <core:Item key="3" text="3 Lines"/>
                      <core:Item key="7" text="7 Lines"/>
                      <core:Item key="150px" text="150 px"/>
                  </m:Select>
                  <m:Label text="Group By Type"></m:Label>
                  <m:Select change="groupByChanged">
                      <core:Item key="None" text="None"/>
                      <core:Item key="Year" text="Year"/>
                      <core:Item key="Month" text="Month"/>
                      <core:Item key="Week" text="Week"/>
                      <core:Item key="Day" text="Day"/>
                  </m:Select>
                  <m:Label text="Axis orientation"></m:Label>
                  <m:Select change="orientationChanged">
                      <core:Item key="Vertical" text="Vertical"/>
                      <core:Item key="Horizontal" text="Horizontal"/>
                  </m:Select>
                  <m:Label text="Alignment"></m:Label>
                  <m:Select id="idAlignment" change="alignmentChanged">
                      <core:Item key="DoubleSided" text="Double sided"/>
                      <core:Item id="idAlignmentFirst" key="Left" text="Left"/>
                      <core:Item id="idAlignmentSecond" key="Right" text="Right"/>
                  </m:Select>
                  <m:CheckBox select="enableScrollSelected" text="enable scrollbar" selected="true"/>
              </m:content>
          </m:OverflowToolbar>
          <Timeline
                  id="idTimeline"
                  enableDoubleSided="true"
                  enableBusyIndicator="true"
                  groupBy="title"
                  growingThreshhold="0"
                  filterTitle="Title"
                  sortOldestFirst="true"
                  lazyLoading="true"
                  select="onTimeLineItemSelected"
                  content="{/status}">
              <content>
                  <TimelineItem
                          id="idTemplateItem"
                          dateTime="{postDate}"
                          title="{title}"
                          userNameClickable="true"
                          status="Success"
                          text="{content}"
                          userName="{appUser>/id}"
                          filterValue="{title}">
                  </TimelineItem>
              </content>
          </Timeline>
      </mvc:View>

      The issue above's solved after I'd removed line 'growingThreshhold="0"'. However, in my controller, I have:

      this._timeline = this.getView().byId("idTimeline");
      var sKey = oEvent.getParameter("selectedItem").getProperty("key");
      this._timeline.setGroupByType(sKey);

      When I activated this, an error occurred: "this._timeline.setGroupByType is not a function"