欧美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)論