bootstrap表格结合anglarjs 含全选与全不选（-）

Posted 2020-12-03 loveAline

http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

html--------------

<table id="mytab" class="table table-hover"></table>

js-----------------------

$scope.pageSize=20; //条数

$scope.orgnizationname = ""; //名字

$scope.mustcheck = 0; //是否必查

$scope.deleteArr = [] //存放要删除的任务ID

$scope.request = function(sendData){

HikGlobalHTTPService.requestByPost("/api/organization/search", sendData, function (data, status){

if(status){

// layer.close(loading);

$scope.totalNum = data.totalNum; //数据总条数

if(data.result == null || data.result.length == 0){

$scope.tableData = [];

$rootScope.pageNum = 1;

$rootScope.totaPage = 1;

}else{

$scope.tableData = data.result;

$rootScope.totaPage = Math.ceil($scope.totalNum/$scope.pageSize); //总页码数

}

$(‘#mytab‘).bootstrapTable({

url: ‘‘,

columns: [

{checkbox:true,width:‘3%‘},

{width:‘4%‘,title:‘序号‘,align:‘center‘,formatter:function(value, row, index){

return index+1;

}},

{width:‘12%‘,title:‘责任组织名称‘,align:‘center‘,formatter:function(val,row,index){

 

return ‘<span class="taskNameOrg f_blue" title="‘+row.orgnizationname+‘">‘+row.orgnizationname+‘</span>‘;

},events:{

"click .taskNameOrg":function(e,value,row,index){

$(‘.mask_texts‘).hide();

$(‘.input_contents‘).hide();

$(‘.input_contentshows‘).html(row.orgnizationname).css({border:"none"});

$(‘.mask_text_shows‘).html(row.description).css({border:"none"});

var layer = layui.layer;

layer.open({

type: 1,

area: [‘462px‘, ‘345px‘],

title: [‘详情‘, ‘font-size:15px;background:#e60012;color:#fff;‘],

content: $(‘.mask‘),

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

yes: function (index, layero) {

layer.close(index); //如果设定了yes回调，需进行手工关闭

maskHide();

},

btn2: function () {

maskHide();

}

});

closeBtn();

},//显示

}},

{width:‘8%‘,title:‘说明‘,align:‘center‘,formatter:function(value,row,index){

return ‘<span title="‘+row.description+‘">‘+row.description+‘</span>‘;

}},

 

{width:‘6%‘,title:‘操作‘,align:‘center‘,formatter:function(value,row,index){

return[

‘<span class="editData"></span>‘,

‘<span class="deleteData"></span>‘

].join("");

},events:{

"click .editData":$scope.editDataTask,//编辑

"click .deleteData":function(e,value,row,index){//删除

var abarbeitungPopups = layer.open({

content: "确认是否删除？",

title: "",

closeBtn: false,

btn: ["确定","关闭"],

yes: function(){

layer.close(abarbeitungPopups);

var dateId=[];

dateId.push(row.id);

HikGlobalHTTPService.requestByPost("/delete",{id:dateId}, function (data, status){

if(status){

$rootScope.queryData();//删除刷新

}

})

}

})

 

}

}}

],

data: $scope.tableData,

height: ‘100%‘,

onCheckAll:function(row){ //全选

$scope.deleteArr = [];

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

$scope.deleteArr.push(row[i].id);

}

},

onUncheckAll:function(row){ //取消全选

$scope.deleteArr = [];

},

onCheck:function(row){ //单行选中

$scope.deleteArr.push(row.id);

},

onUncheck:function(row){ //取消单行

for(var i = 0; i < $scope.deleteArr.length; i++){

if($scope.deleteArr[i] == row.id){

$scope.deleteArr.splice(i,1);

break;

}

}

}

})

$rootScope.pageJudge();

}else{

// layer.close(loading);

layer.open({

content: data.message

})

}

})

}

$scope.request({id:1,pageSize:$scope.pageSize,pageNum:$rootScope.pageNum});//用户id

