JS总结

//jQuery加载启动

$(document).ready(function(){

});

//这个页面js加载完，在执行

window.onload = function () {

alert("页面加载完");

}

//绑定回车键

$(“#id”).bind(‘keypress’,function(event){

   if(event.keyCode == "13"){  



    }  

});

//jQuery循环 i为index，n为当前对象

$.each(data.rows,function(i, n) {

});

//截取字符0到30

str=str.substring(0,30)+”…”;

//某某选择器内加载html内容

$(‘选择器’).html(html);

//Ajax

$.ajax({

url : "${ctx}/fore/personal/deleteInquiry.action",

type : "post",

data : {

"priceNum" : priceNum

},

timeout : 10000, //超时时间

dataType : "json",

success : function(data) {

    if (data.code == 1) {

    top.layer.msg('删除成功', {icon: 1});

    setTimeout(function(){  //使用  setTimeout（）方法设定定时1000毫秒

    window.location.reload();//页面刷新

    },1000);

    }

}

});

//layer的分页插件

layui.use([ ‘laypage’, ‘layer’ ], function() {

    var laypage = layui.laypage, 

    layer = layui.layer;

    //完整功能

    laypage.render({

    elem : 'demo7',

    count : data.total,//总共多少条

    limit : limit,//每页显示条数

    curr:offset,  //当前页

    skip : true,  //是否开启跳页

    layout : [ 'count', 'prev', 'page', 'next', 'skip' ],

        jump : function(obj, first) {

        //翻一页置顶

        window.parent.scrollTo(0, 0);

            if (first != true){//是否首次进入页面

            getData(obj.curr, obj.limit);



            }

        }

    });

});

//layer的确定和取消提示

top.layer.confirm(‘确定删除该订单？’, {

        btn : [ '确定', '取消' ],

        shade:[0.1, '#FFF5EE'],

        fixed: 'false'

    }, function(index, layero) {



        top.layer.close(index);

    }, function(index) {

       });

//按钮变灰

