Implementierung FOrmbefüllung mit JSON OBjekten und getrennten Datenströmen

This commit is contained in:
ja
2022-01-27 16:49:28 +01:00
parent 36d9a25f13
commit 2dd3556c5e
29 changed files with 3932 additions and 3122 deletions

View File

@@ -70,7 +70,7 @@
<div class="col">
<div class="col">
<label id="lbl_KartenNr">Karten-Nr.:</label>
<input id="Text1" readonly="readonly" type="number" runat="server" style="width: 98px; margin-left: 58px" value="Text" />
<input id="txt_KartenNr" readonly="readonly" type="number" runat="server" style="width: 98px; margin-left: 58px" value="Text" />
<span id="symbol" style="width:30px"></span>
</div>
</div>
@@ -88,7 +88,7 @@
<div class="col">
<label id="lbl_Kaution_Beleg">Kaution/BelegNr.:</label>
<input id="txt_Kaution" readonly="readonly" runat="server" style="width: 120px; margin-left:11px" value="Text" />
<input id="Text2" readonly="readonly" runat="server" style="width: 80px; margin-left: -4px" value="Text" />
<input id="txt_Beleg" readonly="readonly" runat="server" style="width: 80px; margin-left: -4px" value="Text" />
</div>
</div>
</div>
@@ -104,7 +104,17 @@
</div>
</div>
</div>
<div class="col">
<div class="col">
<div class="row w-20">
<div class="col">
<div class="col">
<label id="lbl_Ersatzkarte">Vermerk:</label>
</div>
<div class="col">
<input id="cb_Ersatzkarte" readonly="readonly" type="checkbox" runat="server" style="width: 105px; height: 40px;" value="Text" />
</div>
</div>
</div>
<div class="row" style="height: 40px;"></div>
<div id="checkboxes">
<asp:CheckBoxList runat="server" Enabled="false">
@@ -122,6 +132,73 @@
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
function getParamValue(paramName) {
var url = window.location.search.substring(1); //get rid of "?" in querystring
var qArray = url.split('&'); //get key-value pairs
for (var i = 0; i < qArray.length; i++) {
var pArr = qArray[i].split('='); //split key and value
if (pArr[0] == paramName)
return pArr[1]; //return value
}
}
var param1 = getParamValue('Kennzeichen');
$('txt_ClientNr').val(param1);
detailtabelle(param1)
alert(param1)
function detailtabelle(id) {
// alert("Testdata:" + id)
let data = {};
data['Kennzeichen'] = id;
$.ajax({
type: "POST",
url: "Formtemplate UTA Karte.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();
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)
if (id == result[i]["8"]) {
document.getElementById('<%=txt_BestDatum.ClientID%>').setAttribute('value', result[i]["0"]);
document.getElementById('<%=txt_Lieferdatum.ClientID%>').setAttribute('value', result[i]["1"]);
document.getElementById('<%=txt_KartenNr.ClientID%>').setAttribute('value', result[i]["2"]);
document.getElementById('<%=txt_Fahrer.ClientID%>').setAttribute('value', result[i]["3"]);
document.getElementById('<%=txt_Kaution.ClientID%>').setAttribute('value', result[i]["4"]);
document.getElementById('<%=txt_Beleg.ClientID%>').setAttribute('value', result[i]["5"]);
document.getElementById('<%=txt_Vermerk.ClientID%>').setAttribute('value', result[i]["6"]);
document.getElementById('<%=cb_Ersatzkarte.ClientID%>').setAttribute('checked', result[i]["7"]);
}
}
//renderTable(data.d);
//alert(strHTML);
},
error: function (jqXHR, textStatus, errorThrown) {
alert("Status:" + jqXHR.status + "\nStatusText: " + textStatus + "\nError:" + errorThrown);
}
});
}
function detailtabelle_M(id_M) {
// alert("Testdata:" + id)
let data = {};
data['Kennzeichen'] = id;
}
</script>
</form>
</body>
</html>