我有一个带有数据表的PHP程序（服务器端！！每行都有一个按钮（“管理”），单击该按钮时，将打开引导 4 模式：我需要用包含单击的按钮的行中的数据填充模式的2元素。任何提示将不胜感激。断续器 ：<body><div id="manageModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="manageAccountModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content border border-dark"> <form id="manageModalForm" name="manageModalForm" action="" method="POST" role="form" class="p-2 needs-validation" novalidate> <div class="modal-body"> <div> Id<a id="accUserId" name="accUserId" class="form-control"></a> <br> </div> <div class="form-group"> User Name<input id="accUserName" name="accUserName" type="text" class="form-control"> </div> </div> <div id="manageModalActions" class="modal-footer myLightPurpleBgColor rounded"> <div class="col-8"> <div class="row"> <div class="col-4"> <button type="button" class="btn btn-secondary text-light border border-dark myBigBtn font-weight-bold" data-dismiss="modal"><h7>Cancel</h7></button> </div> </div> </div> </div> </form> </div> </div></div><div class="container-fluid"> <div class="jumbotron jumbotron-fluid mr-n2 ml-n2 mb-n2 rounded bg-secondary"> <div class="container"> <div class="row"> <div class="col-lg-12 col-lg-offset-2 myMargTop20 bg-white rounded"> <table id="example" class="display table table-bordered table-hover dt-responsive nowrap rounded" cellspacing="0" width="100%"> <br> <thead> <tr>
1 回答
冉冉说
TA贡献1877条经验 获得超1个赞
解决！
将我的Java脚本更改为以下内容，它的工作原理是：
<script>
$(document).ready(function() {
// ============== ==============
var jsTable = $('#example').DataTable({ // added: var jsTable =
// $('#example').dataTable({
'scrollX': true,
'pagingType': 'numbers',
'processing': true,
'serverSide': true,
'ajax': 'datatablesServerSide.php',
"columnDefs": [{"render": createManageButtonFunc, "data": null, "targets": [0]}],
});
// ============== Next 7 lines were added ==============
$('#example').on('click', 'tr', function(){
// var jsData = jsTable.fnGetData(this); <== fnGetData deprecated!!!
jsTable = $('#example').DataTable();
var jsData = jsTable.row(this).data();
$('#accUserId').text(jsData[1]);
$('#accUserName').val(jsData[2]);
})
// =====================================================
});
function createManageButtonFunc() {
return '<button id="manageBtn" type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#manageModal">Manage</button>';
}
</script>
- 1 回答
- 0 关注
- 53 浏览
添加回答
举报
0/150
提交
取消