使用引导程序单击表格行时，如何使用模态弹出窗口显示数据？ [英] How can I show data using a modal popup when clicking a table row using bootstrap ?

问题描述

先生，我想在使用bootstrap单击表格行时以模态动态显示数据



我尝试过：



// === js



功能BindTable（）{

$（ #tblselect tbody）。find（'tr'）。remove（）;

var row =;

$ .ajax（{

类型：POST，

url：wsc_common.asmx / bindtable，

数据：{}，

contentType：application / json; charset = utf-8，

dataType：json，

成功：函数（msg）{

var json = JSON.parse（msg.d）;

$ .each（json，function（index，obj）{

var row =''+ obj。 pid +''+ obj.p_name +''+ obj.p_mobile +''+ obj.p_location +''

$（＃tblselect tbody）。append（row）;

}）;

}

}）;



}



// === popup



$（function（） {

$（'＃orderModal'）。莫代尔（{

键盘：true，

背景：静态，

show：false，



}）。on（'show'，function（）{

var getIdFromRow = $（ event.target）.closest（'tr'）。data（'id'）;

//让你的ajax调用填充项目甚至你需要什么

$（这个）.find（'＃orderDetails'）。html（$（'选择订单ID：'+ getIdFromRow +''））

}）;

}）;

sir i want to show data dynamically in modal when clicking a table row using bootstrap

What I have tried:

//=== js

function BindTable() {
$("#tblselect tbody").find('tr').remove();
var row = "";
$.ajax({
type: "POST",
url: "wsc_common.asmx/bindtable",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
var json = JSON.parse(msg.d);
$.each(json, function (index, obj) {
var row = ' ' + obj.pid + ' ' + obj.p_name + ' ' + obj.p_mobile + ' ' + obj.p_location + ' '
$("#tblselect tbody ").append(row);
});
}
});

}

//=== popup

$(function(){
$('#orderModal').modal({
keyboard: true,
backdrop: "static",
show:false,

}).on('show', function(){
var getIdFromRow = $(event.target).closest('tr').data('id');
//make your ajax call populate items or what even you need
$(this).find('#orderDetails').html($(' Order Id selected: ' + getIdFromRow + ''))
});
});

推荐答案

（＃tblselect tbody）。find（'tr'）。remove（）;

var row =;

("#tblselect tbody").find('tr').remove();
var row = "";

.ajax（{

type：POST，

url： wsc_common.asmx / bindtable，

数据：{}，

contentType：application / json; charset = utf-8，

dataType：json，

成功：函数（msg）{

var json = JSON.parse （msg.d）;

.ajax({
type: "POST",
url: "wsc_common.asmx/bindtable",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
var json = JSON.parse(msg.d);

.each（json，function（index，obj）{

var row =''+ obj.pid +''+ obj.p_name +''+ obj.p_mobile +''+ obj.p_location +''

.each(json, function (index, obj) {
var row = ' ' + obj.pid + ' ' + obj.p_name + ' ' + obj.p_mobile + ' ' + obj.p_location + ' '

这篇关于使用引导程序单击表格行时，如何使用模态弹出窗口显示数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！