Detailansicht fast fertig implementiert sodass Daten rüber können

Customers/LKWs.aspx

@@ -391,6 +391,72 @@
                 }
             });
         }
+        function renderTable_details(result) {
+            var dtData = [];
+            // Data tables requires all data to be stuffed into a generic jagged array, so loop through our
+            // typed object and create one.
+            $.each(result, function () {
+                dtData.push([
+                    this.SDL,
+                    this.Bez,
+                    this.Gueltigbis,
+                    this.Kartnr
+                ]);
+            });
+
+            $("#<%=tablemain.ClientID%>").dataTable({
+                "bJQueryUI": true,
+                "sPaginationType": "full_numbers",
+                "bServerSide": true,
+                "sAjaxSource": "LKWs.aspx/filltabledetails",
+                "fnServerData": function (sSource, aoData, fnCallback) {
+                    $.ajax({
+                        "type": "POST",
+                        "dataType": 'json',
+                        "contentType": "application/json; charset=utf-8",
+                        "url": sSource,
+                        "async": "true",
+                        "data": "{'sEcho': '" + aoData[0].value + "'}",
+                        "success": function (msg) {                            
+                            fnCallback(msg.d);                            
+                        }
+                    });
+                }
+            });
+        }
+        function renderTable_details_M(result) {
+            var dtData = [];
+            // Data tables requires all data to be stuffed into a generic jagged array, so loop through our
+            // typed object and create one.
+            $.each(result.d, function () {
+                dtData.push([
+                    this.SDL,
+                    this.Bez,
+                    this.Gueltigbis,
+                    this.Kartnr
+                ]);
+            });
+
+            $("#<%=tablemain_m.ClientID%>").dataTable({
+                "bJQueryUI": true,
+                "sPaginationType": "full_numbers",
+                "bServerSide": true,
+                "sAjaxSource": "LKWs.aspx/filltabledetails2_M",
+                "fnServerData": function (sSource, aoData, fnCallback) {
+                    $.ajax({
+                        "type": "POST",
+                        "dataType": 'json',
+                        "contentType": "application/json; charset=utf-8",
+                        "url": sSource,
+                        "async": "true",
+                        "data": "{'sEcho': '" + aoData[0].value + "'}",
+                        "success": function (msg) {
+                            fnCallback(msg.d);
+                        }
+                    });
+                }
+            });
+        }
     </script>
     <script type="text/javascript">    
        
@@ -418,7 +484,7 @@
                 //addNewRow(SDL,Bez,Datguenstig,KartNr)
                 // Pagemethods.filltable2(<%' =tbl_mainpage %> , SDL, Bez, Datguenstig, KartNr)
             //}
-            var data = {};
+            let data = {};
             data['Kennzeichen'] = id.split(',')[0];   
             
             $.ajax({
@@ -443,7 +509,7 @@
                         //let strHTML4 = '<tr><td>878465464634</td><td>DIESEL</td><td>12/05/2026</td><td>151515313521351</td></tr>'
                         //alert('Horray! 200 status code!' + result[i]);
                         // alert(result.rows.length)
-                        let strHTML4 = '<tr><td>' + result[i]["0"] + '</td><td>' + result[i]["1"] + '</td><td>' + result[i]["2"] + '</td><td>' + result[i]["3"] + '</td></tr>'
+                        let strHTML4 = '<tr onclick="Javascript:renderdetails(' + id.split(',')[0] +')"><td>' + result[i]["0"] + '</td><td>' + result[i]["1"] + '</td><td>' + result[i]["2"] + '</td><td>' + result[i]["3"] + '</td></tr>'
                         //alert(strHTML4)
                         $('#<%=tablemain.ClientID%>').append(strHTML4);
                     }                   
@@ -476,7 +542,7 @@
             //addNewRow(SDL,Bez,Datguenstig,KartNr)
             // Pagemethods.filltable2(<%' =tbl_mainpage_M%> , SDL, Bez, Datguenstig, KartNr)
             //}
-            var data_m = {};
+            let data_m = {};
             data_m['Kennzeichen'] = id_M.split(',')[0];
             
             $.ajax({
@@ -501,7 +567,7 @@
                         //let strHTML4 = '<tr><td>878465464634</td><td>DIESEL</td><td>12/05/2026</td><td>151515313521351</td></tr>'
                         //alert('Horray! 200 status code!' + result[i]);
                         // alert(result.rows.length)
-                        let strHTML4 = '<tr style="width:385.5px"><td>' + result[i]["0"] + '</td><td>' + result[i]["1"] + '</td><td>' + result[i]["2"] + '</td><td>' + result[i]["3"] + '</td></tr>'
+                        let strHTML4 = '<tr onclick="Javascript:renderdetails_M(' + id_M.split(',')[0] +')" style="width:385.5px"><td>' + result[i]["0"] + '</td><td>' + result[i]["1"] + '</td><td>' + result[i]["2"] + '</td><td>' + result[i]["3"] + '</td></tr>'
                         //alert(strHTML4)
                         $('#<%=tablemain_m.ClientID%>').append(strHTML4);
                     }                   
@@ -515,7 +581,86 @@
             });                   
             //filltable2(id.split(',')[0])
             }
