天天看點

建立自定義的菜單與按鈕

基于權限控制的考慮,在整個背景的開發中,菜單和按鈕是可以被自定義的,也就是說:

1:每開發一個頁面,就需要在系統管理的 菜單管理 中進行設定;

2:每個頁面中的按鈕,也是在 菜單管理 中的設定按鈕部分進行設定;

具體步驟如下:

一:建立頁面與菜單的對應管理

比如,現在我們建立了一個頁面,該頁面使用者展示頁面分類,則需要首先進入 菜單管理:

建立自定義的菜單與按鈕

然後,選擇你要将新菜單附加在哪個節點上,具體是在上面的清單中選中某節點就可以,然後在菜單管理中點選添加:

建立自定義的菜單與按鈕

設定菜單名,已經菜單對應的LOGO,當然,重點是填寫如 URL,根據系統本身的特點,我們這裡填寫的是一個相對路徑(即以"/”開頭)。

菜單本身是可以調節順序和層次的。

二:設定按鈕

每個新開發的頁面,上面的按鈕也是可以被設定的,具體,就是選擇中菜單節點,然後點選“設定按鈕”:

建立自定義的菜單與按鈕

在這個界面中,我們可以看到整個系統可供選擇的按鈕,我們可以管理按鈕庫,也就是說,如果你發現這些按鈕不夠你的頁面使用的,點選 管理按鈕庫 這個按鈕,可以管理我們的按鈕庫,如下:

建立自定義的菜單與按鈕

三:綁定按鈕事件

經過以上的設定後,我們為我們新建立的功能頁面設定了菜單,也選擇了按鈕。選擇了按鈕這個事情,意味着,我們應該盡量不在自己的頁面中寫死按鈕了。每個每頁的這些按鈕應該是從背景(資料庫)中讀取出來動态輸出到頁面上的。即:

建立自定義的菜單與按鈕

上圖中,我們看到的是,foreach 循環中的輸出,就是動态輸出,foreach 下面那些按鈕,就是寫死在頁面中的,要去掉。

那麼,輸出按鈕簡單,如何綁定按鈕的事件呢,是通過按鈕的 id 屬性,假設我們的按鈕在資料庫中存儲的編碼是 eidt,那麼,在JS代碼中,我們隻要:

$("#edit").bind("click", function () { 

    alert(‘yes’); 

});

就綁定了按鈕的事件。

本文轉自最課程陸敏技部落格園部落格,原文連結:http://www.cnblogs.com/luminji/p/3253226.html,如需轉載請自行聯系原作者