欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstraptable删除当前行代码展示

程序员文章站 2022-03-13 14:22:29
bootstraptable删除当前行 { field: 'del', title: '删除', width: 100, align: '...

    bootstraptable删除当前行

    {
    	field: 'del',
    	title: '删除',
    	width: 100,
    	align: 'center',
    	valign: 'middle',
    	events:delevents,
    	formatter:delfunction
    }

    2、删除按钮

    function delfunction(value,row,index){
    		return [
    			'删除'
    		].join('');
    	}

    3、删除事件

    //删除事件
    window.delevents ={
        "click #del_btn":function(e,value,row,index)
        {
            console.log(row);
    	     bootbox.confirm({
    			size: "small",
    			message: "您确定删除"+row.no+"行吗?",
    			buttons: {
    				confirm: {
    					label: '是',
    					classname: 'btn-success'
    				},
    				cancel: {
    					label: '否',
    					classname: 'btn-danger'
    				}
    			},
    			callback: function(result) {
    				if(result) {
    					$.ajax({
    			          method:"post",
    			          url:'/listdatatype=jsonp',
    			          data:{
    			          	no:row.no,
    			          },
    			          datatype : "jsonp",
    			          async:true,
    			          success:function (res) {			          	 
    			          	 $("#tab").bootstraptable('refresh');
    			          }
    			        }); 
    				}
    			}
    		});	
        }
    }

    注意引入相关css/js

    bootbox是bootbox.min.js插件