</script> <script type="text/javascript""> </script> <script type="text/javascript""> </script> <script type="text/javascript"" />

Как Населить dataList по щелчку клиента

Я использую jQuery ajax метод, чтобы населить datalist.

мой сценарий клиентской стороны:

<script src="scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script type="text/javascript">
     $(document).ready(function() 
     {
         $("#btnsubmit").click(function() {
             $("[id*=dlCustomers]").hide();
             $.ajax({
                 type: "POST",
                 url: "13.aspx/GetCustomers",
                 data: '{}',
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: OnSuccess,
                 failure: function (response) {
                     alert(response.d);
                 },
                 error: function (response) {
                     alert(response.d);
                 }
             });
         });
     });

    function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);
        var customers = xml.find("Table");
        var repeatColumns = parseInt("<%=dlCustomers.RepeatColumns == 0 ? 1 : dlCustomers.RepeatColumns%>");
        var rowCount = Math.ceil(customers.length/repeatColumns);
        var i = 0;
        while (i < repeatColumns * rowCount) {
            var row = $("[id*=dlCustomers] tr").eq(0).clone(true);
            for (var j = 0; j < repeatColumns; j++) {
                var customer = $(customers[i]);
                if (customer.length == 0) {
                    $("table:last", row).remove();
                } else {
                    $(".name", row).eq(j).html(customer.find("ContactName").text());
                    $(".city", row).eq(j).html(customer.find("City").text());
                    $(".postal", row).eq(j).html(customer.find("PostalCode").text());
                    $(".country", row).eq(j).html(customer.find("Country").text());
                    $(".phone", row).eq(j).html(customer.find("Phone").text());
                    $(".fax", row).eq(j).html(customer.find("Fax").text());
                }
                i++;
            }
            $("[id*=dlCustomers]").append(row);
        }
        $("[id*=dlCustomers] tr").eq(0).remove();
        $("[id*=dlCustomers]").show();
    }
</script>

DataList Id - dlCustomers

Моя проблема - ошибка:

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

То, которое производит эту ошибку:

var repeatColumns = parseInt("<%=dlCustomers.RepeatColumns == 0 ? 1 : dlCustomers.RepeatColumns%>");

Предложите меня какая-либо идея, как я могу изменить эту Линию так, чтобы это могло работать правильно

Заранее спасибо!

0
nl ja de
Я предполагаю, вы добавляете JavaScript перед контролем. Попытайтесь добавить этот $ (" #btnsubmit") .click (функция() {...... в вас код позади использования менеджера скриптов и зарегистрируйте их. Попытайтесь переместить признаки из главного признака.
добавлено автор Nagaraj Tantri, источник
Проверьте все эти решения также от этого Вопрос. Вы могли бы пропускать что-то.
добавлено автор Nagaraj Tantri, источник
лучше, если вы могли бы использовать менеджер скриптов. это помогает вам зарегистрировать свои сценарии и управлять ими. Вот вопрос: почему нам нужен менеджер скриптов всегда, когда мы используем контроль Аякса?
добавлено автор Nagaraj Tantri, источник
Я не использую признака менеджера скриптов, я делаю требование ajax из jQuery.
добавлено автор Imastu, источник
Но сэр, почему использовать тяжелый ajaxtoolkit....., когда мы можем выполнить требования ajax из jqery....
добавлено автор Imastu, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda