詳解jQuery中的easyui
更新時間：2018年09月02日 11:38:12 作者：양자강!
jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。這篇文章主要介紹了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 指定字段進行數(shù)據(jù)排序
{ field: "name", title: "用戶名", width: 150 },
{ field: "phone", title: "電話", width: 150 },
{ field: "address", title: "地址", width: 300 }
//此處的id,name,phone,address字段與實體類中提供get,set屬性一 一 對 應(yīng)
]],
<script />
5.效果圖：
總結(jié)
以上所述是小編給大家介紹的jQuery中的easyui，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言小編會及時回復(fù)大家的！
相關(guān)文章
jQuery?獲取與設(shè)置元素屬性的詳細(xì)方法(看完這篇文章就搞明白了)
這篇文章帶領(lǐng)大家熟練掌握?jQuery?的屬性方面的操作，包括固有屬性的獲取與設(shè)置，自定義屬性的獲取與設(shè)置等等，走進?jQuery?的更深層次階段，這也是腳本之家小編發(fā)現(xiàn)的一篇比較實用的文章2023-06-06
這篇文章與大家分享的是10款非常有用的 Ajax 插件，有用于圖片的，用于分頁的，還有用于導(dǎo)航的。這些作者的想法特別新穎，希望你能從中找到自己需要的插件2012-03-03
(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery事件綁定on()、bind()與delegate() 方法詳解
這篇文章主要詳細(xì)介紹了jQuery事件綁定的三種方法，分別是on()、bind()與delegate()，十分的淺顯易懂，有需要的小伙伴可以參考下。2015-06-06
jQuery代碼實現(xiàn)對話框右上角菜單帶關(guān)閉×
這篇文章主要介紹了jQuery代碼實現(xiàn)對話框右上角菜單帶關(guān)閉× 的相關(guān)資料,需要的朋友可以參考下2016-05-05
jQuery 頂部導(dǎo)航跟隨滾動條滾動固定浮動在頂部
這篇文章主要介紹了通過jQuery實現(xiàn)的頂部導(dǎo)航跟隨滾動條滾動固定浮動在頂部,需要的朋友可以參考下2014-06-06
Jquery validation remote 驗證的緩存問題解決方法
這篇文章主要介紹了Jquery validation remote 驗證的緩存問題的解決方法 ,需要的朋友可以參考下2014-03-03
今天小編就為大家分享一篇jquery彈窗時禁止body滾動條滾動的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JQuery仿小米手機搶購頁面倒計時效果，從功能到實現(xiàn)原理以及主要代碼都做了詳細(xì)的介紹，推薦給有相同需求的小伙伴。2014-12-12
這篇文章主要介紹了使用jquery寫的更改表格行順序的小功能,需要的朋友可以參考下2014-04-04