`
wanggeying
  • 浏览: 62699 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

动态绑定详情按钮 另一种方式打开modal窗口

 
阅读更多
伪代码如下:
    			{
    				field: 'operate',
    				title: '操作',
    				width: '150px',
    				align:"center",
    				formatter: operateFormatter
    			},

function operateFormatter(value, row, index) {
	var id=row.id;
	return [
		'<button id="btn_detail" type="button" data-toggle="modal" data-target="#detailModal" onclick="detailModal(\''+id+'\');" class="RoleOfA btn-default bt-select">详情</button>',
	].join('');
}
//onclick="detailModal(\''+id+'\');"  ,其中的id也可以传递row的喲, 有兴趣的试试

function detailModal(id){
	 $.ajax({ 
         type:"post",
         data: {id:id},
         url:projectpath+"/certificate/cjjl/queryDetails.do",
         dataType:"json",
         async :false,
         success:function(data){ 
        	 console.log(data);
//        		var row=getSelectRows[0];
//        		$("#d_id").val(row.id);
//        		$("#d_zslx").val(row.zslx);
//        		$("#d_zshm").val(row.zshm);
//        		$("#d_yscmc").val(row.yscmc);
//        		$("#d_jcr").val(row.jcr);
//        		$("#d_jcjg").val(row.jcjg);
//        		$("#d_bk").val(row.bk);
//        		var sczp=row.sczp;
//        		var base = new Base64();
//        		var images=base.decode(sczp);   
//        		d_imagestr=images;
//        	    var img = '<img src="'+d_imagestr+'" width="200px" height="200px"/>';
//        	    $("#d_images_show").empty().append(img);
         }
     })

}


个人建议,用我的第一个方案("动态绑定详情按钮")。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics