替換數據源流程 · 代碼梳理

一.模板文件在index.jsp 大概在325行 ~~~ /* 在報表設計頁的選擇數據源彈框 */ <script type="text/ng-template" id="selectReportDataModal.html"> <div class="modal-header" style="padding: 10px 15px;"> <h4>請{{vsLang.choose_metadata}}</h4> </div> <div class="modal-body" style="padding:0;"> <div class="tree-container" ng-controller="MetadataTreeCtrl" style="top:0;"> <div class="tree-content"> <div ui-tree="treeOptions" data-drag-enabled="false"> <ol ui-tree-nodes="" ng-model="data" id="tree-root"> <li ng-repeat="node in data" ui-tree-node ng-include="'nodes_renderer.html'"></li> </ol> </div> </div> </div> <div style="position:absolute;left:250px;top:0;bottom:0;right:0;"> <table ng-show="data.length > 0" class="doc-list-table" style="width:100%;height:44px;border-bottom:1px solid #f0f0f0;table-layout: fixed;"> <thead> <th style="min-width:40px;width:40px;height:43px;"> </th> <th>{{vsLang.name}}</th> <th style="min-width:100px;width:100px;text-align:center;">{{vsLang.metadata_table_count}}</th> <th style="min-width:140px;width:140px;text-align:center;">{{vsLang.last_update}}</th> </thead> </table> <div style="position:absolute;left:0;top:44px;bottom:0;right:0;overflow-y:auto;"> <div style="height:100px;line-height:100px;text-align:center;color:#999;" ng-show="data.length == 0">{{vsLang.no_metadata_found}}</div> <table ng-show="data.length > 0" class="doc-list-table" style="width:100%;table-layout: fixed;"> <tbody> <tr ng-repeat="item in data" ng-click="onItemClicked(item)" ng-mouseover="hoverIn(item)" ng-mouseleave="hoverOut(item)" ng-style="{'background-color': selectedId === item.id ? '#E6F0F8':''}"> <td style="min-width:40px;width:40px;"> <label style="margin-left:10px;cursor:pointer;" ng-click="onItemClicked(item)"> <input type="checkbox" ng-model="selectedIdMap[item.id]" style="cursor:pointer;" ng-click="onItemClicked(item)"> </label> </td> <td> <div class="name"> {{item.name}} </div> </td> <td style="min-width:100px;width:100px;text-align:center;"> {{item.tableCount}} </td> <td style="min-width:140px;width:140px;text-align:center;"> {{item.updateDate}}{{vsLang.ago}} </td> </tr> </tbody> </table> </div> </div> </div> <div class="modal-footer" style="padding: 10px 15px;"> <button type="button" class="btn btn-success" ng-click="confirm()">{{vsLang.save}}</button> <button type="button" class="btn btn-default" ng-click="dismissWindow()">{{vsLang.cancel}}</button> </div> </script> ~~~ 二.通過點擊時間控制器找到點擊使用的函數分析找到核心函數點擊函數datasourceConfig.onMetadataDatasourceSelected() 三.判斷有沒有數據源，改寫成沒有數據源直接彈彈框 vs-designer-component.js 大概2008行 ~~~ // 判斷有沒有數據源 var g = function () { k.fetchingMetadataTables = true; var p = { method: "POST", url: "datasource/metadata/tables.do", params: { reportId: reportId } }; j(p).then(function n(q) { console.log(q) k.datasourceConfig.fetchingMetadataTables = false; if (q.data.success) { k.datasourceConfig.metadataTables = q.data.data; f() } else { // i.error({ // body: q.data.message // }) // 谷建文 var p = b.open({ templateUrl: "selectReportDataModal.html", controller: "SelectReportDataModalCtrl", scope: k, size: "lg", windowClass: "select-report-data-modal", resolve: { param: function () { return {} } } }) console.log(k) // end } }, function o(q) { k.datasourceConfig.fetchingMetadataTables = false; i.error({ body: vsLang.connection_failed }) console.log(i) console.log(vsLang.connection_failed) }) }; ~~~ ps（scope: k）這里的k是當前控制器的作用域，模板層在最大的Appctrl控制器里，angular特性子級控制器里沒有的變量和方法，會順著作用域鏈一直往上查找