+        function renderdetails(id) {
+            alert(id)
+            let data = {};
+            data['Kennzeichen'] = id;
 
+            $.ajax({
+                type: "POST",
+                url: "LKWs.aspx/filltabledetails",
+                contentType: "application/json; charset=utf-8",
+                dataType: "json",
+                async: "true",
+                data: JSON.stringify(data),
+                success: function (data) {
+                    // alert(data.d.AaData)
+                    result = data.d.AaData;
+                    // addheader();
+                    //var rowCount = table.rows.length;
+
+                    //for (let i = rowCount - 1; i >= 0; i--) {
+                      //  table_M.deleteRow(i);
+                    //}
+                    let strheader_M = '<tr style="background-color:#043381;color:#fff;width:385.5px"><th><td style="font-weight:600; color:white">SDL-Nr</td></th><th><td style="font-weight:600; color:white">Bezeichnung</td></th><th><td style="font-weight:600; color:white">Gueltig bis</td></th><th><td style="font-weight:600; color:white">Karten-Nummer</td></th></tr>';
+                    //$('#<%'=tablemain_m.ClientID%>').append(strheader_M);
+                    for (var i = 0; i < result.length; i++) {
+                        //let strHTML4 = '<tr><td>878465464634</td><td>DIESEL</td><td>12/05/2026</td><td>151515313521351</td></tr>'
+                        alert('Horray! 200 status code!' + result[i]);
+                        // alert(result.rows.length)
+                        let strHTML4 = '<tr style="width:385.5px"><td>' + result[i]["0"] + '</td><td>' + result[i]["1"] + '</td><td>' + result[i]["2"] + '</td><td>' + result[i]["3"] + '</td></tr>'
+                        alert(strHTML4)
+                        //$('#<%'=tablemain_m.ClientID%>').append(strHTML4);
+                    }                   
+                    //renderTable(data.d);
+                    //alert(strHTML);
+                    //$('#<%'=tablemain.ClientID%>').append(strheaderL);       
+                },
+                error: function (jqXHR, textStatus, errorThrown) {
+                    alert("Status:" + jqXHR.status + "\nStatusText: " + textStatus + "\nError:" + errorThrown);
+                }
+            });
+        }
+        function renderdetails_M(id) {
+            alert(id)
+            var data = {};
+            data['Kennzeichen'] = id;
+
+            $.ajax({
+                type: "POST",
+                url: "LKWs.aspx/filltabledetails",
+                contentType: "application/json; charset=utf-8",
+                dataType: "json",
+                async: "true",
+                data: JSON.stringify(data),
+                success: function (data) {
+                    // alert(data.d.AaData)
+                    result_M = data.d.AaData;
+                    // addheader();
+                    //var rowCount = table.rows.length;
+
+                    //for (let i = rowCount - 1; i >= 0; i--) {
+                    //  table_M.deleteRow(i);
+                    //}
+                    let strheader_M = '<tr style="background-color:#043381;color:#fff;width:385.5px"><th><td style="font-weight:600; color:white">SDL-Nr</td></th><th><td style="font-weight:600; color:white">Bezeichnung</td></th><th><td style="font-weight:600; color:white">Gueltig bis</td></th><th><td style="font-weight:600; color:white">Karten-Nummer</td></th></tr>';
+                    //$('#<%'=tablemain_m.ClientID%>').append(strheader_M);
+                    for (var i = 0; i < result_M.length; i++) {
+                        //let strHTML4 = '<tr><td>878465464634</td><td>DIESEL</td><td>12/05/2026</td><td>151515313521351</td></tr>'
+                        //alert('Horray! 200 status code!' + result[i]);
+                        // alert(result.rows.length)
+                        let strHTML4 = '<tr style="width:385.5px"><td>' + result_M[i]["0"] + '</td><td>' + result_M[i]["1"] + '</td><td>' + result_M[i]["2"] + '</td><td>' + result_M[i]["3"] + '</td></tr>'
+                        alert(strHTML4)
+                        //$('#<%'=tablemain_m.ClientID%>').append(strHTML4);
+                    }                   
+                    //renderTable(data.d);
+                    //alert(strHTML);
+                    //$('#<%'=tablemain.ClientID%>').append(strheaderL);       
+                },
+                error: function (jqXHR, textStatus, errorThrown) {
+                    alert("Status:" + jqXHR.status + "\nStatusText: " + textStatus + "\nError:" + errorThrown);
+                }
+            });
+        }
        
 
     </script>

Customers/LKWs.aspx.vb

@@ -629,7 +629,6 @@ Partial Class LKWS
         HttpContext.Current.Response.ContentType = "application/json"
 
         Return New FormattedList(HttpContext.Current.Request("sEcho"), container.Count.ToString, container.Count.ToString, container)
-
     End Function
 
     <WebMethod>
@@ -860,7 +859,6 @@ Partial Class LKWS
 
         HttpContext.Current.Response.ContentType = "application/json"
         Return New FormattedList(HttpContext.Current.Request("sEcho"), listdetails.Count.ToString, listdetails.Count.ToString, listdetails)
-
     End Function
     <WebMethod>
     <ScriptMethod(ResponseFormat:=ResponseFormat.Json, UseHttpGet:=False)>