Welcome to Jim's Blog

欢迎欢迎


  • 首页

  • 分类

  • 归档

  • 标签

  • 搜索

router

发表于 2017-11-07 | | 阅读次数


还有一个master/detail的路由用SplitApp,它们的区别就是这里的targetAggregation

导航首先要在Controller中的Oninit中实例化路由:
var oRouter = sap.ui.core.UIComponent.getRouterFor(this)

Form

发表于 2017-11-06 | | 阅读次数



Grid

发表于 2017-11-06 | | 阅读次数

Grid布局就是将每一行划分成12个单位,不论屏幕的宽度是多少。

尺寸有可能是XL Large Medium Small大尺寸,中尺寸,小尺寸。


defualtspan: 设置整个grid默认的排列方式

defaultintent:设置网格元素的头间距

hSpacing/vSpacing 设置当前每一个网格的水平间距和上下间距,可以设定0,0.5,1,2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<l:Grid defaultSpan="L2 M6 S12" hSpacing="2" vSpacing="2" class="sapUiSmallMarginTop">
<l:content>
<!-- Third / Half width items -->
<ObjectListItem id="productitem-small-0" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<ObjectListItem id="productitem-small-1" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<ObjectListItem id="productitem-small-2" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<ObjectListItem id="productitem-small-3" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<ObjectListItem id="productitem-small-4" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<ObjectListItem id="productitem-small-5" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }"></ObjectListItem>
<!-- Half/Full width items -->
<ObjectListItem id="productitem-large-0" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }">
<layoutData>
<l:GridData span="L6 M12 S12"/>
</layoutData>
</ObjectListItem>
<ObjectListItem id="productitem-large-1" title="{Name}" intro="{Category}"
icon="{ path: 'Category', formatter: 'sap.ui.layout.sample.GridTiles.Formatter.categoryIcon' }">
<layoutData>
<l:GridData span="L6 M12 S12"/>
</layoutData>
</ObjectListItem>
</l:content>
</l:Grid>

这里的defaultSpan="L2 M6 S12"意思就是在Large大尺寸时每一个元素占两个单位(每行有6个元素),在Medium中尺寸时每一个元素占6个单位(每行有2个元素),在Small小尺寸时每一个元素占12个单位(每个元素是一行)。

SSL on AS ABAP

发表于 2017-10-25 | | 阅读次数

SSO的概念有时候会把我们引入歧途,有一个概念要先搞清楚,如果我们只是需要后台系统的数据,比如第三方要访问ERP的ODATA,那么要做的只是接口,如果需要的是后台系统的应用,比如说登录了一个系统跳转到ERP,这时才需要做单点登录。

Fiori-List

发表于 2017-10-24 | 分类于 Fiori | | 阅读次数
List列表控件

比较常用的一个控件。

sap.m.List
一个Listitem的容器,包含所有的Items。
移动设备建议最多加载100条,使用growing属性,加载大量数据。

List 常用属性:

属性 用法
selectionChange 点击第一个item时会触发
itemPress …
mode 指定选择模式,单选多选
noDataText 没有数据时默认展示
items 数据路径的绑定,绑定需要加载的数据model
enableBusyIndicator 数据加载时的显示
modeAnimationOn 动画的处理
growingThrehold 控制第一次加载的条数
growing …
growingDirection …
headerText header标题
footerText footer标题
showUnread 显示未读状态
ObjectListItem


固定的格式,主要用于展示一个对象的概要信息,包括标题、描述、图标、状态等。

ActionListItem


主要用于按钮点击事件操作类的列表

DisplayListItem


左边是Label,右边Value形式的列表

FeedListItem


有点类似facebook的列表显示,显示头像、时间;支持最大字符数量缩放显示;可以显示html标签

InputListItem


更适合移动设备的配置页面,Label/Value 输入框的显示

StandardListItem

最常用的标准的通用信息展示,头像,标题,描述。有onPress点击事件。

CustomeListItem


自定义布局的List

SelectList


和List比较类似

123…8
Jim Guo

Jim Guo

Hi~

36 日志
5 分类
22 标签
© 2018 Jim Guo
由 Hexo 强力驱动
主题 - NexT.Mist