jq插件 datatable的使用(附上window一些方法)

datatable使用

data 为后端传过来的数组值

function initfellTable(data){
datatable = data;
$("#myTable").html("<thead><tr><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th></tr></thead>");
var TbodyLength =20
// var data = [
//    {
//        "area_id":       "Tiger Nixon",
//        "city_name":   "2",
//        "poorgridnum":     "3,120",
//        "totaldatavolume": "3",
//    },
//    {
//        "area_id":       "Tiger Nixon",
//        "city_name":   "222",
//        "poorgridnum":     "5,300",
//        "totaldatavolume": "333"
//    }
//    ];
var options = {
"pagingType": "input",
"oLanguage": {
"sZeroRecords":$.i18n.prop(''),
"oPaginate": {
"sFirst": $.i18n.prop(''),
"sPrevious": $.i18n.prop(''),
"sNext": $.i18n.prop(''),
"sLast": $.i18n.prop('')
}
},
"order": [],
"ordering":true,
// "retrieve": true,
"destroy": true,
"searching": true,
"bFilter": false,
"sDom": '<"H"lr>t<"F"ip>',
"bDestory": true,
"bAutoWidth": false,
"bLengthChange": false,
"displayLength": 10,
"bSort": true,
"scrollX": true,
"bPaginate": true,
"columnDefs": [{
　　　　'targets' : [0,1,7],    //除第六，第七两列外，都默认不排序
　　　　'orderable' : false
　　　　},
{
"render": function (data, type, row, rowcol) {
return '<img class="imgdetail" src="img/map/r2_c2.png"/>';
}, "targets": [7]
},
{
"render": function (data, type, row, rowcol) {
return '<span title="'+data+'">'+data+'</span>';
}, "targets": [0]
}

]
}
options.data = data
//data里面没后端传过来的列名
options.columns= [
{ data: 'area_id' },
{ data: 'city_name' },
{ data: 'pqfeelgridnum' },
{ data: 'poorcoveragegridnum' },
{ data: 'exceptionusernum' },
{ data: 'exceptionvalueusernum' },
{ data: 'totaldatavolume' },

];
$("#myTable").dataTable(options);

}

window一些方法

1.window.open（）

打开一个新的窗口

例子:导出功能

$.ajax({
method: "post",
url: '',
async:false,
data:data,
success: function(data){
window.open(data.result)
showModalBox();
}
});

2.window.location.href

完整的url

url.split(“//”)[1].split(“.”)[0]

split:按指定字符分割字符串

3.window.location.search/location.search

获取url ?后面的部分

function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
if (url.indexOf("day")>-1) {

var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
}else{

}
return theRequest;

}

unescape() :可对通过 escape() 编码的字符串进行解码。

该函数的工作原理是这样的：通过找到形式为 %xx 和 %uxxxx 的字符序列（x 表示十六进制的数字），用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码。

ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。