1.panel(面板
):承載其它內容的容器
,提供了摺疊、關閉、最大化、最小化和自定義行為
,很容易嵌入到
web頁面的任何位置。
注意:每個面板一定要設定
title屬性
--class="easyui-panel"
2.tabs(選項卡
):選項卡顯示一批面板。但在同乙個時間只會顯示乙個面板。
--class="easyui-tabs"
3.accordion(分類
):即為摺疊面板
,使用者可以定義乙個被預設選中的面板，如果未指定，那麼第乙個面板就是預設的。
--class="easyui-accordion"
4.layout(布局
):布局容器有
5個區域
:北、南、東、西和中間
,中間面板是必須的
,邊緣的面板都是可選的
1.form:屬性
:url
方法:submit 執行提交操作
load 讀取記錄填充到表單中
,資料引數可以是字串
(若為字串則作為遠端的
url)
或乙個物件
clear 清除資料
reset 重置表單資料
(1.3.2)
validate 表單字段驗證
,當所有欄位都有效返回
true,
該方法使用
validatebox(
驗證框)外掛程式
2.validatebox(驗證框):
3.combobox(下拉列表框
):data-options="valuefield:'id',textfield:'text',url:'***.action'" />
1.window(視窗
) 預設情況下
,視窗可以移動
,調整大小和關閉
,它的內容也可以被定義為靜態
html
或要麼通過
ajax
動態載入。
開啟或關閉視窗
$('#win').window('open'); // open a window
$('#win').window('close'); // close a window
2. messager(訊息視窗
)：（1）$.messager.show(訊息視窗)
（2） $.messager.alert(警告視窗)
（3） $.messager.prompt(帶確定和取消的訊息窗體)
（4） $.messager.progress(進度訊息窗體)
共同屬性 title：在頭部面板顯示的標題文字。
msg：顯示的訊息文字。
1.datagrid以**形式展示資料
--class="easyui-datagrid"
$('#dg').datagrid(,
,
]]
});
2.*******：
1) 乙個陣列，每個工具屬性都和
linkbutton
一樣。2) 選擇器指定的工具欄。
3.屬性：
分頁pagination(boolean) 如果為true,則在datagrid控制項底部顯示分頁工具欄。
pagelist([10,20,30...]) 在設定分頁屬性的時候
初始化頁面大小選擇列表。
pagesize(number) 在設定分頁屬性的時候初始化頁面大小。
列屬性：title列標題文字。
field
列欄位名稱。formatter 單元格formatter(格式化器
)函式，帶
3個引數：
value
：字段值。
rowdata
：行記錄資料。
rowindex:
行索引。
4.方法：
getselected 返回第乙個被選中的行或如果沒有選中的行則返回null。
load 載入和顯示第一頁的所有行。如果指定了'param'，它將取代'queryparams'屬性。通常可以通過傳遞一些引數執行一次查詢，通過呼叫這個方法從伺服器載入新資料。
reload 過載行。等同於'load'方法，但是它將保持在當前頁。
eg:$('#dg').datagrid('reload'); // 重新載入當前頁面資料
* editor屬性：
* beginedit():
* endedit():
* canceledit():
關於SSH框架整的異常
翻譯 http狀態500 寫操作不允許以唯讀模式 flushmode.manual 把你的會話變成 流動模式 提交 自動或從事務定義中刪除 readonly 標記。解決 檢查execution public org.chunqiu123.service.impl.serviceimpl.表示式是否書...
jquery easyui 擴充套件驗證
extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...
jquery easyui 階段總結
近期使用jquery easyui比較多，現在總結一下幾種常用的方法 獲取當前行索引 var index productattrgrids datagrid getrowindex row 根據已知索引獲取行 var row productattrgrids datagrid getrows ind...