分页，显示条数

最新推荐文章于 2021-02-09 16:21:57 发布
最新推荐文章于 2021-02-09 16:21:57 发布
阅读量1.5k 收藏
点赞数
分类专栏： flex 文章标签： function 公告 button object datagrid import
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z9061/article/details/6967721
版权

分页，显示条数

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" implements="war.view.interfaces.IDispose" >
    <mx:Script>
	   <![CDATA[	
		
   		import mx.events.CloseEvent;
 		import mx.controls.Alert;
		import war.net.ServiceApi;
	         import war.net.Service;
		import war.events.WarEventDispatcher;
		import war.events.SystemManage;	
		import mx.collections.ArrayCollection;
		private var ser:Service = Service.getInstance(); 
	         private var dispatcher:WarEventDispatcher = WarEventDispatcher.getInstance();
   		
   		private var acceptData:Object = {};
   		private var dataArr:Array = new Array();
   		//从中取出删除的键
   		private var tempDataArr:Array;
   		//临时储存被编辑公告数据的键值
   		private var tempNKey:String;
   		
	         private var pages:uint = 1;//总页数
		public var ePage:uint = 1;//当前页数
		private const ENUM:uint = 5;//每页显示的行数      		
			
   		public function init():void
   		{
   			//添加
   			dispatcher.addEventListener(SystemManage.EVENT_ADD_NOTICE_COMPLETE,addNoticeHandler);
   			//删除
   			dispatcher.addEventListener(SystemManage.EVENT_DEL_NOTICE_COMPLETE,delNoticeHandler);
   			//编辑
   			dispatcher.addEventListener(SystemManage.EVENT_EDIT_NOTICE_COMPLETE,editNoticeHandler);
   			//获取列表
   			dispatcher.addEventListener(SystemManage.EVENT_GET_NOTICES_COMPLETE,addNoticeHandler);
   			//更新公告
   			dispatcher.addEventListener(SystemManage.EVENT_MODIFY_NOTICE_COMPLETE,addNoticeHandler);
   			ser.send(ServiceApi.SYSTEM_GET_NOTICES,"");	
   		}
   		
   		public function dispose():void
   		{
   			dispatcher.removeEventListener(SystemManage.EVENT_MODIFY_NOTICE_COMPLETE,addNoticeHandler);
   			dispatcher.removeEventListener(SystemManage.EVENT_GET_NOTICES_COMPLETE,addNoticeHandler);
   			dispatcher.removeEventListener(SystemManage.EVENT_EDIT_NOTICE_COMPLETE,editNoticeHandler);
   			dispatcher.removeEventListener(SystemManage.EVENT_ADD_NOTICE_COMPLETE,addNoticeHandler);
   			dispatcher.removeEventListener(SystemManage.EVENT_DEL_NOTICE_COMPLETE,delNoticeHandler);
   		}
   		
   		private function editNoticeHandler(event:SystemManage):void
   		{
   		    cavAdd.visible = false;  
    		    cavEdit.visible = true;
   		    var tempData:Object = new Object();
   		    tempData = event.data;
   		    texTitle.text = tempData['title'];
   		    texLink.text =tempData['link'];
   		    texContent.text = tempData['content'];
   		    tempNKey = tempData ['nid'];

   		} 
   		
   		private function delNoticeHandler(event:SystemManage):void
   		{
  			if(event.data.hasOwnProperty('errMsg'))
			{
				Alert.show(event.data['errMsg'],'提示');
				return;
			}
			  		
			var nKey:String = event.data['nKey']
			for(var i:int;i<tempDataArr.length;i++)
			{
				if(tempDataArr[i]['nid'] == nKey)
				{
					tempDataArr.splice(i, 1);
					break;
				}
			}
						
   		         dataArr = tempDataArr;
			if(dataArr.length%ENUM==0)
			{
				pages = dataArr.length/ENUM;
			}
			else
			{
				pages = dataArr.length/ENUM+1;
			}
			//当前页数 > 总页数，当前页取总页数为为值	
			pages = pages < 1 ? 1 : pages;			
			ePage = pages < ePage ? pages : ePage;
			
			
			//重新显示当前页数
			initData(ePage);
			//显示分页数据
			//pno.text = ePage+"/"+pages;
		         cavEdit.visible = false;
		         cavAdd.visible = true;
   		}
   		
   		private function addNoticeHandler(event:SystemManage):void
   		{   
                       //整理获得的数据
                          if(event.data.hasOwnProperty('errMsg'))
		    {
		        Alert.show(event.data['errMsg'],'提示');
		        return;
		    }
			
   	             acceptData = event.data;
   	             dataArr.splice(0,dataArr.length);
   	             for(var item:String in acceptData)
   	             {
   	        	        acceptData[item]['nid'] = item;
   	        	        dataArr.push(acceptData[item]);
   	             }
   		 	if(dataArr.length>1)
   		 	{
   		 	    dataArr.sortOn('nid',Array.DESCENDING);
   		 	}
   		 	
   			tempDataArr = dataArr.concat();
			if(dataArr.length%ENUM==0)
			{
				pages = dataArr.length/ENUM;
			}
			else
			{
				pages = dataArr.length/ENUM+1;
			}
			//当ePage < 1时， 程序赋值1
		    ePage = ePage < 1 ? 1 : ePage;
		    pages = pages < 1 ? 1 : pages;
		    
		    trace(pages);
		    initData(ePage);
//		    pno.text = ePage+"/"+pages;
   		}
   		
    	  		
		private function initData(index:uint):void
		{
			var gridArr:ArrayCollection = new ArrayCollection();
			//当数据有数据的时候， 
			if (dataArr.length > 0)
			{ 
				for(var i:int =(index-1)*ENUM;i<index*ENUM;i++)
				{ 
					var list:Object = dataArr[i];
					list['order'] = ENUM*(index-1)+i+1; 
					
					gridArr.addItem(list);
										
					//到达最大长度是，跳出   
					if(i == dataArr.length-1)
					{
					   break;
					}
				}			
			}

			grid.dataProvider = gridArr;
			
			///处理页数列表
			createPageList(ePage);
		}
   		
   		private function addHandler():void
   		{
   			if( title.text ==  "")
   			{
   				Alert.show("公告标题不能为空","提示！");
   				return;
   			}
   			var notice:Object = {};
   			notice['title'] = title.text;
   			notice['link'] = link.text;
   			notice['content'] = matter.text;
   			ser.send(ServiceApi.SYSTEM_ADD_NOTICE,notice);
   			clearHandler();
   		}
   		
   		private function clearHandler():void
   		{
   			title.text = "";
   			link.text = "";
   			matter.text = "";
   		}
   		
   		private function modifyHandler():void
   		{
   			
    		if( texTitle.text ==  "")
   			{
   				Alert.show("标题不能为空","提示！");
   				return;
   			}  			
   		   var modify:Object = {};
   		   modify['title'] = texTitle.text;
   		   modify['content'] = texContent.text;
   		   modify['link'] = texLink.text;
   		   modify['nKey'] = tempNKey;
   		   ser.send(ServiceApi.SYSTEM_MODIFY_NOTICE, modify);
   		   tempNKey = null;
   		   CleanUpHandler();
   		}
   		
   		private function CleanUpHandler():void
   		{
   			texTitle.text = "";
   			texLink.text = "";
   			texContent.text = "";
   			
   		}
   	
  		private function upPage():void
		{
			if(ePage <= 1)
			{
				Alert.show('当前是第一页','提示！');	
				return;
			}
			ePage--;
			initData(ePage);
			//pno.text = ePage+"/"+pages;
		}
		
		private function downPage():void
		{

			if(ePage >= pages)
			{
		 		Alert.show('当前是最后一页','提示！');				
				return;
			}
			ePage++;
			initData(ePage);
		}	 
  
		private function fristPage():void
		{
		    //第一页
		     ePage = 1;
                       initData(ePage);
		}
		
		private function lastPage():void
		{
			ePage = pages;
		 	initData(ePage);
		}
		
		//操作显示分页列表
		private function createPageList(ePage:uint):void
		{
	             //建一个数组做为combobox的数据源，用来跳转页
	               var pageArr:Array = new Array();
	             if (pages > 1){
		        for (var i:int=1; i <= pages; i++)
		        {
		        	pageArr.push({label:i.toString(), data:i});
		        }
	             }
	             else if (pages == 1)
	             {
	        	       pageArr.push({label:'1', data:1});
	             }
	             pno.selectedIndex = ePage;	        
	             pno.dataProvider = pageArr;            
		}  	
   	    
  	    private function onChange(event:Event):void
   	    {
   	       var tPage:uint = 0;
  	       tPage = uint(pno.selectedItem.data);
  	       ePage = tPage == 0 ? 1 : tPage;
 	       initData(ePage);
  	    }  
   	]]>
   </mx:Script>			

	<!-- 添加公告 -->
	<mx:Text x="10" y="10" text="游戏公告" fontSize="20"/>
	<mx:Canvas x="234" y="43" width="558" height="295"  id="cavAdd"  >
		<mx:Label x="42" y="6" text="添加公告" fontSize="16"/>
		<mx:Label x="44" y="32" text="公告标题:" fontSize="12"/>
		<mx:Label x="45" y="64" text="链接:"/>
		<mx:Label x="47" y="94" text="内容:"/>
		<mx:TextInput x="112" y="30" width="282" id="title"/>
		<mx:TextInput x="112" y="65" width="282" id="link" text="http://"/>
		<mx:TextArea x="114" y="104" width="400" height="143" id="matter" verticalScrollPolicy="on"/>
		<mx:Button x="275.5" y="258" label="添加" fontSize="12" click="addHandler()"/>
		<mx:Button x="362" y="258" label="清除" fontSize="12" click="clearHandler()"/>
	</mx:Canvas>
	
	<!--修改公告 -->
	<mx:Canvas x="205" y="4" width="785" height="291" id="cavEdit"  visible="false" >
    	<mx:Label x="46" y="16" text="公告标题:" fontSize="12"/>
		<mx:Label x="48" y="53" text="链接:"/>
		<mx:Label x="49" y="85" text="内容:"/>
		<mx:TextInput x="112" y="13" width="282" id="texTitle"/>
		<mx:TextInput x="112" y="56" width="282" id="texLink"/>
		<mx:TextArea x="112" y="88" width="435" height="161" id="texContent"/>
		<mx:Button x="334" y="255" label="修改" fontSize="12" click="modifyHandler()"/>
		<mx:Button x="458" y="254" label="清除" fontSize="12" click="CleanUpHandler()"/>
	</mx:Canvas>
	
	<!--显示页数 -->
 	  <mx:Canvas x="537" y="592" id="pag"  width="314" height="25">
			<mx:Button click="upPage()" width="50" height="25" x="71" label="上页"/>
				<!--
				 <mx:Canvas x="95" width="55" height="20">
					<mx:Text id="pno" y="2"  textAlign="center" x="26"/>
				 </mx:Canvas>
				 -->
				 
			<mx:Button x="200" width="50" height="25" click="downPage()" label="下页"/>
	       <mx:Button width="50" height="25" label="首页" x="17" click="fristPage()"/>
		   <mx:Button  width="50" height="25" label="末页" x="257" click="lastPage()"/>
		   			
		   <mx:ComboBox x="129" y="2" width="67" id="pno" change="onChange(event)"/>
				
	  </mx:Canvas>  

	<!-- 公告列表 -->	  
	 <mx:DataGrid x="229"  id="grid" y="358" width="582" height="226" verticalScrollPolicy="off" horizontalScrollPolicy="off">
	 	 <mx:columns>
	 	 	 <mx:DataGridColumn headerText="公告序号" dataField="order"/>
	 	 	 <mx:DataGridColumn headerText="公告标题" dataField="title"/>
	 	 	 <mx:DataGridColumn headerText="公告内连接" dataField="link"/>
	 	 	 <mx:DataGridColumn headerText="操作" itemRenderer="war.view.systemManage.sysItem"/>
	 	 </mx:columns>
	 </mx:DataGrid>

