詳解jQuery中的easyui
jQuery EasyUI是一組基于jQuery的UI插件集合體,而jQuery EasyUI的目標(biāo)就是幫助web開(kāi)發(fā)者更輕松的打造出功能豐富并且美觀(guān)的UI界面。開(kāi)發(fā)者不需要編寫(xiě)復(fù)雜的javascript,也不需要對(duì)css樣式有深入的了解,開(kāi)發(fā)者需要了解的只有一些簡(jiǎn)單的html標(biāo)簽。
一,easyui---datagrid綁定數(shù)據(jù)的簡(jiǎn)單測(cè)試:
1.數(shù)據(jù)庫(kù)中的UserInfo表及數(shù)據(jù)測(cè)試:
2.DAL層:
//分頁(yè),模糊查詢(xún)(pageNum-1)*pageSize+1----從第幾條數(shù)據(jù)開(kāi)始,pageNum*pageSize----查詢(xún)到那一條結(jié)束
//查詢(xún)總的條數(shù)
3.一般處理程序(UserInfoHander.ashx):
4.datagrid綁定數(shù)據(jù):
<script type="text/javascript"> $(function () { loadUser(); $("#datagrid").datagrid({ url: "UserInfoHander.ashx",//請(qǐng)求一般處理程序 type: "post", title: "用戶(hù)信息表", remoteSort: false,//默認(rèn)為true 如果對(duì)本地?cái)?shù)據(jù)排序必須設(shè)置為false height: 500,//設(shè)置表格的高度 pageSize: 5,//每頁(yè)顯示的數(shù)據(jù) pageList: [1, 2, 3, 4, 5, 6], pagination: true,//是否開(kāi)啟分頁(yè) rownumbers: true,//是否顯示行號(hào) singleSelect: true,//是否只能單行選中 queryParams: getQueryParams(),//返回參數(shù) columns: [[ { field: "ck", checkbox: true }, { field: "id", title: "編號(hào)", width: 100, sortable: true },//sortable: true 指定字段進(jìn)行數(shù)據(jù)排序 { field: "name", title: "用戶(hù)名", width: 150 }, { field: "phone", title: "電話(huà)", width: 150 }, { field: "address", title: "地址", width: 300 } //此處的id,name,phone,address字段與實(shí)體類(lèi)中提供get,set屬性一 一 對(duì) 應(yīng) ]], <script />
5.效果圖:
總結(jié)
以上所述是小編給大家介紹的jQuery中的easyui,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
jQuery?獲取與設(shè)置元素屬性的詳細(xì)方法(看完這篇文章就搞明白了)
這篇文章帶領(lǐng)大家熟練掌握?jQuery?的屬性方面的操作,包括固有屬性的獲取與設(shè)置,自定義屬性的獲取與設(shè)置等等,走進(jìn)?jQuery?的更深層次階段,這也是腳本之家小編發(fā)現(xiàn)的一篇比較實(shí)用的文章2023-06-06(模仿京東用戶(hù)注冊(cè))用JQuery實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶(hù)注冊(cè))用JQuery實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01jQuery事件綁定on()、bind()與delegate() 方法詳解
這篇文章主要詳細(xì)介紹了jQuery事件綁定的三種方法,分別是on()、bind()與delegate(),十分的淺顯易懂,有需要的小伙伴可以參考下。2015-06-06jQuery代碼實(shí)現(xiàn)對(duì)話(huà)框右上角菜單帶關(guān)閉×
這篇文章主要介紹了jQuery代碼實(shí)現(xiàn)對(duì)話(huà)框右上角菜單帶關(guān)閉× 的相關(guān)資料,需要的朋友可以參考下2016-05-05jQuery 頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部
這篇文章主要介紹了通過(guò)jQuery實(shí)現(xiàn)的頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部,需要的朋友可以參考下2014-06-06Jquery validation remote 驗(yàn)證的緩存問(wèn)題解決方法
這篇文章主要介紹了Jquery validation remote 驗(yàn)證的緩存問(wèn)題的解決方法 ,需要的朋友可以參考下2014-03-03jquery彈窗時(shí)禁止body滾動(dòng)條滾動(dòng)的例子
今天小編就為大家分享一篇jquery彈窗時(shí)禁止body滾動(dòng)條滾動(dòng)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果
這篇文章主要介紹了JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果,從功能到實(shí)現(xiàn)原理以及主要代碼都做了詳細(xì)的介紹,推薦給有相同需求的小伙伴。2014-12-12使用jquery寫(xiě)個(gè)更改表格行順序的小功能
這篇文章主要介紹了使用jquery寫(xiě)的更改表格行順序的小功能,需要的朋友可以參考下2014-04-04