亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

EasyUI學習之DataGird分頁顯示數據

2019-11-19 18:11:55
字體:
來源:轉載
供稿:網友

本文實例為大家分享了EasyUI DataGird的使用方法,供大家參考,具體內容如下

1. html代碼

<table   id="grid"   style="width: 940px"   title="用戶操作"   data-options="iconCls:'icon-view'"></table>

2.顯示

3.js代碼

// 頁面加載后顯示表數據$(function() {  var queryData = {};// 可添加一些預設條件  InitGrid(queryData);// 初始化Datagrid表格數據});// 實現對DataGird控件的綁定操作function InitGrid(queryData) {  $('#grid').datagrid({ // 定位到Table標簽,Table標簽的ID是grid    url : 'getNoticesByUserId',// 指向后臺的Action來獲取當前用戶的信息的Json格式的數據    title : '公告管理',    iconCls : 'icon-view',    height : 650,    width : function() {      return document.body.clientWidth    },// 自動寬度    pagination : true,    rownumbers : true,    sortName : 'title', // 根據某個字段給easyUI排序    pageSize : 20,    sortOrder : 'asc',    remoteSort : false,    idField : 'id',    queryParams : queryData, // 異步查詢的參數    columns : [ [ {      field : 'ck',      width : '1%',      checkbox : true    }, {      title : '標題',      field : 'title',      width : '9%',      sortable : true,      halign : 'center'    }, {      title : '發布人',      field : 'userName',      width : '10%',      sortable : true,      halign : 'center'    }, {      title : '內容',      field : 'content',      width : '50%',      sortable : true,      halign : 'center',      sortable : false    }, {      title : '創建日期',      field : 'createDate',      width : '20%',      sortable : true,      halign : 'center',      align : 'center',      sortable : false    } ] ],    toolbar : [ {      id : 'btnAdd',      text : '添加',      iconCls : 'icon-add',      handler : function() {        ShowAddDialog();// 實現添加記錄的頁面      }    }, '-', {      id : 'btnEdit',      text : '修改',      iconCls : 'icon-edit',      handler : function() {        ShowEditDialog();// 實現修改記錄的方法      }    }, '-', {      id : 'btnDelete',      text : '刪除',      iconCls : 'icon-remove',      handler : function() {        Delete();// 實現直接刪除數據的方法      }    } ]  });};

4.Json數據

{  "total": 2,  "rows":[{      "content": "11",      "createDate": "2016-12-15 23:03:50",      "id": 1,      "title": "11",      "userName": "789"    }, {      "content": "我是",      "createDate": "2016-12-16 20:10:03",      "id": 4,      "title": "為",      "userName": "789"    }  ]}

5.Java后臺封裝

