實現Datagrid分頁

Html頁面:

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /><!-- 引入相關CSS --><!-- BaseCss --><link rel='stylesheet' href='/Styles/base.css' /><link rel='stylesheet' href='/Styles/table.css' /><link rel='stylesheet' href='/Scripts/lib/loadmask/jquery.loadmask.css' /><!-- XUICss --><link rel='stylesheet' href='/Scripts/lib/easyUI/themes/gray/easyui.css' /><link rel='stylesheet' href='/Scripts/lib/easyUI/themes/icon.css' /><link rel='stylesheet' href='/Scripts/lib/easyUI/themes/xUI.css' /><!-- 引入相關JS --><!-- JQueryJs --><script src='/Scripts/lib/jquery/jquery.min.js'></script><script src='/Scripts/lib/jquery/jquery.json-2.3.min.js'></script><script src='/Scripts/lib/jquery/jquery.extend.js'></script><!-- JQueryJs --><script src="/Scripts/lib/jquery/jquery.json-2.3.min.js"></script><!-- BaseJs --><script src="/Scripts/base.js"></script><script src="/Scripts/lib/loadmask/jquery.loadmask.js"></script><!-- XUIJs --><script src="/Scripts/lib/easyUI/jquery.easyui.min.js"></script><script src="/Scripts/lib/artDialog/artDialog.source.js?skin=chrome"></script><script src="/Scripts/lib/artDialog/artDialog.iframe.source.js?skin=chrome"></script><script src="/Scripts/xUI/xui.all.js"></script><script type="text/javascript">(function () {var myModObj = {/*公共變量存儲*/dataStore: {ajaxUrl: "/Flow/Controls/Comm/VoteAjax.ashx"//ajax路徑},/*組件對象存儲*/uiStore: {gvVoteResultDetailList: null,},/*初始化*/init: function () {this.initUI(); //初始化組件this.initData(); //初始化數據this.initEvent(); //初始化事件},/*初始化組件*/initUI: function () {var that = this;var setList = {title: '投票明細',                      iconCls: 'icon-table',serverPaging: true,getServerData: this.loadVoteResultDetail,columns: [[{ field: 'USER_NO', title: '投票人', width: 200, align: 'center' },{ field: 'VOTE_RESULT_ZQ', title: '債券等級', width: 200, align: 'center' },{ field: 'VOTE_RESULT_ZT', title: '主體等級', width: 200, align: 'center' },{field: 'VOTE_RESULT_ZW', title: '展望', width: 200, align: 'center',formatter: function (value) {switch (value) {case "0":return "負面";case "1":return "穩定";case "2":return "正面";default:return "";}}},{ field: 'IMP_TIME', title: '投票時間', width: 200, align: 'center',align: "center" },{ field: 'NOTE_CONTENT', title: '投票意見', width: 200, align: 'left' }]],}//創建投票明細數據表格that.uiStore.gvVoteResultDetailList = $('#gvVoteResultDetailList').createDatagrid(setList);},/*初始化數據*/initData: function () {var that = modVoteResultCtrl;that.loadVoteResult();//獲取投票結果                  that.loadVoteResultDetail();//獲取投票結果明細//顯示body$("body").css("visibility", "visible");},/*初始化事件*/initEvent: function () {},//獲取投票結果loadVoteResult: function () {var that = modVoteResultCtrl;var param = {reqType: "GetVoteResult",instID: "555",stepID: "555"};that.ajaxDeal(that.dataStore.ajaxUrl, param, loadDataSuc);//加載數據function loadDataSuc(result) {for (var i = 0; i < result.data.length; i++) {                           if(result.data[i].VOTE_TYPE == '債券等級'){$("#lblZQDJ").text(result.data[i].GRADE);}if (result.data[i].VOTE_TYPE == '主體等級'){$("#lblZTDJ").text(result.data[i].GRADE);}if(result.data[i].VOTE_TYPE == '展望'){var grade = result.data[i].GRADE;                              if ( grade == '0') {$("#lblZW").text("負面");}else if (grade == '1') {$("#lblZW").text("穩定");}else {$("#lblZW").text("正面");}}}}},                              //獲取投票結果明細loadVoteResultDetail: function (pageNumber, pageSize) {var that = modVoteResultCtrl; //處理頁碼if (pageNumber == undefined || pageSize == undefined) {pageNumber = that.uiStore.gvVoteResultDetailList.getPageNumber();pageSize = that.uiStore.gvVoteResultDetailList.getPageSize();}var param = {reqType: "GetVoteResultDetail",instID: "555",stepID: "555",pageSize: pageSize,//每頁數據pageNum: pageNumber//頁數};that.ajaxDeal(that.dataStore.ajaxUrl, param, loadDataSuc);//加載數據function loadDataSuc(result) {var dataInfo = {//分頁信息total: result.data.length <= 0 ? 0 : result.data[0].TOTAL_COUNT,//與數據庫中總記錄數字段對應rows: result.data}                      that.uiStore.gvVoteResultDetailList.loadData(dataInfo);}}};//賦給公共的對象exp.modVoteResultCtrl = myModObj;})();/*** 引入公共工具集及其他模塊*/window.modVoteResultCtrl = imp(["baseHelper", "modVoteResultCtrl"]);/*** 頁面初始化*/$(function () {modVoteResultCtrl.init();});</script>
</head>
<body style="visibility:hidden"><div><div title="投票結果" class="easyui-panel" icon="icon-edit" collapsible="true" style="width: auto; height: auto; padding: 5px;"><table class="tableList"><tr><td class="title" align="center">債券等級:</td><td><label id="lblZQDJ" /></td><td class="title" align="center">主體等級:</td><td><label id="lblZTDJ" /></td><td class="title" align="center">展望:</td><td><label id="lblZW" /></td></tr></table></div><table id="gvVoteResultDetailList"></table></div>
</body>
</html>

?VoteAjax頁面:

?

       private string GetVoteResultDetail(){var instID = GetQueryString("instID");var stepID = GetQueryString("stepID");var pageSize = GetQueryString("pageSize");var pageNum = GetQueryString("pageNum");var rownum = PageRowNum(pageSize, pageNum);var a = rownum[0].ToString();var b = rownum[1].ToString();Dictionary<string, string> param = new Dictionary<string, string>();param.Add("instID", instID);param.Add("stepID", stepID);param.Add("beginRowNum", rownum[0].ToString());param.Add("endRowNum", rownum[1].ToString());//執行           var data = FlowCtrlProjIndivService.GetService().GetVoteResultDetail(param);//返回結果return new{state = "ok",data = data}.ToJson();}

?

?

?

Dao層:

 public DataTable GetVoteResultDetail(Dictionary<string, string> param){return BLLService.GetDataTable("PKG_TEST.VOTE_RESULT_DETAIL_LIST","P_INST_ID", param["instID"],"P_STEP_ID", param["stepID"],"P_BEG_ROW_NUM", param["beginRowNum"],"P_END_ROW_NUM", param["endRowNum"]);}

?

存儲過程:

 PROCEDURE VOTE_RESULT_DETAIL_LIST(P_DATA_SET OUT REDATASET.DS,P_INST_ID  IN TWF_D_VOTE.INST_ID%TYPE,P_STEP_ID  IN TWF_D_VOTE.STEP_ID%TYPE,P_BEG_ROW_NUM IN INTEGER, --起始行數P_END_ROW_NUM IN INTEGER --終止行數) ASBEGINOPEN P_DATA_SET FORSELECT *FROM (SELECT ROWNUM RN, G.*FROM (SELECT COUNT(*) OVER() TOTAL_COUNT,A.USER_NO,VOTE_RESULT_ZQ,VOTE_RESULT_ZT,VOTE_RESULT_ZW,NOTE_CONTENT,IMP_TIMEFROM (SELECT INST_ID,STEP_ID,USER_NO,VOTE_RESULT VOTE_RESULT_ZQ,IMP_TIMEFROM TWF_D_VOTEWHERE VOTE_TYPE = '債券等級'AND INST_ID = P_INST_IDAND STEP_ID = P_STEP_IDORDER BY IMP_TIME DESC) AINNER JOIN (SELECT INST_ID,STEP_ID,USER_NO,VOTE_RESULT VOTE_RESULT_ZTFROM TWF_D_VOTEWHERE VOTE_TYPE = '主體等級') BON A.USER_NO = B.USER_NOAND A.STEP_ID = B.STEP_IDAND A.INST_ID = B.INST_IDINNER JOIN (SELECT INST_ID,STEP_ID,USER_NO,VOTE_RESULT VOTE_RESULT_ZWFROM TWF_D_VOTEWHERE VOTE_TYPE = '展望') DON A.USER_NO = D.USER_NOAND A.STEP_ID = D.STEP_IDAND A.INST_ID = D.INST_IDINNER JOIN (SELECT INST_ID, STEP_ID, USER_NO, NOTE_CONTENTFROM TWF_D_NOTEWHERE NOTE_TYPE = '投票意見') EON A.USER_NO = E.USER_NOAND A.STEP_ID = E.STEP_IDAND A.INST_ID = E.INST_ID) GWHERE ROWNUM <= P_END_ROW_NUM) HWHERE RN >= P_BEG_ROW_NUM;
END VOTE_RESULT_DETAIL_LIST;

?

轉載于:https://www.cnblogs.com/ChenMM/p/9843642.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/249146.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/249146.shtml
英文地址,請注明出處:http://en.pswp.cn/news/249146.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Luogu 3698 [CQOI2017]小Q的棋盤

BZOJ 4813 雖然數據范圍很迷人&#xff0c;但是想樹形$dp$沒有前途。 先發現一個事情&#xff0c;就是我們可以先選擇一條鏈&#xff0c;最后要走到這一條鏈上不回來&#xff0c;走到鏈上的點每一個只需要一步&#xff0c;而如果要走這條鏈之外的點&#xff0c;一個點需要走兩步…

h5-plus.webview

這里是鏈接轉載于:https://www.cnblogs.com/yuners/p/10721163.html

解決vue打包后靜態資源路徑錯誤的問題

vue項目完成的最后一步就是打包部署上線&#xff0c;但是打包部署的過程往往不是那么一帆風順的&#xff0c;現將遇到問題和解決方案記錄如下。 圖片路徑問題 起因&#xff1a; 頁面中引入資源的方式往往有如下幾種 * HTML標簽中直接引入圖片&#xff0c; 如 <img src&qu…

SQL語句01

SQL(Structured Query Language)&#xff1a;結構化查詢語言SQL分類&#xff1a; 數據操縱語言DML&#xff08;Data Manipulation Language&#xff09; SELECT INSERT UPDATE DELETE 數據定義語言DDL&#xff08;Data definition language&#xff09; …

mongoose 筆記

快速啟動 首先需要安裝MongoDB和Node.js。 然后使用npm下載mongoose&#xff1a; npm install mongoose 接著我們直接在項目中引入mongoose&#xff0c;并且連接數據庫就會在本地運行 MongoDB了&#xff1a; // index.js var mongoose require(mongoose); mongoose.connect(…

前端DES加密

1、下載crypto.js文件庫 https://github.com/brix/crypto-js/releases 2、引入文件 <script type"text/javascript" src"js/jquery.min.js"></script> <script src"js/rollups/tripledes.js"></script> <script src&…

DOMBOM(source、methods、contents、Application)

何為DOM&#xff1f; Document Object Model Dom&#xff0c;是W3C組織推薦的處理可擴展標志語言的標準編程接口。在網頁上&#xff0c;組織頁面的對象被組織在一個樹形結構中&#xff0c;用來表示文檔中對象的標準模型就稱為DOM。 可以認為DOM是頁面上數據和結構的一個樹形表示…

sublime 無法下載插件解決辦法(親測有效)

最近發現sublime裝不到插件 只需要在Preferences > Package Settings > Package Control > Settings - User頁面加上以下代碼即可&#xff1a; "channels":["https://erhan.in/channel_v3.json"]上述頻道親測有效&#xff0c;如果還不能使用的小…

ES命令

基礎概念 Elasticsearch有幾個核心概念。從一開始理解這些概念會對整個學習過程有莫大的幫助。 接近實時&#xff08;NRT&#xff09; Elasticsearch是一個接近實時的搜索平臺。這意味著&#xff0c;從索引一個文檔直到這個文檔能夠被搜索到有一個輕微的延遲&#xff…

Bug : Bash on Ubuntu on Windows scp work on window but not in shell file

&#xff1a; No Permission轉載于:https://www.cnblogs.com/rgqancy/p/10726154.html

圖片做背景撐開div

需求點&#xff1a; 設計師給了一張超大背景圖&#xff0c;需要做一個不知道大小廣告位&#xff0c;要求就是要把圖片撐滿整個頁面&#xff0c;而且還得保證自適應。 解決方案一 &#xff08;親測有效&#xff09; HTML代碼&#xff1a; <div class"wrap">…

十一、jQuery的基本用法

初步接觸不是很習慣&#xff0c;之前都是用的js&#xff0c;但是jQuery去掉了js很多繁瑣的內容&#xff0c;用的不是很熟&#xff0c;所以先簡單的記錄一下&#xff0c;后續在繼續補充 jq獲取html內容: $("#id") 獲取id $(".class") class名 …

spring-注解---IOC(3)

spring--注解---IOC(3) package com.zwj.bean;public class Blue {public Blue(){System.out.println("blue...constructor");}public void init(){System.out.println("blue...init...");}public void detory(){System.out.println("blue...detory..…

絕對定位的div圖片居中自適應

需求點 固定定位div中添加圖片內容&#xff0c;保證圖片垂直居中&#xff0c;并且自適應。 一般在第三方UI組件中&#xff0c;這種布局需求較為常見 解決方案一 &#xff08;親測有效&#xff09; HTML代碼&#xff1a; <div class"el-carousel__item is-active is…

英語進階系列-A06-本周總結

本周總結 目錄Content 英語進階系列-A01-再別康橋 英語進階系列-A02-英語學習的奧秘 英語進階系列-A03-英語升級練習一 英語進階系列-A04-英語升級練習二 英語進階系列-A05-英語升級練習三 古詩Poem 再別康橋 回鄉偶書 梅花 勸學 游子吟 詞匯Vocabulary be; have; give; get; t…

在div中設置文字與內部div垂直居中

要實現如圖一所示的結果&#xff1a; html代碼如下&#xff1a; <!DOCTYPE html> <html><head lang"zh"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta charset"utf-8" /><title>商…

王之泰201771010131《面向對象程序設計(java)》第九周學習總結

第一部分&#xff1a;理論知識學習部分 第7章異常、日志、斷言和調試 概念&#xff1a;異常、異常類型、異常聲明、異常拋出、 異常捕獲1.異常處理技術2.斷言的概念及使用3.基本的調試技巧 1&#xff09;異常的概念 a.Java的異常處理機制可以控制程序從錯誤產生的 位置轉移到能…

vue移動端UI框架——Vant全局引入vs局部引入

全局引入 1.在main.js中全局引入全部vant組件 優點&#xff1a;可以在所有vue文件的template中定義所需組件缺點&#xff1a;打包發布時會增加包的大小&#xff0c;Vue的SPA首屏打開時本來就有些慢&#xff0c;同時不能在js中使用類似Toast功能的組件 代碼如下&#xff1a; …

大前端完整學習路線(完整版),路線完整版

第一階段&#xff1a; HTMLCSS: HTML進階、CSS進階、divcss布局、HTMLcss整站開發、 JavaScript基礎&#xff1a; Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。 JS基本特效&#xff1a; 常見特效、例如&#xff1a;tab、…

web-8. 多框架頁面的創建

8. 多框架頁面的創建 8.1 框架概念 框架是由單個框架加上框架集構成的區域。 每個框架是指頁面中一個獨立額區&#xff0c;框架集是一個關于框架結構的頁面&#xff0c;定義本頁面的框架數、大小、布局以及框架之間的相互關系。 8.2 框架集標記 框架集文件保存了所有框架的信息…