当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
作者:zccst 模板: 1)js模板可以是一个html文件。 模板文件.html <h1>Hello {{name}}, it is
js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自
js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自
js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自
http://blog.csdn.net/lybwwp/article/details/18813737 js模板引擎介绍搜集 js模板引擎越来越多的
最近做一个模板打印的项目调研。 要求实现Web模板的定制和打印(套打),看网上好多都是定制死的模板
废话不多说,先上测试: 亲测请访问:【在线测试地址】单次结果不一定准确,请多测几次。 tppl 的编
高性能双端js模板(新增filter)---simplite simplite是一款js实现的模板引擎,它能够完成浏览器端j
之前写JS绑定数据曾经用过tmpl库,虽然功能比较强大但是感觉不是很轻量,对于相对简单的数据需求显
作者:zccst 分三种情况: 第1种:不使用任何框架 第2种:使用Hogan框架 第3种:使用mustache框架 ..
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号