Вспомогательные теги Ajax в Asp.net Core - PullRequest
Новая
       8

Вспомогательные теги Ajax в Asp.net Core

0 голосов
/ 04 октября 2018

Пожалуйста, помогите.Я хочу нажать на кнопку для обработки формы Ajax, я не понимаю, как работает data-ajax.

Вот мой HTML-код 

<form asp-page-handler="UpdateTable" data-ajax="true" 
              data-ajax-method="post"
              data-ajax-update="#Tables"
              data-ajax-mode="after"
              data-ajaz-url="Secon">
            <ul class="widget-list">``
                <li> <input type="checkbox" name="name1" value="true" /> <span>sdfsdfsfsdfsf</span></li>
                <li> <input type="checkbox" name="name2" value="true" /> <span>ssdfsdf</span></li>
                <li> <input type="checkbox" name="name3" value="true" /> <span>sdfdsfsdewe</span></li>
                <li> <input type="checkbox" name="name4" value="true" /> <span>sdfsdfsfsdfsf</span></li>
                <li> <input type="checkbox" name="name5" value="true" /> <span>ssdfsdf</span></li>
                <li> <input type="checkbox" name="name6" value="true" /> <span>sdfdsfsdewe</span></li>
            </ul>` `
            <p style="">Дата: <input type="text" style="width:180px; border-radius:5px;" name="Days" required class="datepicker-here" data-range="true" data-multiple-dates-separator=" - " data-position='top right' /></p>
            <p style="margin-left:19px;">
                С: <input type="text" style="width:60px; border-radius:5px;" name="TimeFrom" required class="only-time" data-position='top right' />
                До: <input type="text" style="width:60px; border-radius:5px;" name="TimeTo" required class="only-time" data-position='top right' />
            </p>
            <input type="submit" value="Показать" class="button-style" style="margin-left:60px;" />
        </form>

и div, который я хочуобновить 

<div class="div-table" id="Tables">
            <div class="BodyTwo" style="width:auto;">
                <h3 >@Model.Name</h3>
                @{
                    DataSet DS = Model.Data;
                    // = Model.Data;
                }
            </div>
           </div>

и мой код C # 

public class AboutModel : PageModel
    {
        public string Name  { get; set; }
        public DataSet Data { get; set; }
        public string Date { get; set; }
        public string View { get; set; }

        public DataTable dataTable { get; set; }
       public string Razdel { get; set; }

        IRepositor repositor;
        public AboutModel (IRepositor repositor)
        {
            this.repositor = repositor;
        }
        public IActionResult OnGet()
        {
            Name = " mnnjhjbbhvbhvh";
            Data = new DataSet();
            string StrocRezdel = Request.Query.FirstOrDefault(p => p.Key == "Razdel").Value;
            View = Request.Query.FirstOrDefault(p => p.Key == "View").Value;
            if (StrocRezdel != null)
            {
                Data = repositor.DataSetTwo(Name);
            }
            Razdel = StrocRezdel;
            return Page();
        }
        public void OnPostUpdateTable(bool name1, bool name2, bool name3, bool name4, bool name5, bool name6)
        {
            Name = "";
            Name += name1 == true ? "dsdfsdf " : "";
            Name += name2 == true ? "svwer " : "";
            Name += name3 == true ? "sghjkker " : "";
            Name += name4 == true ? "mjhj " : "";
            Name += name5 == true ? "rffvbn " : "";
            Name += name6 == true ? "ooluhj " : "";
            Console.WriteLine("UEEEEEEEEEE");

        }

    }

Но когда я нажимаю кнопку, добавляется еще одно меню Screen1 image, Screen2 image

, почему, когда я нажимаю кнопку «Показать», это происходит?Благодаря.

1 Ответ

0 голосов
/ 04 октября 2018

У вас есть несколько ошибок в вашей форме.Атрибут asp-page-handler не требуется, поскольку форма будет / должна быть опубликована по URL-адресу, указанному атрибутом data-ajax-url.Вы неправильно написали это (data-ajaz-url), и это, похоже, не указывает на какой-либо код, который вы показали.Вы также установили для data-ajax-mode значение after, в результате чего содержимое, возвращаемое вызовом AJAX, добавляется к существующему содержимому.

Не так просто увидеть, какой результат вы хотите, поэтому я укажувам некоторые общие сведения об использовании ненавязчивого AJAX в Razor Pages: https://www.learnrazorpages.com/razor-pages/ajax/unobtrusive-ajax

...