отображение всплывающего окна и выбор строки веб-сетки в один клик в MVC - PullRequest
Новая
       33

отображение всплывающего окна и выбор строки веб-сетки в один клик в MVC

0 голосов
/ 26 сентября 2019

У меня есть веб-сетка в моем проекте MVC, которая показывает детали работы.В последнем столбце есть кнопка, которая показывает всплывающее окно, а также получает идентификатор выбранной строки веб-сетки.Но я сталкиваюсь с проблемой в этом, поскольку я нажимаю кнопку в веб-сетке, она показывает всплывающее окно, но также закрывается автоматически.Пожалуйста, решите проблему и скажите мне правильный способ получить желаемый результат.Спасибо. 

 <script type="text/javascript">

        function showpopup() {

            $("#apply_modal").dialog({
                autoClose: false,//autoOpen: false,
                width: 400,
                height: 200,
                resizable: false,
                title: 'Apply Job',
                modal: true
            });


        };


    </script>

    @model List<careersandinternship.Models.jobs_details>
    @using careersandinternship;
    @{
        ViewBag.Title = "Index";
        Layout = "~/Views/Shared/_Layout.cshtml";
        WebGrid grid = new WebGrid(Model, canPage: true, rowsPerPage: 10);
        grid.Pager(WebGridPagerModes.All);
        string sjobid = "";
    }
    <link href="~/Content/css/webgrid-style.css" rel="stylesheet" />

    <div id="jobgrid">
        @grid.GetHtml(htmlAttributes: new { id = "grid1" },tableStyle: "webgrid-table", headerStyle: "webgrid-headercol", rowStyle: "webgrid-rowstyle",
        columns: grid.Columns(                               @grid.Column(columnName: "jobid", header: "Job Id"),
    @grid.Column(columnName: "jobname", header: "Job Designation"),
    @grid.Column(columnName: "e_qualification", header: "Essential Qualification"),
    @grid.Column(columnName: "d_qualification", header: "Desired Qualification"),
    @grid.Column(columnName: "experience", header: "Experience"),
    @grid.Column(columnName: "location", header: "Job Location"),
    @grid.Column(columnName: "salary", header: "Salary"),
    @grid.Column("Select", null, format: @<button id="opener" onclick="showpopup()">@item.GetSelectLink("Apply")</button>)
    ))
        @if (grid.HasSelection)
        {
            sjobid = (grid.SelectedRow.Value as careersandinternship.Models.jobs_details).jobid;

        }

    </div>
    <div id="apply_modal">
           <table style="width:100%;">
            <tr>
                <td width="100%">Personal Number</td>
                <td><input id="pno" type="text" name="pno" /></td>

                <td><input id="Submit1" type="submit" value="submit" /></td>
            </tr>
        </table>


    </div>
...