angular的ng grid使用中遇到的一些坑

2021-08-07 21:58:26 字數 1301 閱讀 5784

**下方會出現滾動條

解決方式:一般是給.ng-row設定了border,把左右border去掉即可

2**需要增加乙個大標題列

解決方式:在gridoptions中設定 showgrouppanel:true,並且window.nggrid.i18n['en'] =

;重新賦值即可

3設定斑馬條

css中設定  .ngrow.odd

4設定下border

css中設定  .ngcell

5  增加搜尋功能

解決方式:在gridoptions中設定showfilter:true,

6給特定的一列增加樣式或者效果

解決方式:在gridoptions -- > columndefs -->中設定cellclass:'nocenter',然後給這個類名增加樣式就可以了

7獲取指定的一行

使用row作為引數進行傳參,使用他上面的方法和屬性(在grid**載入完之後才可以使用)

8出現錯誤cannot set property 'griddim' of undefined

1.在js中沒有對$scope.gridoptions進行定義配置,2.瀏覽器快取,重新開啟

9死活不出現資料,不報錯

不能把ng-controller寫在自己身上,要寫在其父親身上

10更改每一列的邊框

.ngfooterpanel

11更改每一行的border

.ngheaderscroller

12去掉total這一行

.ngtotalselectcontainer

13核取方塊的出現

showselectioncheckbox:'true',但是注意不能寫enablerowselection:false,否則第乙個選擇框不出現

14更改**的序號

}' },

15從後台獲取的資料,根據屬性選擇是否選中哪一行

checkboxcelltemplate:''16

1.出現了使用ng-grid的多選showselectioncheckbox這個屬性和**錯開一列的問題?

因為使用了data-ng-include這個指令,會建立乙個dom元素,最後使**增加一行空白列,也不能刪,因為是angular的ng-grid自動生成的,所以只能找到當前的那個核取方塊,進行位置的位移。而且表頭的多選框和錶身的多選框的class命不一樣,所以要相應的進行更改

具體的row的屬性:檢視下

angular的執行機制 Angular 執行機制

angular 模組 模組是用來組合相關元件 指令 服務等的乙個功能塊。可以理解為就是對乙個應用所要用到的各個部分按照一定的規律進行歸類,從而組成乙個完整的應用。angular 模組可以通過 angular.module name,requires 方法生成 name 模組的名字 requires ...

簡單的angular路由

導包的時候一定要注意先導入angular包再匯入route包 購物車 我的 mo.controller myctrl function scope 配置路由 routeprovider 內建物件,配置路由的 templateurl載入路徑 mo.config function routeprovid...

angular的常用指令

因為ng bind 預設把html標籤轉義成字串。如果不想轉義。用這個指令。注意 當遍歷的時候,陣列有相同的值的時候,會報錯,用下面這種方法可以解決 track by ng repeat item in ccc track by index li name id ng model xx value ...