使用者介面架構jQuery EasyUI樣本大全之PropertyGrid & LinkButton

標籤：應用程式   原始碼   button   開發人員   html5   

<jQuery EasyUI最新試用版免費下載>

jQuery EasyUI致力於協助web開發人員更輕鬆的打造出功能豐富並且美觀的UI介面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控制項，助您打造適合當今網路的應用程式。

基本的屬性網格

本示範主要展示了基本的屬性網格，點擊行更改每個屬性值。【另附原始碼供大家參考】

|線上Demo

自訂屬性網格列

本示範主要展示了如何自訂屬性網格列，屬性網格的列是可以被更改的。【另附原始碼供大家參考】

|線上Demo

組格式化

本示範主要展示了屬性網格的組格式化，使用者可以更改組的資訊。【另附原始碼供大家參考】

|線上Demo

基本連結按鈕

本示範主要展示了基本的連結按鈕，可以使用‘a‘或‘button‘元素建立按鈕。【另附原始碼供大家參考】

|線上Demo

普通連結按鈕

具有普通樣式的按鈕擁有的是透明背景，本示範主要為大家展示了普通的連結按鈕。【另附原始碼供大家參考】

|線上Demo

連結按鈕大小

本示範主要為大家展示如何顯示大按鈕和小按鈕。【另附原始碼供大家參考】

|線上Demo

在連結按鈕上對齊表徵圖

本示範主要為大家展示如何在連結按鈕上更改表徵圖的對齊，可以放置在按鈕的左、右、頂部或底部。【另附原始碼供大家參考】

|線上Demo

切換按鈕

本示範主要展示了切換按鈕，點擊按鈕切換選擇的狀態。【另附原始碼供大家參考】

|線上Demo

按鈕組

本示範主要展示按鈕組，在按鈕組中只有一個按鈕可以選擇。【另附原始碼供大家參考】

|線上Demo

連結按鈕樣式

本示範主要說明了如何設定連結按鈕的樣式。【另附原始碼供大家參考】

|線上Demo

流體連結按鈕

本示範主要展示了如何設定連結按鈕的寬度為其父容器的百分比。【另附原始碼供大家參考】

|線上Demo

使用者介面架構jQuery EasyUI樣本大全之PropertyGrid & LinkButton