当前位置:编程学习 > 网站相关 >>

用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开发 , 其他 ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,