/********************1.action代碼*******************/private NoticeManager noticeManager;private int page;private int rows;Map<String, Object> map = new HashMap<String, Object>();public NoticeManager getNoticeManager() {  return noticeManager;}public void setNoticeManager(NoticeManager noticeManager) {  this.noticeManager = noticeManager;}public int getPage() {  return page;}public void setPage(int page) {  this.page = page;}public int getRows() {  return rows;}public void setRows(int rows) {  this.rows = rows;}public Map<String, Object> getMap() {  return map;}public void setMap(Map<String, Object> map) {  this.map = map;}/** * @Title: getNoticesByUserId  * @Description: TODO(獲取首頁顯示的所有公告數據)  * @return??? 設定文件 * @return String??? 返回類型 * @throws */public String getNoticesByUserId() {  // 存放數據的list  List<ANotice> aNotices = new ArrayList<ANotice>();  User u = (User) getSession().get("LoginUser");  List<Notice> notices = noticeManager.GetNotices(page, rows, u.getId());  for (Notice notice : notices) {    ANotice aNotice = new ANotice();    aNotice.setId(notice.getId());    aNotice.setTitle(notice.getTitle());    aNotice.setCreateDate(notice.getCreateDate());    aNotice.setUserName(u.getUsername());    aNotice.setContent(notice.getContent());    aNotices.add(aNotice);  }  // total是easyui分頁工具的總頁數。名字固定。  map.put("total", noticeManager.getTotal(page, rows, u.getId()));  map.put("rows", aNotices);  return SUCCESS;}// total是easyui分頁工具的總頁數。名字固定。map.put("total", noticeManager.getTotal(page, rows, u.getId()));map.put("rows", aNotices);/********************2.Manager代碼*******************/@Overridepublic List<Notice> GetNotices(int page, int rows, int userId) {      String hql="From Notice Where 1=1 and userId = ?";  return dao.find(hql, new Object[]{userId}, page, rows);   }@Overridepublic Long getTotal(int page, int rows, int userId) {   String hql="select count(*) from Notice Where 1=1 and userId = ?";  return dao.count(hql, new Object[]{userId});}/********************3.dao代碼*******************/public List<T> find(String hql, Object[] param, Integer page, Integer rows) {  if (page == null || page < 1) {     page = 1;   }  if (rows == null || rows < 1) {    rows = 10;   }   Query q = this.getCurrentSession().createQuery(hql);   if (param != null && param.length > 0) {     for (int i = 0; i < param.length; i++) {       q.setParameter(i, param[i]);     }   }   return q.setFirstResult((page - 1) * rows).setMaxResults(rows).list(); }

6.struts配置文件

<!--前后臺通過Json方式傳輸數據 --><package name="jsonPackage" extends="struts-default,json-default">  <action name="getNoticesByUserId" class="NoticeAction" method="getNoticesByUserId">    <!-- 返回json類型數據 -->    <result name="success" type="json">      <param name="root">map</param>    </result>  </action></package>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品久久久国产精品999| 亚洲性视频网址| 91久久嫩草影院一区二区| 国产精品第10页| 国产中文字幕91| 91精品国产色综合久久不卡98口| 国产精品久久久久不卡| 欧美日韩另类视频| 成人写真视频福利网| 日韩成人在线免费观看| 亚洲精品自拍视频| 国产精品日日做人人爱| 日韩大片在线观看视频| 日韩av手机在线看| 成人疯狂猛交xxx| 国产精品夜间视频香蕉| 国产成人综合亚洲| 欧美多人乱p欧美4p久久| 午夜欧美不卡精品aaaaa| 欧美国产第二页| 国产成人福利视频| 日韩精品中文在线观看| 精品毛片网大全| 精品呦交小u女在线| 亚洲国产成人精品久久久国产成人一区| 国产精品久久国产精品99gif| 精品国产一区二区三区在线观看| 在线看国产精品| 精品国产一区二区三区久久狼5月| 清纯唯美亚洲综合| 97视频在线观看免费高清完整版在线观看| 少妇久久久久久| 国产精品27p| 欧美激情综合亚洲一二区| 日韩av手机在线看| 精品一区二区三区三区| 国产精品高清在线观看| 精品一区电影国产| 欧美激情成人在线视频| 97在线免费观看| 亚洲电影在线观看| 亚洲人成在线观看网站高清| 美女撒尿一区二区三区| 欧美成人免费va影院高清| 欧美黑人性生活视频| 5278欧美一区二区三区| 日韩在线免费视频| 国产在线视频91| 亚洲欧美另类自拍| 欧美成人亚洲成人日韩成人| 欧美午夜精品久久久久久久| 国产精品久久激情| 日韩欧美国产视频| 国产欧美精品va在线观看| 777国产偷窥盗摄精品视频| 国产精品中文字幕在线观看| 欧美性猛交xxxx黑人| 国产精品视频一区国模私拍| 欧美激情免费在线| 日韩网站免费观看| 亚洲国产日韩欧美在线图片| 日韩黄色在线免费观看| 欧美亚洲第一区| 国产97人人超碰caoprom| 黑人精品xxx一区一二区| 久久免费视频观看| 色视频www在线播放国产成人| 日韩在线免费高清视频| 日韩天堂在线视频| 久久露脸国产精品| 国产精品中文字幕久久久| 成人欧美一区二区三区在线| 中文字幕一精品亚洲无线一区| 日本国产一区二区三区| 永久免费精品影视网站| 日韩欧美aⅴ综合网站发布| 国产精品日日摸夜夜添夜夜av| 色妞一区二区三区| 欧美大尺度激情区在线播放| 欧美日韩综合视频网址| 97在线视频精品| 韩国福利视频一区| 亚洲美女久久久| 亚洲自拍av在线| 成人国内精品久久久久一区| 久久精品夜夜夜夜夜久久| 久久久久久久久91| 久久久视频精品| 久久97久久97精品免视看| 全亚洲最色的网站在线观看| 91久久精品美女| 91国产中文字幕| 欧美亚洲免费电影| 51ⅴ精品国产91久久久久久| 日本免费一区二区三区视频观看| 国产主播喷水一区二区| 欧美伦理91i| 欧美黄色免费网站| 亚洲国产精品va在线看黑人动漫| 国产精品成人免费电影| 欧美视频一二三| 国产一区二区日韩精品欧美精品| 成人激情av在线| 久久久久久成人精品| 精品国产户外野外| 亚洲人成在线免费观看| 最近2019年手机中文字幕| 国产成人精品a视频一区www| 日韩国产在线播放| 欧美性高潮床叫视频| 插插插亚洲综合网| 国产一区红桃视频| www.久久久久| 国产精品久久久久aaaa九色| 成人国产精品日本在线| 久久九九精品99国产精品| 性色av一区二区三区红粉影视| 97精品国产aⅴ7777| 亚洲精品一区av在线播放| 亚洲精品美女视频| 欧美福利小视频| 国色天香2019中文字幕在线观看| 91精品国产高清| 日本道色综合久久影院| 国产精品老女人视频| 国产精品www色诱视频| 国产视频精品va久久久久久| 国语对白做受69| 欧美极品少妇全裸体| 久久av在线播放| 永久免费毛片在线播放不卡| 91欧美激情另类亚洲| 久久久久久国产三级电影| 日本高清+成人网在线观看| 亚洲老板91色精品久久| 国产精品永久免费| 久久福利视频导航| 日韩经典一区二区三区| 欧美综合国产精品久久丁香| 欧美日韩国产999| 久久久久久久一区二区| 日本一区二区在线播放| 日本伊人精品一区二区三区介绍| 国产成人精品网站| 亚洲欧美在线一区二区| 欧美一级大胆视频| 中文字幕日韩欧美精品在线观看| 国产精品影院在线观看| 久久人人爽人人| 欧美一区二区大胆人体摄影专业网站| 9.1国产丝袜在线观看| 日韩电视剧在线观看免费网站| 国产亚洲视频在线观看| 国产精品亚发布| 日韩精品免费在线播放| 在线播放亚洲激情| 色一情一乱一区二区| 精品中文字幕视频| 日韩高清av一区二区三区| 亚洲性视频网站| 亚洲视屏在线播放| 国产精品jizz在线观看麻豆| 欧美在线不卡区| 欧美日韩综合视频|