NishaCheriyan Ответов: 1

Возможно ли связывание и сортировка gridview с помощью jquery? Кто-нибудь может помочь


i have tried binding in juery it was successful,but not sorting  for binding and i used web service for sorting i have used plugging in js file tablesort.js


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

я попробовал привязку в juery, это было успешно,но не сортировка для привязки, и я использовал веб-сервис для сортировки, я использовал подключение js-файла tablesort.js


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

        window.onload = function() {
            fnLoading_Start();
            var jsonData = {};
            jsonData.TRANSTYPE = "II"
            var weburl = "../../UI/ws/ws_Accounts.asmx/ACC_INV_PRINT_AUTHORISATION";
            JSON.stringify(jsonData);
            $.ajax({
                type: "POST",
                url: weburl,
                data: JSON.stringify(jsonData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function(response) {
                    alert("Failure : " + response.d);
                },
                error: function(response) {
                    alert("Error : " + response.d);
                }
            });
            return false;
        }


        function OnSuccess(response) {
            //  alert(response.d);
            var xmldoc = $.parseXML(response.d);
            var xml = $(xmldoc);
            var InvAuth = xml.find("Table");


            //create a new row from the last row of gridview
            var row = $("[id*=dgInvoice] tr:last-child").clone(true);
            //remove the lst row created by binding the dummy row from code behind on page load
            $("[id*=dgInvoice] tr").not($("[id*=dgInvoice] tr:first-child")).remove();
            //Look for the Hidden Field and fetch the CustomerId.
            $.each(InvAuth, function() {
                var InvAuth = $(this);
                $("td", row).eq(1).html($(this).find("TRNS_TYPE").text());
                $("td", row).eq(2).html($(this).find("INV_CRTNO").text());
                $("td", row).eq(3).html($(this).find("INV_CRTDT").text());
                $("td", row).eq(4).html($(this).find("CREATEDBY").text());
                $("td", row).eq(5).html($(this).find("INV_CRT_DAT").text());
                $("td", row).eq(6).html($(this).find("CLIENTNAME").text());
                $("td", row).eq(7).html($(this).find("TOTAL_AMT").text());
                $("[id*=dgInvoice]").append(row);
                row = $("[id*=dgInvoice] tr:last-child").clone(true);
            });
             
            fnLoading_Stop();
        }
$(document).ready(function() {
        $("#dgInvoice").tablesorter();
        });
 </script>

1 Ответов

Рейтинг:
1

SrikantSahu

Вы можете использовать jQuery DataTable (Подключаемый модуль DataTables | Table для jQuery[^]) для привязки данных из вашего веб-сервиса. Он имеет встроенную функцию сортировки.

Просто нужно вытащить данные из веб-сервиса. Затем проанализируйте данные в формате JSON, а затем инициализируйте jQuery dataTable.