$(“#selectedBtn0”+i).removeAttr(“onclick”);

$(“#selectedBtn0”+i).css(“background-color”,”gray”);

$(“#selectedBtn0”+i).css(‘color’,’white’);

$(“#selectedBtn0”+i).css(‘border’,’0px’);

//按钮不可点击

$(“#submitData”).attr(“disabled”, true);

//使用 setTimeout（）方法设定定时1000毫秒

setTimeout(function(){

window.location.reload();//页面刷新

},1000);

//对特殊字符进行操作

function insert_char(str) {

    var array = str.split("");     

    var newStr = '';

    for(var i = 0;i<array.length;i++){

        if(array[i]=="%"){

            array[i] = "\\%";

        }else if(array[i]=="'"){

            array[i] = "\\'";

        }else if(array[i]=="_"){

            array[i] = "\\_";

        }else if(array[i]=="["){

            array[i] = "\\[";

        }else if(array[i]=="]"){

            array[i] = "\\]";

        }

        newStr += array[i];

    }

    return newStr;

}

//1在本网页上打开 2跳转网页

window.location.href=”${ctx}/fore/personal/OrderDetails.action?id=” + id”;

window.open(“${ctx}/fore/personal/OrderDetails.action?id=” + id, “_blank”);

//限制字符个数

    $("#xz_company_name").each(function(){

        var maxwidth=15;

        if($(this).text().length>maxwidth){

            $(this).text($(this).text().substring(0,maxwidth));

            $(this).html($(this).html()+'...');

        } 

    });

//js格式化日期

function getMyDate(str){

 var oDate = new Date(str),  

 oYear = oDate.getFullYear(),  

 oMonth = oDate.getMonth()+1,  

 oDay = oDate.getDate(),  

 oHour = oDate.getHours(),  

 oMin = oDate.getMinutes(),  

 oSen = oDate.getSeconds(),  

 oTime = oYear +'-'+ getzf(oMonth) +'-'+ getzf(oDay); /* +' '+ getzf(oHour) +':'+ getzf(oMin) +':'+getzf(oSen) *///最后拼接时间  

 return oTime;  

};

function getzf(num){

 if(parseInt(num) < 10){  

     num = '0'+num;  

 }  

 return num;  

}

//js 中JSON操作

var jsonstr=”[]”;

var jsonArray = eval(‘(‘+jsonstr+’)’);

var jsonObject = { “id” : “123”, “dateVerify” : “2550” };

jsonArray.push(jsonObject);

var dataJSON = JSON.stringify(jsonArray);

//nice-validater提交验证

$(“#form2”).isValid(function(v) {

if (v) {

top.layer.msg('操作成功', {icon: 1});

    }

});

//回车键触发按钮

document.onkeydown=function(event){

    var e = event || window.event || arguments.callee.caller.arguments[0];        

    if(e && e.keyCode==13){ // enter 键

        TableInit(); 

    }

}; 

//完整的功能，ajax和layer分页

function getData(start, number) {

    $.ajax({

        url : '${ctx}/fore/personal/evaluateOrder/getEvaluateOrder.action',

        type : 'POST',

        data : {

            "start" : start,

            "number" : number

        },

        dataType : "json",

        async : false,

        success : function(data) {

            console.log(data.json);

            var data_html = '';

            $.each(data.json,function(i, n) {

                    var evaluateContent = n.evaluateContent;

                    if(evaluateContent.length>55){

                         evaluateContent = n.evaluateContent.substr(0, 55)+"...";

                    }

                    data_html += '<div class="oneLeaveMessage" style="border-bottom:1px solid #ebebeb;width:100%;padding-left: 20px;">'

                              + '<div style="margin: 25px;">'

                              + '<p><span id="spanFont">&emsp;评价单号</span> : '

                              +  n.orderNo

                              + '</p>'

                              + '<p title="'+n.evaluateContent+'"><span id="spanFont">&emsp;评价内容</span> : '

                              +  evaluateContent

                              + '</p>'

                              + '<p><span id="spanFont">&emsp;评价时间</span> : '

                              +  n.evaluateDatetime

                              + '</p>'

                              + ' </div></div>';

                    });

                    $('.showLeaveMessage').html(data_html);

                    window.parent.scrollTo(0, 0);

                    layui.use([ 'laypage', 'layer' ], function() {

                        var laypage = layui.laypage, layer = layui.layer;

                        //完整功能

                        laypage.render({

                            elem : 'demo7',

                            count : data.total,//总共多少条

                            limit : number,//每页显示条数

                            curr : start,

                            skip : true, //是否开启跳页

                            layout : [ 'count', 'prev', 'page', 'next',

                                    'skip' ],

                            jump : function(obj, first) {

                                if (first != true) {//是否首次进入页面

                                    getData(obj.curr, obj.limit);

                                }

                            }

                        });

                    });

                }

            });

}

//bootstrapTable插件

//初始化表格

function TableInit(){

    var $table=$('#tb_departments');

    $('#tb_departments').bootstrapTable('destroy');  

    $table.bootstrapTable({

        url : '${ctx}/manage/messageSupervisionlistJSON.action', //请求后台的URL（*）

        method : 'post', //请求方式（*）

        dataType : "json",

        contentType : "application/x-www-form-urlencoded; charset=UTF-8",

        toolbar : '#toolbar', //工具按钮用哪个容器

        striped : true, //是否显示行间隔色

        cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）

        pagination : true, //是否显示分页（*）

        sortable : false, //是否启用排序

        sortOrder : "asc", //排序方式

        sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）

        pageNumber : 1, //初始化加载第一页，默认第一页

        pageSize : 15, //每页的记录行数（*）

        pageList : [ 15, 25, 50], //可供选择的每页的行数（*）

        search : false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大

        strictSearch : false,

        showColumns : false, //是否显示所有的列

        showRefresh : false, //是否显示刷新按钮

        minimumCountColumns : 2, //最少允许的列数

        clickToSelect : false, //是否启用点击选中行

        //height : 600, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度

        uniqueId : "id", //每一行的唯一标识，一般为主键列

        showToggle : false, //是否显示详细视图和列表视图的切换按钮

        cardView : false, //是否显示详细视图

        detailView : false, //是否显示父子表

        strictSearch: false,

        showColumns: false,                  //是否显示所有的列

        showRefresh: false,                  //是否显示刷新按钮

        minimumCountColumns: 2,             //最少允许的列数

        clickToSelect: false,                //是否启用点击选中行

        queryParams : function(params) {

            var temp = {

                limit : params.limit, //每页显示多少条，默认15

                offset : params.offset, //页码 ，分页数据偏移量

                msgContent : insert_char($("#msgContent").val()),  //用户名搜索

            };

            //特别说明，返回的参数的值为空，则当前参数不会发送到服务器端 

            return temp;

        },



        columns: [{

        checkbox : true

        },{

            field : 'sendUserName',

            title : '发送人',

            align : 'center'

        },

        {

            field : 'receiveUserName',

            title : '接收人',

            align : 'center'

        },

        {

            field : 'createDateTime',

            title : '发送时间',

            align : 'center'

        },

        {

            field : 'messageContent',

            title : '消息内容',

            width: '500px',

            align : 'center'

        } ]



    });

}



//关于bootstrapTable的方法

var selectIndex =$('#tb_departments').bootstrapTable('getSelections'); //获取选中的复选框

$('#tb_departments').bootstrapTable('refresh');          //刷新table