伪代码如下:
{
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);
}
})
}
个人建议,用我的第一个方案("动态绑定详情按钮")。
分享到:
相关推荐
模态窗口(Modal Window),在图形用户界面设计中,是一种特殊类型的窗口,它要求用户与窗口进行交互,而在此过程中,用户无法与父窗口进行交互。这种设计不仅仅是技术上的限制,而是反映了人类的注意力模式。如心理...
Moa Modal一款轻巧的modal弹出层插件
支持自定义弹出窗口插件PopModal是一款支持鼠标滑过信息提示,支持鼠标点击弹出层展示,支持自定义弹出框样式jQuery插件代码。
popModal――弹出窗口,显示在父元素。通过点击一个元素调用 notifyModal通知弹出,显示在所有元素。调用事件,一段时间后隐藏 hintModal,工具提示显示在父元素。上调用鼠标悬停于一个元素,元素失去焦点后隐藏 ...
在ModalDialog中操作父窗口对象 1、不能使用window.parent Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例: 需求 父窗口页面...
vue,双向绑定,代码实现,打开即用,直接浏览器运行查看效果,实现mvvm的双向绑定,是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给...
modalDialog 弹出框 提示框,确认框。...弹出框里面的dom元素如果有data-id属性值,则相当于绑定了click事件,事件的回调函数名为传给ModalDialog的options对象中key等于data-id的值所对应的value。 加载弹框样
jquery 模态modal弹出式登录框窗口.zip
微信小程序 modal: 这里对微信小程序中 modal组件进行详细解析,我想开发微信小程序的小伙伴...modal hidden={{hidden}} title=这里是title confirm-text=自定义确定按钮 cancel-text=自定义取消按钮 bindcancel
这是一款Bootstrap自定义模态窗口样式。高模态窗口通过简单的CSS代码,将原生的bootstrap模态窗口进行美化。
本实例完全展示怎么在angularJS下实现一个模态窗口,包含完整实例,可直接调试使用,附带所有版本包,启动页面是index.html
解决在Bootstrap的Modal中使用CKEditor,弹出窗口不能输入的问题 下载后直接引用就可以
ModalLayer是一款带多种形式的模态框插件,js网页弹出框代码,支持倒计时、确认对话框、弹窗iframe等。
popModal弹出窗插件包含5个部分:弹出窗口、通知弹出、工具提示、模态对话框、titleModal
将下面的 modal.wxml 、modal.wxss 、modal.js 、modal.json 四个文件复制到对应位置即可。 封装完之后调用起来也很简单,看看调用的代码吧 <modal show={{showModal}} height='60%' bindcancel=modalCancel bin
RobotFramework选择窗⼝⽅法 选择窗⼝⽅法 最近有同事⽤RobotFramework写⾃动化脚本的时候,发现选择浏览器窗⼝⽤ select window 关键字有时会跳到其他窗⼝或者选择错误,因此,我便封装了⼀个确保正确选择窗⼝ 的...
<div id="myModal1" class="modal" data-easein="fadeIn" tabindex="-1" role=... 一款在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果的jQuery打开模态窗口代码。
这是一本关于介绍modal logic 的经典著作。对于学习Modal Logic 非常有帮助。
react-native-root-modal, 一种反应native`s模态组件的纯 JavaScript react-native-root-modal特性纯javascript解决方案,易于安装。支持 React element 方式和 javascript class 方式调用,易于使用。从 <View/> ...