Quantcast
Channel: CodeProject Latest postings for ASP.NET
Viewing all articles
Browse latest Browse all 3938

Error bind data to html datatable with WebMethod and JavaScript (No data available in table)

$
0
0
Please help me error when bind data to html datatable, i don't know what's wrong in my code, thx before..

Vb Code
<pre><System.Web.Services.WebMethod()>PublicSharedFunction GetListPriority()Dim client AsNew HttpClient()Dim Resp = client.GetAsync(New Uri(ConfigurationManager.AppSettings("WS") + "ListPriority"))Dim ds = JsonConvert.DeserializeObject(Of List(Of ListPriority))(Resp.Result.Content.ReadAsStringAsync().Result)Dim details AsNew List(Of ListPriority)()ForEach i In dsDim oListPriority AsNew ListPriority
            oListPriority.PriorityCode = i.PriorityCode
            oListPriority.bAktif = i.bAktif
            oListPriority.InputBy = i.InputBy
            oListPriority.InputDate = i.InputDate
            details.Add(oListPriority)NextReturn details.ToArrayEndFunctionPublicClass ListPriorityPublicProperty PriorityCode AsStringPublicProperty bAktif AsStringPublicProperty InputBy AsStringPublicProperty InputDate AsStringEndClass



ASPX

<asp:ContentID="Content"ContentPlaceHolderID="MainContent"runat="server"><divid="content-wrapper"><divclass="card mb-3"><divclass="card-header">
               / Master / Priority<divstyle="float: right"><buttontype="button"class="btn btn-info btn-sm"data-toggle="modal"data-target="#myModal">NEW</button></div></div><divclass="card-body"><divclass="table-responsive"><tableclass="table table-bordered"id="dataTable"width="100%"cellspacing="0"><thead><tr><th>Priority Code</th><th>bAktif</th><th>Input By</th><th>Input Date</th></tr></thead><tfoot><tr><th>Priority Code</th><th>bAktif</th><th>Input By</th><th>Input date</th></tr></tfoot><tbody></tbody></table></div></div><divclass="card-footer small text-muted">Updated yesterday at 11:59 PM</div></div></div></asp:Content>


JavaScript

<script src="../vendor/jquery/jquery.min.js"></script><script src="../Scripts/demo/datatables-demo.js"></script><script src="../vendor/datatables/jquery.dataTables.js"></script><script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Priority.aspx/GetListPriority",
            data: "{}",
            dataType: "json",
            success: function (data) {var trHTML = '';for (var i = 0; i < data.d.length; i++) {
                    trHTML += '<tr><td>' + data.d[i].PriorityCode + '</td><td>' + data.d[i].bAktif + '</td><td>' + data.d[i].InputBy + '</td><td>' + data.d[i].InputDate + '</td></tr>';
                    ;
                };$('#dataTable tbody').append(trHTML)},
                error: function(result) {
                alert("Error");
                }
            });
        });</script>


And show like this :

Image

Viewing all articles
Browse latest Browse all 3938

Latest Images

Trending Articles



Latest Images