Property binding 和一個物件的值關聯。

下面的例子：使用控制器方法 `formatPhoneNumbersAsCSV` 顯示業務合作伙伴聯絡人的電話號碼列表，以逗號分隔:

```xml
<simpleform binding="{/BusinessPartnerList('42')}">
	<label text="Phone number list"></label>
	<text text="{path : 'BP_2_CONTACT', mode : 'OneTime', targetType : 'any', formatter : '.formatPhoneNumbersAsCSV'}"></text>
</simpleform>
```

上面 XML 檢視裡，在 Text 控制元件裡，顯示 id 為 42 的 Business Partner 模型的屬性值 `BP_2_CONTACT`，並且用自定義格式器 `.formatPhoneNumbersAsCSV` 在電話號碼之間加上逗號分隔符。

OData V4 模型根據控制元件或應用程式請求的資料範圍，`自動確定`系統查詢選項 `$top` 和 `$skip`.

在下面的示例中，生成的第一個請求是 GET People('angelhuffman')/Friends?$expand=Friends&$skip=0&$top=107。 $top 的值是根據請求資料的長度 (7) 加上控制元件提供的預取大小 (100) 計算得出的。

```xml
<table id="PeopleTable" width="auto" title="People" visiblerowcount="7" rows="{
            path:'/People(\'angelhuffman\')/Friends',
            parameters: {
                $expand:'Friends'
            }
        }">
 
    <columns>
    ...
    </columns>
</table>

```
另一種分頁機制是伺服器驅動分頁，伺服器只返回請求資料的一部分以限制響應大小。 自 SAPUI5 1.72 起，OData V4 模型支援此機制。該模型會將檢索到的資料與對控制元件或應用程式的響應一起提供。 後續請求不會再自動觸發，只有在控制元件或應用程式向模型請求`附加`資料時才會觸發。

只有 list 和 context binding 支援 OData 系統查詢選項 $apply、$count、$expand、$filter、$orderby、$search 和 $select，property binding 不支援。

使用 JavaScript 進行資料繫結的例子：

```javascript
oView.byId("SalesOrderTable").bindItems({
    path : "/SalesOrderList",
    parameters : {
        "$count" : true,
        "$expand" : {
            "SO_2_SOITEM" : {
                "$orderby" : "ItemPosition",
                "$select" : ["ItemPosition", "Quantity", "QuantityUnit", "SalesOrderID"]
            }
        },
        "$filter" : "BuyerName ge 'M'",
        "$orderby" : "GrossAmount desc",
        "$select" : ["BuyerName", "CurrencyCode", "GrossAmount", "Note", "SalesOrderID"]
    }
});
```
使用 XML 檢視進行資料繫結的例子：

```xml
<table growing="true" growingthreshold="5" id="SalesOrders" items="{
            path : '/SalesOrderList',
            parameters : {
                $count : true,
                $expand : 'SO_2_BP',
                $filter : 'BuyerName ge \'M\'',
                $orderby : 'GrossAmount desc',
                $select : 'BuyerName,CurrencyCode,GrossAmount,Note,SalesOrderID'
            },
        }">
```

$expand 不僅僅可以是字串，也可以是一個 JSON 物件：

```xml
<table growing="true" growingthreshold="5" id="SalesOrders" items="{
            path : '/SalesOrderList',
            parameters : {
                $count : true,
                $expand : {
                       'SO_2_SOITEM' : {
                               '$orderby' : 'ItemPosition',
                               '$select' : ['ItemPosition','Quantity','QuantityUnit','SalesOrderID']
                       }
               },
                $filter : 'BuyerName ge \'M\'',
                $orderby : 'GrossAmount desc',
                $select : ['BuyerName','CurrencyCode','GrossAmount','Note','SalesOrderID']
            },
        }">

```

OData V4 模型允許繫結由引數 $count 設定為 true 的 ODataListBinding 讀取的實體集合的內聯計數。不活躍的上下文(也就是說，沒有顯示在當前列表控制元件裡的記錄)`不影響`這個計數；

在下面的示例中，表標題繫結到 `$count`，因此表示繫結到表的集合中的銷售訂單實體的數量。

```xml
<table id="SalesOrders" items="{
        path : '/SalesOrderList',
        parameters : {
            $count : true,
        }
    }">
    <headertoolbar>
        <toolbar>
            <content>
                <title id="SalesOrdersTitle" text="{$count} Sales Orders"></title>
            </content>
        </toolbar>
    </headertoolbar>
    ...
</table>
```
                        
                                        <p style="clear:both;"></p>
                    <p class="translate">
                                                    來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/24475491/viewspace-2889529/，如需轉載，請註明出處，否則將追究法律責任。
                                            </p>

</div>

<div class="article-context">
                    <div class="fl">
                        <span class="color77">上一篇：</span>
                                                    <a href="http://blog.itpub.net/24475491/viewspace-2889528/" rel="nofollow">關於 SAP UI5 OData V4 模型的 refresh 方法</a>
                        
                    </div>
                    <div class="fr">
                        <span class="color77">下一篇：</span>
                                                    <a href="http://blog.itpub.net/24475491/viewspace-2889531/" rel="nofollow">關於 SAP UI5 OData V4 模型的型別自動識別</a>
                                            </div>
                </div>

<div class="blog-comment">
                    <div class="new-comment">
                        <input type="hidden" id="hid" name="hid" value="2889529">
                        <input type="hidden" name="_token" value="xSlTLECE1ec2ZhdBKrhfM0gvqPKbfOcZR14bSfYr">
                        <a class="avatar" href="javascript:;" rel="nofollow">
                            <img src="http://blog.itpub.net/images/user_pic_default.png" alt="關於 SAP UI5 OData V4 模型的 Property Binding 使用介紹" width="640" height="360"></a>

<div class="sign-container">
                            <span>請登入後發表評論</span>
                            <a class="btn btn-sign" rel="nofollow">
                                </a><a class="layui-btn ml30" onclick="blog.login(event)" rel="nofollow">登入</a>
                            
                        </div>

<textarea placeholder="請寫下你的評論…" onfocus="blogObj.textareaFocus($(this),200)" maxlength="200">

關於 SAP UI5 OData V4 模型的 Property Binding 使用介紹

最新文章

相關文章