天天看點

【angularjs】表格選中行定位

效果:

彈出二級頁傳回後,仍舊定位到上次選中行

【angularjs】表格選中行定位
【angularjs】表格選中行定位

首頁js的代碼:

1.監控選中的是哪一頁

$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
                  if (!$.isEmptyObject(fromParams)) {
                      getData(self.gridOptions.paginationCurrentPage);
                  }
              })
           

2.定位選中的是哪一行,寫在grid代碼中

self.gridOptions = {
                  isRowSelectable: function (row) { //GridRow 
                      if (selectRows.length > 0) {
                          if (row.entity.ProductOrder == selectRows[0].ProductOrder) {
                              row.grid.api.selection.selectRow(row.entity); // 選中行
                          }
                      }
                      else {
                          row.grid.api.selection.clearSelectedRows(); // 清空選中行
                      }
                  },
              };
           

3.查完資料顯示時,判斷是否有頁數

var getData = function (currentPage) {
                  //調用方法查詢表格資料
                      if (response.data.length == 0) {
                          $scope.myData = [];
                      }
                      else {
                          mydefaultData = response.data.rows;
                          if (typeof (currentPage) == "undefined") {
                              currentPage = 1;
                          }
                          getPage(currentPage, self.gridOptions.paginationPageSize);
                      }
              }
           

繼續閱讀