用Ajax查询结果初始化记录列表表单
使用List<Map>数组初始化记录列表表单也很方便,这里集合Ajax查询、分页再举一例。
分页控件pageObj初始化参数{uid:"",list:""}是必须的,其余可使用默认值。
一、效果图
二、客户端网页文件newsListForm.html
<!--
用Ajax查询结果初始化记录列表表单
客户端代码
胡开明
2011-11-21
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>调用Ajax查询实现记录列表表单初始化</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="res/js/pvo.js"></script>
<script type="text/javascript" src="res/js/jbxx.jsp"></script>
<script type="text/javascript" src="res/js/page.js"></script>
<script type="text/javascript" src="res/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var record={id:"qicity",s:"",defaultLM:"<option value='企业公告'>企业公告</option><option value='企业资讯'>企业资讯</option>"};
function queryNews(){
var action=pvo.getRoot()+ "/ExServlet?method=queryQyNews";//查询请求的action,如同form中的action;
pvo.query(action, function(){
var p=new pageObj({//创建分页对象
uid:"browseTD",//指定一个容器,供显示结果
numPerPage:6,//每页显示的记录数 numPerOne:10,//每组的页数
list:pvo.RESULT//这是查询结果//barType:0//2:表示在查询结果的上下方都显示索引条;0,只在查询结果的上方都显示索引条;1,只在查询结果的下方都显示索引条;
});
p.f=function(){//实现用户方法
var list = p.pageList;//从分页的结果中取当前页的记录
var uid=p.bodyid;//从分页面板中获取主体部分的DOM元素id
document.getElementById(uid).innerHTML="";
var html="";
var head='<tr bgcolor="gray" align="center" style="height:24px;color:#ffffff;"><td width="40px">No</td><td width="300px">标题</td> <td width="180px">日期</td><td width="100px">栏目分类</td><td width="240px" colspan="3">操作</td></tr>';
if(list.length>0){
for(var i=0;i<list.length;i++){
var j=i+1;
var m=list[i];
htmlhtml=html+"<tr><td align='center'>"+j+&qu
补充:Web开发 , 其他 ,