tags: Bonita BPM UI Designer
一般網頁
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table>
<tr>
<th>No.</th>
<th>发票号码</th>
<th>金额</th>
</tr>
<tr ng-repeat="invoice in invoices">
<td>{{invoice.id}}</td>
<td>{{invoice.number}}</td>
<td>{{invoice.money}}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope) {
$scope.invoices = [{"check":false,"id":1,"number":"12345","money":"10000"},{"check":false,"id":2,"number":"56789","money":"20000"},{"check":false,"id":3,"number":"10101","money":"50000"}];
});
</script>
</body>
</html>
Bonita UI
分為兩個部分Template和Controller，實際上和一般網頁的寫法大同小異
實際範例
連結：【Bonita BPM】UI Designer 客製化元件 實際範例 - Part1：TableWithCheckbox
沒有留言:
張貼留言