jQuery показывать динамическое содержимое в диалоговом окне

#jquery #dynamic #dialog #popup

#jquery #динамический #диалоговое окно #всплывающее окно

Вопрос:

У меня есть этот диалог:

 function OpenCopyDialog() {

var $link = $(this); //keep track of the element that was clicked

$("#confirmCopyBox").html("</br><h2>Your are about to copy application number: <span>P</span>@application.Id</h2> </br> <h1> Do you want to continue?</h1>");

$("#confirmCopyBox").dialog({
    resizable: false,
    modal: true,
    title: "Copy Confirmation",
    height: 250,
    width: 400,
    buttons: {
        "Yes": function () {
            $(this).dialog('close');
            callback(true, $link); //pass the reference to the element
        },
        "No": function () {
            $(this).dialog('close');
            callback(false);
        }
    }
});
event.preventDefault();
  

}

И таблица с этими элементами:

 <tr>
                        <td><a href="@APPP.GetURL("applicationsFormPageId")?ApplicationId=@application.Id"><span>P</span>@application.Id</a></td>
                        <td>@application.Street</td>
                        <td>13-Jun-2014</td>
                        <td>Incomplete</td>
                        <td>@Html.ActionLink("Delete", "Delete", "YourApplications", new {Id = application.Id }, new { @class = "confirmDelete" })</td>
                        <td>@Html.ActionLink("Copy", "Copy", "YourApplications", new { Id = application.Id }, new { @class = "confirmCopy" })</td>
                        <td><a href="#">download</a></td>
                    </tr>
  

Идея состоит в том, чтобы показать во всплывающем окне jQuery динамический элемент : <span>P</span>@application.Id .

Поэтому каждый раз, когда пользователь пытается скопировать или удалить, у него появляется всплывающее окно с подтверждением, в котором его спрашивают, действительно ли он хочет удалить или скопировать ЭТОТ ЭЛЕМЕНТ.

Если вам нужна дополнительная информация, пожалуйста, скажите мне, но не опускайте меня. Спасибо!

Ответ №1:

Это то, что я сделал:

 var $link = $(this); //keep track of the element that was clicked

var myAppHref = $link.attr('href');
var arrayString = myAppHref.split('/');
var myAppIDclean = arrayString[arrayString.length-1];

$("#confirmDeleteBox").html("</br><h2>You are about to Delete application number: <span>P</span>"   myAppIDclean   "</h2> </br> <h1> Do you want to continue?</h1>");
  

Это сработало нормально.