</mx:Canvas>


 

_Lunay
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
APP开发-Vue3+vant实现数据列表下拉分页功能
不觉晓晓的博客
06-23 4242
一、需求分析 1、数据列表页面初始化显示十条数据，当用户下拉页面的时候会再自动请求十条数据，如果数据加载完成，显示提示信息’已经到底了’ 二、 分页效果图 从动图中我们可以看出页面在下拉的时候会自动触发数据请求，在右边的Network栏中，我们可以监测它是往后台发送请求的，而其currentPage代表的请求页数每次也会自动加一。 三、后台分页逻辑 当我们数据列表数据量大的时候，我们一般都会采用分页的展示。怎么样实现分页？首先，前台我们要告诉后台，我们需要请求第几页数据，并且把每页展示的数据量告诉我。
分页查询案例及下拉框显示每页条数
04-23
分页查询简单案例，MVC三层架构，包含有go跳转以及下拉框每页显示条数
dataTable分页功能,修改每页显示条数
热门推荐
qq_23337175的博客
11-26 1万+
在表格初始化方法grid.init 里 修改 属性 "lengthMenu":[1, 2, 3,4,5,6], $('#data').dataTable({ "bLengthChange": true, //开关，是否显示每页显示多少条数据的下拉框 "aLengthMenu": [[5, 10, 25, -1]...
自定义Jquery分页插件
weixin_34197488的博客
11-06 158
/** * 功能说明：jPager 分页插件 * 参数说明：pages:[] 分页的控件个数 @id:显示分页的div ID，@showSelectPage: 是否显示当前分页的条目过滤下拉框 * @currentpage 当前第几页 * @pagesize type：number 每页显示多少条目 * @total type：number ...
vant 分页使用
wzk2329的博客
02-09 4032
<van-pagination @change="handleCurrentChange" v-model="searchFrom.page" :total-items="total_page" :page-count="pagenum" force-ellipses /> //搜索 saveEdit(flag) { this.searchFrom.admin_id = this.admin_i.
dbgrideh分页显示
05-31
本文将深入探讨如何利用ADOQuery组件与DBGrid及DBGridEh控件来实现分页显示功能。 首先，我们来看一下`DBGridEh`，它是Enhanced Grid Component Suite（EhLib）库中的一个组件，相比于标准的`DBGrid`，它提供了更多...
qtabel 分页显示功能
12-09
当我们处理大量数据时，分页显示功能变得尤为重要，因为它可以提高用户界面的响应速度，同时提供更好的用户体验。在本篇中，我们将深入探讨如何在QTableView中实现分页显示功能，以及如何添加上一页、下一页的导航...
c#分页显示
07-18
在C#编程中，分页显示是一项常见的需求，特别是在处理大量数据时，为了提高用户体验和系统性能，我们通常不会一次性加载所有数据，而是选择性地加载一部分，这就是分页的基本理念。本篇将深入探讨C#中实现分页显示的...
extjs4.2 分页combo动态条数 源码
11-26
分页组件在EXTJS中通常由PagingToolbar提供，这是一个放置在Grid或TreePanel底部的工具栏，包含了导航按钮和页码显示。在Combobox中实现分页，我们需要自定义Combobox的行为，使其能够与PagingToolbar协同工作。 `...
JSP 分页显示技术
12-14
对于用户体验，可以添加页码跳跃框，让用户可以直接输入页码跳转，或者添加“显示条数”选择，让用户自定义每页显示的记录数。总之，JSP分页技术是一个实用的工具，能有效提升大数据量展示的效率和用户体验。
分页自定义每页展示的条数
04-08
$msg_count//总记录数 $page = isset($_GET['page']) ? $_GET['page'] : 1;//当前第几页页 $pagesize=$_GET['pagesize']?$_GET['pagesize'] : 5; 获取自定义每页展示的条数； $offset=($page-1)*$pagesize; $url='index.php?c=news'; $this->smarty->assign('pagestring',Page::page
dataTable分页功能,修改默认显示条数
南京小龙虾的博客
07-04 8813
公司的一个小需求，需要修改dataTable刚进来时默认显示的数据数量由10条到30条，一开始想到的是直接修改 "aLengthMenu": [10, 15, 30, 100],改为"aLengthMenu": [30, 50,100],后来又要求分页选择可以选择10,15，又将"aLengthMenu": [30, 10,15，100],感觉不是正常的做法，百度了一下，有个'iDisplay...
bootstrap table分页每页数量选择ALL时页面显示NAN错误处理
天色还不晚的博客
04-09 2019
如图,当选择查询ALL全部数据时,页面出现NAN,查询也报错了 bootstrapTable属性设置: sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） pageSize: 15, //每页的记录行数（*） pageList: [15, 25, 50, 100,'ALL'], //可供选择的每页的行数 解决方法:...
分页查询之数量总条数
weixin_30265171的博客
02-26 802
　　最近在做数据分页查询.在查询数据条数时直接做了一个如下封装: 　　　　如原SQL为:select * from a left outer jonn b on a.id=b.id 之类的查询。 　　　　为得到数据总条数然后封装为： select coun(*) from (select * from a left outer jonn b on a.id=b.id) 　　　　在测试...
jsp分页及每页自定义条数
chenxu_joy的博客
09-01 1646
jsp页面参考代码 [code="java"] -pageObj.getTotalRow()?pageObj.getTotalRow():(pNum*p);%> of , Show 15 50 100 ...
分页的总页数算法
zjx2014430的专栏
08-24 7947
设 总记录数：totalRecord 每页最大记录数：maxResult   算法一: totalPage = totalRecord % maxResult == 0 ? totalRecord /maxResult : totalRecord / maxResult + 1 ;   算法二：（推荐） totalPage = (totalRecord + maxResult -1
mybatise分页没有总条数
最新发布
05-17
3. 分页参数设置不正确：在 MyBatis 中进行分页查询时，需要设置分页参数，包括页码和每页显示条数。如果分页参数设置不正确，可能会导致无法获取到总条数。你需要确保分页参数设置正确。 如果以上方法都无法解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值