angularjs - using $mdDialog.show with spring servlerdispatcher -
i trying show dialog in mvc angularjs application
config.$inject = ['$routeprovider', '$locationprovider']; function config($routeprovider, $locationprovider) { $routeprovider .when('/', { controller: 'homecontroller', templateurl: 'home', controlleras: 'vm' }) .when('/login', { controller: 'logincontroller', templateurl: 'login', controlleras: 'vm' }) .when('/users', { templateurl: 'users', controlleras: 'ul' }) .when('/companies', { templateurl: 'companies', controlleras: 'comp' }) .when('/projects', { templateurl: 'projects', }) .when('/suppliers', { templateurl: 'suppliers', }) .when('/products', { templateurl: 'products', }) .when('/systems', { templateurl: 'systems', }) .when('/fireprotections', { templateurl: 'fireprotections', }) .otherwise({ redirectto: '/login' }); } and dispatcher
@requestmapping(value = "/systems", method = requestmethod.get) public modelandview systems(httpservletrequest request) { try{ logger.info("mappingcontroller --> systems list..."); }catch(exception e){ logger.fatal(new masterprotectionlogger().reporterror("mappingcontroller.systems()", e, logger)); } return new modelandview("systems/systemslist"); } , systemslist.jsp <div id="systemslist" ng-controller="systemslistcontroller syst"> <div> <!--------------------------------------------- search panel ----------------------------------------> <div class="userlistsearchpanel searchformlabel" style="border: 0px !important; padding: 0px !important; "> <fieldset align="left" disable-all = "syst.searchsystempaneldisable" ng-init="syst.filteroption='0'" style=" border: 2px solid #d77509; border-radius: 10px; padding-button: 20px; padding-left: 30px; height:30%"> <legend style="color:#d77509;font-weight:bold; border:0px; width:25%;" > actions </legend> <form> <section layout="row" layout-sm="column" layout-align="center center" layout-wrap> <div> <md-button ng-disabled="syst.disablenewsystembutton()" class="md-fab md-raised" aria-label="add system" ng-click="syst.shownewsystempanel()"> <md-icon md-font-library="material-icons">account_balance</md-icon> <md-tooltip> new system </md-tooltip> </md-button> <p style="text-align: center;"> new system </p> </div> <div> <md-button ng-disabled="syst.disableeditsystembutton()" class="md-fab md-raised" aria-label="edit system" ng-click="syst.showeditsystempanel()"> <md-icon md-font-library="material-icons">edit</md-icon> <md-tooltip> edit system </md-tooltip> </md-button> <p style="text-align: center;"> edit </p> </div> <div> <md-button ng-disabled="syst.disabledeletesystembutton()" class="md-fab" aria-label="delete system" ng-click="syst.showdeleteconfirm($event, syst.selectionrow)"> <md-icon md-font-library="material-icons">delete</md-icon> <md-tooltip> delete system </md-tooltip> </md-button> <p style="text-align: center;"> delete </p> </div> </section> </form> </fieldset> <fieldset align="left" disable-all = "syst.searchsystempaneldisable" ng-init="syst.filteroption='0'" style=" border: 2px solid #d77509; border-radius: 10px; padding: 30px; height:70%"> <legend style="color:#d77509;font-weight:bold; border:0px; width:23%;" > search </legend> <form id="searchform" name="searchform" class="form-inline" ng-submit="syst.callserver(syst.criteria)" novalidate> <div class="form-group" style="margin-top: 5px;"> <label class="searchformlabel" for="searchsystemname">system name</label> <input type= "text" ng-model = "syst.criteria.systemname"/> <label class="searchformlabel" for="searchsystemcode">system code</label> <input type= "text" ng-model = "syst.criteria.systemcode"/> <md-button id="searchbutton" style="background-color: orange !important;" class="md-raised" type="submit"> <md-icon md-font-library="material-icons">search</md-icon> search </md-button> </div> </form> </fieldset> </div> <!-- users table panel -------------------------------------------------------------------------------------------------------> <fieldset disable-all = "syst.systemtabelpaneldisable" class=userlistgrid> <legend style="color:#d77509;font-weight:bold; border:0px; width:10%;" > systems</legend> <table class="table table-condensed table-striped scrollable-area" st-pipe="syst.callserver" st-table="syst.displayed" st-safe-src="syst.rowcollection"> <thead> <tr> <th class="col-sm-1 grid_header" layout-align="center center" style="text-align: center; vertical-align: bottom;"> <th class="col-sm-5 grid_header" style="text-align: center; vertical-align: middle;"><font size="3" color="#ffffff" >system name</font></th> <th class="col-sm-5 grid_header" style="text-align: center; vertical-align: middle;"><font size="3" color="#ffffff">system code</th> </tr> </thead> </table> <div id="scrollable-area" class="scrollable-area" > <table class="table table-condensed table-striped" st-pipe="syst.callserver" st-table="syst.displayed" st-safe-src="syst.rowcollection"> <tbody> <tr ng-repeat="row in syst.displayed" ng-class="{selected : row.systemid == syst.selectedrowid}"> <td class="col-sm-1" aria-label="systemlist" style="text-align: center; vertical-align: middle; margin: auto;"> <md-checkbox class="orange" ng-checked="syst.isselected(row.systemid)" ng-click="syst.toggleselection(row)" title="{{syst.editmode != 1?' ' : 'save edit entry first'}}"></md-checkbox> <td style="display: none;">{{row.systemid}}</td> <td class="col-sm-5" style="text-align: center; vertical-align: middle;">{{row.systemname}}</td> <td class="col-sm-5" style="text-align: center; vertical-align: middle;">{{row.systemcode}}</td> </tr> </tbody> <tbody ng-show="syst.isloading"> <tr> <td colspan="4" class="text-center">loading ...</td> </tr> </tbody> </table> </div> <div class="pull-left floatleftdiv"> <h4 style="margin-top: 25px; margin-right: 10px">page {{syst.currentpage}} / {{syst.numpages}} of {{syst.totalitems}} records</h4> </div> <div class="clearfix floatleftdiv pull-right"> <form class="form-inline" > <div class="form-group"> <uib-pagination total-items="syst.totalitems" items-per-page="syst.itemsperpage" ng-model="syst.currentpage" ng-change="syst.pagechanged(syst.currentpage)" boundary-link-numbers="true" class="pagination-sm" boundary-links="true" max-size="maxsize" rotate="false"> </uib-pagination> </div> <div class="form-group"> <h7>row page</h7> <select ng-model="syst.itemsperpage" ng-change="syst.perpage(syst.itemsperpage)" ng-options="(size) size in syst.pagesizes" class="form-control"> </select> </div> </form> </div> </fieldset> </div> <!--------------------------------------- edit system ------------------------------------------------------------------------------> <div> <jsp:include page="editsystem.jsp" /> </div> <!-------------------------------------- new system ---------------------------------------------------------------------------------> <div> <jsp:include page="newsystem.jsp" /> </div> </div> how can display page popup dialog , idea make following code works?
this.opensystemwindow = function(systemid) { $mddialog.show({ scope: $scope, preservescope: true, templateurl:'/system', controller: function dialogcontroller($scope, $mddialog) { $scope.closedialog = function() { $mddialog.cancel(); }; }, controlleras: 'dc', }); }; i tried use system templateurl error system not found , tried /system , same erro , when using #/systems parent page (project page) in dialog instead of system page (i tring display system dialog page when click on button inside project page )
idea solve problem??
Comments
Post a Comment