欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解jQuery中的easyui

 更新時(shí)間:2018年09月02日 11:38:12   作者:양자강!  
jQuery EasyUI是一組基于jQuery的UI插件集合體,而jQuery EasyUI的目標(biāo)就是幫助web開(kāi)發(fā)者更輕松的打造出功能豐富并且美觀(guān)的UI界面。這篇文章主要介紹了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)文章

最新評(píng)論