在前面的AjaxGridView的介紹中我們講到,AjaxGridView相比較於WebGridView它的排版靈活性是技高一籌。但是如果能夠將修改完成的排版進行個性化的保存,在下次登陸後,依然可讀取前次保存的排版,這樣的功能對於使用者來說這才可算是近乎完美。為了實現這樣的功能我們系統提供了個性化保存以及登陸功能按鈕。下面我們就來看一下,它的功能實現方式。

1.       由於我們在AjaxGridView中提供了自動產生ToolItem的功能,為了方便使用者,我們將個性化保存以及加載的功能按鈕同樣也自動產生。這裡我們以bProducts.aspx為例,我們打開AjaxGridViewToolItem屬性,在屬性的最下方存在兩個Save presonal以及Load presonal的按鈕。

若您的版本中沒有這兩個按鈕,也可自行加入這兩個按鈕。通過點擊加入按鈕。注意:這裡您必須將SysHandlerType設定為SavePresonal以及LoadPresonal。這樣的設定時表示系統會已登陸用戶為單位將個性化設定進行保存。

 

2.       現在我們一起來試試我們設定完成後的效果。我們將原先顯示的“供應商編號”以及“類別編號”隱藏,同時將“單價”調整到“庫存單位量”的後面。最後,我們點擊“保存個人設置”按鈕。

 

3.       如果在下一次登陸該Form時,為了能夠看到之前的個性設定,可以通過點擊“載入個性設置”的按鈕

 

在前面內容中我們介紹的個性化設定的方法是AjaxGridView的內置方法,它通過根據登陸用戶的ID進行分類保存。如果我們希望我們的AjaxGridView可以根據我們特定的分類進行保存和加載,我們可以通過AjaxGridView提供的js方法來自行完成這個功能。

1.       下面我們通過在畫面上添加兩個Button來完成,我們將兩個ButtonText分別修改為Save以及Load

2.       接著,我們在pageLoad中添加如下兩句程式:

在這兩句中Ext.getCmp(“AjaxGridView1”)這句表明通過ExtJs的方法取得Page上的AjaxGridView1這個元件。gridSavePersonal方法中第一個參數為保存個性化設定的分類規律,這裡我們傳入的是當前登陸用戶所在的Group;第二個參數傳入備註,如果沒有備註資訊的情況下,該參數可以不傳入。gridLoadPersonal的方法同樣傳入一個分類的參數,這裡我們傳入登陸用戶的Group

3.       最後,我們重新流覽畫面,將原先顯示的 “類別編號”隱藏,同時我們點擊“Save”按鈕。

我們也可點擊Load將上面Save起來的資料進行載入


訊光科技系統股份有限公司

Converted from CHM to HTML with chm2web Pro 2.85 (unicode)