使用Jquery EasyUi常見問題解決方案

2021-06-25 15:33:20 字數 2686 閱讀 4446

/*

**清空指定表單中的內容,引數為目標form的id

*注:在使用jquery easyui的彈出視窗錄入新增內容時,每次開啟必須清空上次輸入的歷史

*資料,此時通常採用的方法是對每個輸入元件進行置空操作:$("#name").val(""),這樣做,

*當輸入元件比較多時會很繁瑣,產生的js**很長,這時可以將所有的輸入元件放入個form表單

*中,然後呼叫以下方法即可。

**@param formid將要清空內容的form表單的id

*/function

resetcontent(formid) }/*

*/function

flashtable(datatableid) /**

*取消datagrid中的行選擇(適用於jquery easy ui中的datagrid)

*注意:解決了無法取消"全選checkbox"的選擇,不過,前提是必須將列表展示

*資料的datagrid所依賴的table放入html文件的最全面,至少該table前沒有

*其他checkbox元件。

**@paramdatatableid將要取消所選資料記錄的目標table列表id

*/function

clearselect(datatableid) /*

**關閉jquery easyui的彈出視窗(適用於jquery easy ui)

**@paramdialogid將要關閉視窗的id

*/function

closedialog(dialogid) /**

*自適應**的寬度處理(適用於jquery easy ui中的datagrid的列寬),

*注:可以實現列表的各列寬度跟著瀏覽寬度的變化而變化,即採用該方法來設定datagrid

*的列寬可以在不同解析度的瀏覽器下自動伸縮從而滿足不同解析度瀏覽器的要求

*使用方法:(如:,)

**@parampercent當前列的列寬所佔整個視窗寬度的百分比(以小數形式出現,如0.3代表30%)

**@return通過當前視窗和對應的百分比計算出來的具體寬度

*/function

fillsize(percent) /**

* 獲取所選記錄行(單選)

** @paramdatatableid目標記錄所在的datagrid列表的table的id

* @paramerrormessage 如果沒有選擇一行(即沒有選擇或選擇了多行)的提示資訊

** @return 所選記錄行物件,如果返回值為null,或者"null"(有時瀏覽器將null轉換成了字串"null")說明沒有

*選擇一行記錄。

*/function

getsingleselectrow(datatableid, errormessage)

else}/*

** 在datagrid中獲取所選記錄的id,多個id用逗號分隔

* 注:該方法使用的前提是:datagrid的idfield屬性對應到列表json資料中的欄位名必須為id

* @paramdatatableid目標記錄所在的datagrid列表table的id

** @return 所選記錄的id字串(多個id用逗號隔開)

*/function

getselectids(datatableid, nooneselectmessage)

else

else

}return

ids;}}

/***刪除所選記錄(適用於jquery easy ui中的datagrid)(刪除的依據欄位是id)

*注:該方法會自動將所選記錄的id(datagrid的idfield屬性對應到列表json資料中的欄位名必須為id)

*動態組裝成字串,多個id使用逗號隔開(如:1,2,3,8,10),然後存放入變數ids中傳入後台,後台

*可以使用該引數名從request物件中獲取所有id值字串,此時在組裝sql或者hql語句時可以採用in

*關鍵字來處理,簡介方便。

*另外,後台**必須在操作完之後以ajax的形式返回json格式的提示資訊,提示的json格式資訊中必須有乙個

*message欄位,存放本次刪除操作成功與失敗等一些提示操作使用者的資訊。

**@paramdatatableid將要刪除記錄所在的列表table的id

*@paramrequesturl與後台伺服器進行互動,進行具體刪除操作的請求路徑

*@paramconfirmmessage 刪除確認資訊

*/function

deletenotebyid(datatableid, requesturl, confirmmessage)

varrows =$(

'#'+

datatableid).datagrid(

'getselections');

varnum

=rows.length;

varids

=null;if

(num

<

1)

else

else

}$.getjson(requesturl, ,

function

(data)

else

clearselect(datatableid);

});}

});}

}

Jquery easy ui使用小結

最近在搞前段,不是很熟悉,很苦逼,折騰來折騰去的。不過也好乘機學習學習jquery,easy ui和json,收穫還是蠻多的。1 上傳檔案後的二次確認 通常來說一般人會選擇先將檔案上傳的伺服器,先不解析,拿到檔案儲存的路徑然後跳頁面再解析然後顯示解析內容。我沒有這樣幹,直接在上傳的時候解析了檔案,然...

jquery easyui 驗證框的使用

使用過程中的一積累,備查。easyui 驗證框使用方法 0 呼叫資料驗證方法 return form1 form validate 示例 1 驗證是否必填 class easyui validatebox missingmessage 必須填寫 2 驗證字串長度 class easyui valid...

jquery easyui 使用注意事項

修正乙個錯誤記錄乙個吧,年級大了腦子不好使 1 對的錯的,region 為center 的時候不要寫 fit true 2 對的錯的,data options中的高度寬度不可以寫px 3 對的錯的,data options中不可以使用分號 4 這樣寫是對的 這樣寫是錯的 tabs 下面一定要有乙個 ...