Implementierung FOrmbefüllung mit JSON OBjekten und getrennten Datenströmen
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user