javascript:将引导模式表列表中选定的值行返回到父网页

javascript:将引导模式表列表中选定的值行返回到父网页,javascript,json,bootstrap-modal,Javascript,Json,Bootstrap Modal,我是新的引导模式和javascript,需要帮助解决这个问题 预期结果: 1.父屏幕打开模式窗口查找用户名 <div class="form-group"> @Html.LabelFor(model => model.ManagerName, htmlAttributes: new { @class = "control-label col-md-2" })* <div class="co

我是新的引导模式和javascript,需要帮助解决这个问题

预期结果:

1.父屏幕打开模式窗口查找用户名

 <div class="form-group">
        @Html.LabelFor(model => model.ManagerName, htmlAttributes: new { @class = "control-label col-md-2" })*
        <div class="col-md-10">
            @Html.EditorFor(model => model.ManagerName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.ManagerName, "", new { @class = "text-danger" })
            <button type="button"
                    class="btn btn-default"
                    data-toggle="modal"
                    data-target="#findByName"
                    id="findManagerDetails">
                Find
            </button>
        </div>
    </div>

<div class="modal" id="findByName" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
        </div>
        <div class="modal-body">
            @{
                Html.RenderPartial("../Admin/Find");
            }
        </div>
    </div>
</div>
<div id="validationSummary" class="validation-summary">
    <ul></ul>
</div>
$(document).ready(function () {
        $("#clear").click(function () {
            document.getElementById("Search").value = "";
            var SetData = $("#DataSearching");
            SetData.html("");
        });
        $("#SearchBtn").click(function (event) {
            event.preventDefault();
            event.stopImmediatePropagation();
            var SearchValue = $("#Search").val();
            var SetData = $("#DataSearching");
            SetData.html("");
            $.ajax({
                type: "get",
                url: "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)@Url.Content("~/")Admin/GetByIFName?name=" + SearchValue,
                contentType: "html",
                success: function (result) {
                    console.log(result);
                    $("#DataSearching").empty();
                    if (result.length == 0) {
                        SetData.append('<tr style="color:red"><td colspan="3">No Match Data</td></tr>')
                    }
                    else {
                        $.each(result, function (index, value) {
                            //based on result row number index return value to respective controls and close modal window
                            //data incorrect
                            var Data = "<tr>" +                                   
                                "<td><a href=?id=" + value.UserID + "# onclick='SetName();'>" + value.UserID + "</a></td>" +
                                "<td>" + value.UserName + "</td>" +
                                "<td>" + value.Email + "</td>" +
                                "</tr>";
                            
                            SetData.append(Data);

                        });
                    }
                }
            });
        });
2.模式对话框显示搜索用户名结果的用户名列表

 <div class="form-group">
        @Html.LabelFor(model => model.ManagerName, htmlAttributes: new { @class = "control-label col-md-2" })*
        <div class="col-md-10">
            @Html.EditorFor(model => model.ManagerName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.ManagerName, "", new { @class = "text-danger" })
            <button type="button"
                    class="btn btn-default"
                    data-toggle="modal"
                    data-target="#findByName"
                    id="findManagerDetails">
                Find
            </button>
        </div>
    </div>

<div class="modal" id="findByName" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
        </div>
        <div class="modal-body">
            @{
                Html.RenderPartial("../Admin/Find");
            }
        </div>
    </div>
</div>
<div id="validationSummary" class="validation-summary">
    <ul></ul>
</div>
$(document).ready(function () {
        $("#clear").click(function () {
            document.getElementById("Search").value = "";
            var SetData = $("#DataSearching");
            SetData.html("");
        });
        $("#SearchBtn").click(function (event) {
            event.preventDefault();
            event.stopImmediatePropagation();
            var SearchValue = $("#Search").val();
            var SetData = $("#DataSearching");
            SetData.html("");
            $.ajax({
                type: "get",
                url: "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)@Url.Content("~/")Admin/GetByIFName?name=" + SearchValue,
                contentType: "html",
                success: function (result) {
                    console.log(result);
                    $("#DataSearching").empty();
                    if (result.length == 0) {
                        SetData.append('<tr style="color:red"><td colspan="3">No Match Data</td></tr>')
                    }
                    else {
                        $.each(result, function (index, value) {
                            //based on result row number index return value to respective controls and close modal window
                            //data incorrect
                            var Data = "<tr>" +                                   
                                "<td><a href=?id=" + value.UserID + "# onclick='SetName();'>" + value.UserID + "</a></td>" +
                                "<td>" + value.UserName + "</td>" +
                                "<td>" + value.Email + "</td>" +
                                "</tr>";
                            
                            SetData.append(Data);

                        });
                    }
                }
            });
        });
问题:如何从第2点到第3点

谢谢您

学分:

下面是将数据从模式对话框json单击行传递回回答第3点的父屏幕控件的正确代码

<script>      
    $(document).on('click', '#DataSearching tr', function () {
        var tableData = $(this).children("td").map(function () {
            return $(this).text();
        }).get();

        //alert("Your data is: " + type + " , " + $.trim(tableData[0]) + " , " + $.trim(tableData[1]) + " , " + $.trim(tableData[2]));
        if (type == "Manager") {
            document.getElementById("ManagerID").value = $.trim(tableData[0]);
            document.getElementById("ManagerName").value = $.trim(tableData[1]);
            document.getElementById("ManagerEmailAddress").value = $.trim(tableData[2]);
        }
        
        $("#findByName").modal("hide");
    });

</script>

$(文档).on('单击','数据搜索tr',函数(){
var tableData=$(this.children(“td”).map(函数(){
返回$(this.text();
}).get();
//警报(“您的数据是:“+type+”、“+$.trim(tableData[0])+”、“+$.trim(tableData[1])+”、“+$.trim(tableData[2])”);
如果(类型==“管理者”){
document.getElementById(“ManagerID”).value=$.trim(tableData[0]);
document.getElementById(“ManagerName”).value=$.trim(tableData[1]);
document.getElementById(“managerMailAddress”).value=$.trim(tableData[2]);
}
$(“#findByName”).modal(“隐藏”);
});