...
Note |
---|
To be able to use the archetype overlay mechanism such that we can add the custom, table, and topology-overlay samples incrementally, we actually create three separate UiExtension instances and register them with the UiExtensionService individually. If your ONOS application was indeed creating multiple views, it should define a single UiExtension instance and declare each of the views and message handlers in one place. See UiExtensionManager.createCoreExtension() for an example of how to do this. Also see the sample application onos-app-uiref. |
AppUiTableComponent
This is the base class for UI functionality. Things to note:
...
Code Block | ||
---|---|---|
| ||
<div class="ctrl-btns"> <div class="refresh" ng-class="{active: autoRefresh}" icon icon-id="refresh" icon-size="36" tooltip tt-msg="autoRefreshTip" ng-click="toggleRefresh()"></div> </div> |
Info |
---|
See the tablular view directives page for more details about the directives used to define the refresh button. |
...
Code Block | ||
---|---|---|
| ||
<div class="table-header" onos-sortable-header> <table> <tr> <td colId="id" sortable>Item ID </td> <td colId="label" sortable>Label </td> <td colId="code" sortable>Code </td> </tr> </table> </div> |
Info |
---|
See the tabular view directives page for more information on the onos-sortable-header and sortable directives. |
...
Code Block | ||
---|---|---|
| ||
angular.module('ovSampleovSampleTable', []) .controller('OvSampleCtrlOvSampleTableCtrl' ['$log', '$scope', 'TableBuilderService', 'FnService', 'WebSocketService', function (_$log_, _$scope_, tbs, _fs_, _wss_) { ... }]) |
...