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

詳解jQuery中的easyui

 更新時間：2018年09月02日 11:38:12   作者：양자강!  
jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。這篇文章主要介紹了jQuery中的easyui ,需要的朋友可以參考下

jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的javascript，也不需要對css樣式有深入的了解，開發(fā)者需要了解的只有一些簡單的html標簽。

一，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,//默認為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)文章

最新評論