我有一個帶有數(shù)據(jù)表的PHP程序（服務(wù)器端?。∶啃卸加幸粋€按鈕（“管理”），單擊該按鈕時，將打開引導(dǎo) 4 模式：我需要用包含單擊的按鈕的行中的數(shù)據(jù)填充模式的2元素。任何提示將不勝感激。斷續(xù)器 ：<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條經(jīng)驗 獲得超1個贊
解決！
將我的Java腳本更改為以下內(nèi)容，它的工作原理是：
<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 關(guān)注
- 75 瀏覽
添加回答
舉報
0/150
提交
取消