Question

我正在尝试将数据动态加载到模态主体中，但似乎无法使其正常工作。

Javascript：

createAndShowLinksModal: function (Uid) {
        Uid = Number(Uid);
        $('#myModal').removeData('bs.modal');
        $("#myModal").modal('show');
        for (i = 0; i < WtmDetails.vars.allData.length; ++i) {               
            if (WtmDetails.vars.allData[i].TaskSchedulerLogUid === Uid) {

                var dataLinks = WtmDetails.vars.allData[i].Link;

                for (j = 0; j < dataLinks.length; ++j) {
                    var htmlPara = $(document.createElement("p"));
                    htmlPara.text(dataLinks);
                    $("#myModal.modal-body").append(htmlPara);
                }

                break;
            }              
            }    
        }
    },

HTML：

 <div id="myModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Links:</h5>
            <button type="button" class="close" data-dismiss="modal" aria- 
label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <p></p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data- 
dismiss="modal">Close</button>
        </div>
    </div>
</div>
</div>

作为参考，以上代码中的“ dataLinks”是一个字符串（可能有多个，这就是为什么我创建了嵌套循环）。如果“ allData”的ID与单击的表行的ID匹配，则我想在打开模式时将模式主体与“ dataLinks”中的字符串附加在一起。当前，模态为空。

是否将数据动态加载到引导程序模式？

0 个答案: