2016-03-13 24 views
0

我是Angular和它的UI網格的新手,另外,與Angular相比,UI網格相對比較新,因此文檔更加依賴它。有很多東西需要學習,而且在我的所有搜索中,我似乎都無法找到清晰記錄的一些方面。因此這個問題。Angular Ui-grid在一次點擊中添加所有列

我想給用戶一個選項,將所有可能的非顯示列添加到網格。我怎樣才能做到這一點?這可以作爲附加選項添加到顯示的列被選中的下拉列表中嗎?

爲了清楚起見,我已經定義了比第一次加載時顯示的字段更多的字段(其中有幾個隱藏),但爲了方便處理列,提供單擊方法以查看所有字段是很好的。

作爲獎勵,我還想提供一個選項,以將顯示的列重置爲其負載狀態。我可以自己保持這個狀態,最終可以弄清楚,但作爲獎勵,這方面的任何事情都會受到歡迎。

+0

對於獎金不明確部分,看看「保存和恢復狀態」功能,它會做你想做的。 http://ui-grid.info/docs/#/tutorial/208_save_state –

+0

@ S.Baggy嘿,這是個好主意。我只是在保存用戶自定義狀態方面考慮了這一功能,但在加載時保存系統的初始狀態完全可行。謝謝。 – ErikE

回答

0

對您的問題1

有一個內置選項稱爲網格菜單。使用它可以設置要顯示的列的可見性。

但是,您需要將網格元素傳遞給控制器​​,並將可見錯誤作爲初始加載狀態。

這裏是example given從UI電網

爲了測試它去其plunker和更改列defns因爲它

columnDefs: [ 
     { name: 'name',visible:false }, 
     { name: 'gender', enableHiding: false }, 
     { name: 'company' } 
    ], 

對不起,在第二部分

+0

我已經有隱藏的列。我想以編程方式,當用戶點擊一個按鈕時,顯示所有可用的列。 – ErikE