詳解jQuery中的easyui
jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的javascript，也不需要對css樣式有深入的了解，開發(fā)者需要了解的只有一些簡單的html標(biāo)簽。
一，easyui---datagrid綁定數(shù)據(jù)的簡單測試：
1.數(shù)據(jù)庫中的UserInfo表及數(shù)據(jù)測試：
2.DAL層：
//分頁，模糊查詢（pageNum-1)*pageSize+1----從第幾條數(shù)據(jù)開始，pageNum*pageSize----查詢到那一條結(jié)束
//查詢總的條數(shù)
3.一般處理程序（UserInfoHander.ashx）：
4.datagrid綁定數(shù)據(jù)：
<script type="text/javascript">
$(function () {
loadUser();
$("#datagrid").datagrid({
url: "UserInfoHander.ashx",//請求一般處理程序
type: "post",
title: "用戶信息表",
remoteSort: false,//默認(rèn)為true 如果對本地數(shù)據(jù)排序必須設(shè)置為false
height: 500,//設(shè)置表格的高度
pageSize: 5,//每頁顯示的數(shù)據(jù)
pageList: [1, 2, 3, 4, 5, 6],
pagination: true,//是否開啟分頁
rownumbers: true,//是否顯示行號
singleSelect: true,//是否只能單行選中
queryParams: getQueryParams(),//返回參數(shù)
columns: [[
{ field: "ck", checkbox: true },
{ field: "id", title: "編號", width: 100, sortable: true },//sortable: true 指定字段進(jìn)行數(shù)據(jù)排序
{ field: "name", title: "用戶名", width: 150 },
{ field: "phone", title: "電話", width: 150 },
{ field: "address", title: "地址", width: 300 }
//此處的id,name,phone,address字段與實(shí)體類中提供get,set屬性一 一 對 應(yīng)
]],
<script />
5.效果圖：
總結(jié)
以上所述是小編給大家介紹的jQuery中的easyui，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言小編會及時回復(fù)大家的！
相關(guān)文章
jQuery實(shí)現(xiàn)仿騰訊迷你首頁選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊迷你首頁選項(xiàng)卡效果代碼,可實(shí)現(xiàn)tab切換按鈕的左右滑動顯示及點(diǎn)擊切換效果,涉及jQuery基于鼠標(biāo)事件實(shí)現(xiàn)頁面元素動態(tài)操作技巧,需要的朋友可以參考下2015-09-09
JQuery實(shí)現(xiàn)地圖坐標(biāo)拾取和地址模糊查詢功能
本文詳細(xì)介紹了使用JQuery、HTML和JavaScript實(shí)現(xiàn)移動端地圖位置選取的方法,內(nèi)容包括構(gòu)建地圖頁面、通過點(diǎn)擊獲取經(jīng)緯度、實(shí)現(xiàn)地址模糊查詢與標(biāo)注等功能,文章還提供了完整的代碼示例,并且介紹了百度地圖API的應(yīng)用,幫助開發(fā)者快速掌握地圖位置選點(diǎn)的開發(fā)技術(shù)2024-09-09
jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解
在項(xiàng)目需求中有這樣一功能：在頁面彈出一個form表單，ajax無刷新提交表單，表單需通過驗(yàn)證。下面小編給大家介紹通過jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解，需要的朋友參考下吧2016-04-04
這篇文章主要介紹了jQuery 操作 HTML 元素和屬性的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
深入解析jQuery中Deferred的deferred.promise()方法
這篇文章主要介紹了jQuery中Deferred的deferred.promise()方法,提醒千萬要注意deferred.promise()與jQuery的.promise() 實(shí)例方法的區(qū)別,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery中unbind()方法用法,實(shí)例分析了unbind()方法的功能、定義及移除被選元素的事件處理程序的使用技巧,需要的朋友可以參考下2015-01-01
前沿視頻出的《精通Javascript+jQuery》視頻教程,挺不錯的,值得看看。2009-08-08
基于jquery實(shí)現(xiàn)狀態(tài)限定編輯的代碼
基于jquery實(shí)現(xiàn)狀態(tài)限定編輯的代碼，需要的朋友可以參考下2012-02-02
jQuery實(shí)現(xiàn)自動滾動到頁面頂端的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動滾動到頁面頂端的方法,涉及jQuery針對頁面操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
使用CDN和AJAX加速WordPress中jQuery的加載
這篇文章主要介紹了使用CDN和AJAX加速WordPress中jQuery的加載的方法,注意一下WordPress中以及CDN的Google連接在內(nèi)地的網(wǎng)絡(luò)問題,需要的朋友可以參考下2015-12-12