Member 11851484 Ответов: 0

Как мне...jquery popupform функция onclick() tag <a/> доза не работает в ASP.NET MVC

Цитата:

Всем Привет

Мне нужно вызвать функцию внутри jQuery с popupform событием onclick тега, используя ASP.NET в MVC, каждая вещь выглядит нормально, но когда я нажимаю на Баттон-добавить нового в jQuery функция popupform доза не Открытия, а также возвращение данных в формате JSON, доза не выполнить
Пожалуйста, посмотрите на мой код и ответьте на отсутствующую ошибку
Спасибо


Что я уже пробовал:

@{
    ViewBag.Title = "Employee List";
}
<h2 class="mt-3">Employee List</h2>

<a id="btnclick" class="btn btn-primary mb-2 ml-2" style="color:white" onclick="Popupform('@Url.Action("AddOrEdit","Employee")')">  Add New</a>
<table id="TableEmployee" class="table table-striped table-bordered w-100" > 
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Salary</th>
        </tr>
    </thead>


</table>


<link href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />



@section scripts{
    
   
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>

<script type="text/javascript">

    $(document).ready(function () {
        
          var popup, datatable;
          datatable = $("#TableEmployee").DataTable({

                  "ajax": {
                      "url": "/Employee/GetData",
                      "type": "GET",
                      "datatype": "Json"
                  },
                  "columns": [
                      { "data": "Name" },
                      { "data": "Position" },
                      { "data": "Office" },
                      { "data": "Age" },
                      { "data": "Salary" }
                  ],

                  "Language": {
                      "TableEmployee": "No data found, Please click on Add New Button"
                  }
              });
    



          $(".btn.btn-primary").click(function () {
              alert('Hello this is jquery btn');
        function Popupform(url) {
            var formDiv = $('div/');
            $.get(url)
            .done(function (response) {
                formDiv.html(response);

                popup = formDiv.dialog({
                    autoOpen: true,
                    resizable: false,
                    title: 'Fill Employee Details',
                    height: 500,
                    width: 700,
                    close: function () {
                        popup.dialog('destroy').remove();
                    }
                });

            });
        }

    });

    });

</script>


 }



[HttpGet]
  public  ActionResult AddOrEdit(int id=0)
  {
      return View(new Employee_tb());
  }

Kornfeld Eliyahu Peter

Вы смешиваете подход JQuery с классическим подходом JavaScript...
Выбрать один...
Это либо onclick в разметке, либо $(...).clikc()

Member 11851484

не могли бы вы привести пример пожалуйста

Olympas Mkhabela

Могу я спросить, вы хотите открыть модальное всплывающее окно, а не вид, верно?

Olympas Mkhabela

Могу я спросить, вы хотите открыть модальное всплывающее окно или что-то в этом роде? потому что то, что я вижу в вашем коде, - это то, что вы пытаетесь открыть вызов представления вместо этого.

Member 11851484

да, я хочу открыть всплывающую форму, которая получает данные от контроллера, а затем я буду использовать эту форму в качестве формы редактирования сотрудника


эта функция не работает


$(".btn.btn-primary").click(функция () {
alert('Привет, это jquery btn');
функция Popupform(url) {
var formDiv = $('div/');
$.получить(URL-адрес)
.done(функция (ответ) {
formDiv.html(ответ);

всплывающее окно = formDiv.диалог({
autoOpen: правда,
изменение размера: нет,
название: "заполнение реквизитов сотрудника",
высота: 500 м,
ширина: 700,
закрыть: функция () {
всплывающее окно.диалоговое('уничтожить').удалить();
}
});

});
}

});

Karthik_Mahalingam

вы получаете какую-либо ошибку в окне консоли?

Member 11851484

нет нет никакой ошибки

Kornfeld Eliyahu Peter

Смотри в оба!!!

Olympas Mkhabela

Могу ли я предложить вам вместо этого использовать bootstrap modal, я нахожу его очень простым в реализации

Member 11851484

это работает как jQuery PopupForm?

0 Ответов