$scope.editDataTask = function(e,value,row,index){ // 编辑

$(‘#inputData‘).val(row.orgnizationname);

$(‘#input_text‘).val(row.description);

var layer = layui.layer;

layer.open({

type: 1,

area: [‘462px‘, ‘345px‘],

title: [‘说明‘, ‘font-size:15px;background:#e60012;color:#fff;‘],

content: $(‘.mask_edit‘),

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

yes: function (index, layero) {

layer.close(index); //

maskHide();

var taskInputName = $(‘#inputData‘).val();//

var taskDescription = $(‘#input_text‘).val();//

$scope.editDate= function () { // 编辑

var requestBody = {};

requestBody.orgnizationname = taskInputName;

requestBody.description = taskDescription;

requestBody.id = row.id;

var postData = requestBody;

HikGlobalHTTPService.requestByPost("/update", postData, function (data, status) {

if (status) {

if(data.status=="SUCCESS"){

$rootScope.queryData();//删除刷新

}else{

var abarbeitungPopups = layer.open({

content: data.message,

title: "",

closeBtn: false,

btn: ["确定"],

yes: function () {

layer.close(abarbeitungPopups);

 

}

})

}

 

}

});

};

 

if(taskInputName!=‘‘){

$scope.editDate();

}else{

var abarbeitungPopups = layer.open({

content: "*为必填",

title: "",

closeBtn: false,

btn: ["确定"],

yes: function () {

layer.close(abarbeitungPopups);

 

}

})

}

 

 

},

btn2: function () {

maskHide();

}

});

closeBtn();

}

$rootScope.queryData = function(){// 搜索

$("#mytab").bootstrapTable(‘destroy‘);//清除

if($scope.orgnizationname == ""){

var tasksname = null;

}else{

var tasksname = $scope.orgnizationname;

}

var sendData = {

id: $rootScope.orgid, //用户ID $rootScope.orgid

pageSize: $scope.pageSize, //每页显示条数

pageNum: $rootScope.pageNum, //当前页码

orgnizationname: tasksname, 

}

$scope.request(sendData);

}

// 重置搜索条件

$scope.reset = function(){

$scope.orgnizationname = "";

}

$scope.add_task = function(){//添加

$(‘#inputData‘).val("");

$(‘#input_text‘).val("");

var layer = layui.layer;

layer.open({

type: 1,

area: [‘462px‘, ‘345px‘],

title: [‘添加责任组织‘, ‘font-size:15px;background:#e60012;color:#fff;‘],

content: $(‘.mask_edit‘),

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

yes: function (index, layero) {

var taskInputName = $(‘#inputData‘).val();

var taskDescription = $(‘#input_text‘).val();

if(taskInputName!=‘‘){

var requestBody = {};

requestBody.orgnizationname = taskInputName;

requestBody.description = taskDescription;

var postData = requestBody;

HikGlobalHTTPService.requestByPost("/api/organization/add", postData, function (data, status) {

if (status) {

if(data.status=="SUCCESS"){

$rootScope.queryData();//刷新

}else{

var abarbeitungPopups = layer.open({

content: data.message,

title: "",

closeBtn: false,

btn: ["确定"],

yes: function () {

layer.close(abarbeitungPopups);

 

}

})

}

 

}

});

layer.close(index); //如果设定了yes回调，需进行手工关闭

maskHide();

}else{

$(‘.prompt‘).stop().animate({

top: ‘2px‘

});

}

},

btn2: function () {

maskHide();

}

});

closeBtn();

}

$scope.deleteTask = function(){//删除

var idStr = "";

for(var i = 0; i < $scope.deleteArr.length; i++){

if(i == $scope.deleteArr.length - 1){

idStr += $scope.deleteArr[i];

}else{

idStr += $scope.deleteArr[i] + ",";

}

}

var dataStrArr=idStr.split(",");//分割成字符串数组

var dataIntArr=[];//保存转换后的整型字符串 int类型

dataStrArr.forEach(function(data,index,arr){

dataIntArr.push(+data);

});

var abarbeitungPopups = layer.open({

content: "确认是否删除？",

title: "",

closeBtn: false,

btn: ["确定","关闭"],

yes: function(){

layer.close(abarbeitungPopups);

HikGlobalHTTPService.requestByPost("/del",{id:dataIntArr}, function (data, status){

if(status){

$rootScope.queryData();//删除刷新

}

})

}

})

}

 

 

----------------------forEach兼容ie8

if (typeof Array.prototype.forEach != ‘function‘) {//兼容ie8

Array.prototype.forEach = function(callback){

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

callback.apply(this, [this[i], i, this]);

}

};

}