当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js 标准化模板

发表于: 2014-06-13   作者:annan211   来源:转载   浏览:
js
摘要: /********************* 页面全局变量定义 ************************/ var size = 15; var displayRecord = 15; var $nodata = $('<div>查无数据</div>').hide();

    /********************* 页面全局变量定义  ************************/
    var size          = 15;
    var displayRecord = 15;
    var $nodata       = $('<div>查无数据</div>').hide();
    
    /********************* 初始化整个页面逻辑 ************************/
    $(document).ready(function(){
        //初始化日期控件
        $.page.initDateControl();
        //加载一次数据
        load();
    });
    
    /********************* 事件绑定   ************************/
    $("#serch").bind('click',function(){
        load();
    });
    
    /*********************方法定义  ************************/
    //加载数据
    function load(pageinfo){
    	
    	var url = "/admSup/list.do";
        //查询条件传后台
        var dataJson = {};
        if (pageinfo == undefined) {
			dataJson.size = size;
			dataJson.page = 1;
			dataJson.displayRecord=displayRecord;
		} else {
			dataJson.size = pageinfo.size;
			dataJson.page = pageinfo.page;
			dataJson.displayRecord=pageinfo.displayRecord;
		}

        var callback = function(obj) {
            if (obj.success) {
                var list = obj.object.lists || [];
                if(list.length>0){
                    $nodata.hide();
                }else{
                    $nodata.show();
                }
                renderTbale(list);
                dataJson.total = obj.object.total_num;
                renderPager(list,dataJson);
            }
        };

        $.ajax({
            url : url,
            data:dataJson,
            cache:false,
            dataType : "json",
            success : callback
        });    	
    }
    //传分页信息与展示数据,第一次查询需要封装初始分页信息
    function renderPager(list, pageInfo){
        new Pager({
            pageNo : pageInfo.page,
            pageSize : size,
            totalNum : pageInfo.total,//分页总条数放置message
            ctn : '.pager-ctn',
            aClickHandler : function(i) {
                var pageinfo = {
                    size : size,
                    page : i,
					displayRecord:displayRecord
                };
                page = i;
                load(pageinfo);
            },
            goClickHandler : function(i) {
                var pageinfo = {
                    size : size,
                    page : i,
					displayRecord:displayRecord
                };
                page = i;
                load(pageinfo);
            }
        });
    }
    //加载数据信息
    function renderTbale(list){
        list = eval(list);
        var _table = $("#sample_2");
        var _tbody = _table.find("tbody");
        //先清空tbody的数据
        var mytable = document.getElementById("sample_2");
        var rowNum=mytable.rows.length;
        while(rowNum!=1){
            mytable.deleteRow(1);
            rowNum=rowNum-1;
        }
        //拼装数据,用于显示

        for(var index = 0; index<list.length; index++){
            _tbody.append("<tr>" +
            		"<td>"+ (index+1)+"</td>" +
			        "<td>"+ list[index].pro_code+"</td>" +
			        "<td>"+ list[index].pro_name+"</td>" +
			        "<td>"+ list[index].complaint_time+"</td>" +
			        "<td>"+ (list[index].deal_result==0?"未处理":"已处理")+"</td>" +
			        "<td style='text-align:center;' ><a href='/admSup/op.jspx?id="+list[index].id+"'>"+ (list[index].deal_result==0?"处理":"查看")+"</a></td>" +
			        "</tr>");
        }
    }

js 标准化模板

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号