当前位置: 移动技术网 > IT编程>网页制作>CSS > bootstraptable删除当前行代码展示

bootstraptable删除当前行代码展示

2018年10月25日  | 移动技术网IT编程  | 我要评论

    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插件

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网