SAPUI5-移动应用程序分页,Paginator的替代方案



我正在在sapui5中投资调查/问卷应用程序...

主要是在移动设备上使用的,并且问卷将由许多问题组成,因此在问题上进行分页的最佳SAPUI5组件是什么?

Paginator很丑陋,很快就会被弃用,所以我正在寻找其他建议。

任何人可以帮忙吗?

navcontainer怎么样。https://sapui5.hana.ondemand.com/expleord.html#/sample/sapp.m.sample.navcontainer/preview

它非常适合您的用例,并且在移动设备中具有良好的用户体验。您可以在页脚中定义自己的背部和下一个按钮,以在不同问题之间导航。

谢谢。

我知道艾伦已经回答了这个问题,因此这是一个替代建议。

假设您的模型将是:

{
    "Questions": [{
        "QuestionID": "0001",
        "QuestionText":"What is a Blah?"
        "Options": [{
            "OptionA":"Blah",
            "OptionB":"BlahBlah",
            "OptionC":"BlahBlahBlah",
            "OptionD":"None Of the Above Blahs"
        }]
        },{
        "QuestionID": "0002",
        "QuestionText":"To Blah or not to Blah?"
        "Options": [{
            "OptionA":"Yes",
            "OptionB":"No",
            "OptionC":"Blah",
            "OptionD":"Blah ha ha ha"
        }]
    }]
}

您也可以在没有Navcontainer和单个视图的情况下完成相同的效果。该视图将绑定到上述模型。视图/页面可能具有两个按钮,用于"下一个"one_answers"上一个"功能。单击每个按钮,您可以操纵绑定到视图的绑定context,以使上下文更改而不是视图。要设置新的bindingContext,您可以跟踪当前在屏幕上显示哪个问题,并使用.bindelement函数设置要显示的下一个/上一个元素的路径。

  • 专利:只有一个视图和控制器
  • 缺点:需要管理上下文和路径,这也意味着绑定少复杂,您可能需要根据答案的数量在2(true/false问题)之间而需要的工厂功能(MCP为4在上面的示例中)

有用的元素绑定链接:https://sapui5.hana.ondemand.com/expleord.html#/sample/sample/sample/samp.ui.core.tutorial.databinding.13/preview

感谢您对此的帮助。我想使用绑定路径/上下文来创建一个新的调查创建应用程序,但是只需要一些操纵绑定即可创建新路径的示例,例如,我创建了一个新问题这里

最新更新