@model IEnumerable<SearchModel>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
@if (Model != null)
{
//------< Any() >------
@*---- < Liste Details >----*@
<div>
<table class="table">
<thead>
<tr>
<form id="frmSuche" onsubmit="return false" >
<th scope="col">Name<br /><input id="input_Name" type="text" > </th>
<th scope="col">Strasse<br /><input id="input_Strasse" type="text"> </th>
<th scope="col">PZ</th>
<th scope="col">Ort</th>
</form>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>@item.Nachname ,
@item.Vorname</td>
<td>@item.Strasse</td>
<td>@item.PLZ</td>
<td>@item.Ort</td>
</tr>
}
</tbody>
</table>
</div>
@*---- </ Liste Details >----*@
//------</ Any() >------
}
else
{
<p>kein Treffer</p>
}
<script type="text/javascript">
//========< script >========
//*load new search after filter input
function send_Search_Filter() {
//------< send_Search_Filter()
>------
//creates new URL by input values and
loads url in browser
var form = document.getElementById("frmSuche");
var input_Name = document.getElementById("input_Name");
var input_Strasse =
document.getElementById("input_Strasse");
var sName = input_Name.value;
var sStrasse = input_Strasse.value;
var sURL = window.location.origin + "/Suche";
var loc = window.location;
var sQuery = "";
if (sName != "") {
sName =
encodeURI(sName); //for c#
sQuery = sQuery + "&name=" + sName;
}
if (sStrasse != "") {
sStrasse =
encodeURI(sStrasse); //for c#
sQuery = sQuery + "&strasse=" + sStrasse;
}
if (sQuery != "") {
sQuery =
sQuery.substr(1);
sURL = sURL + "/suche?adresstyp=T&" + sQuery;
}
//< send/load new >
window.location.href =
sURL; //goto new URL
//</ send/load new >
return false; //stop send form if necessary. the
form.submit should be return false
//</ send >
//------</ send_Search_Filter()
>------
}
function load_fields_by_url_parameters() {
//------<
load_fields_by_url_parameters() >------
//var value_name = (new
URLSearchParams(window.location.search)).get("name");
//*URLSearchParams is CaseSensitive only
let params = new URL(document.location).searchParams;
let parameter = "Name".toLowerCase()
let value_parameter =
params.get(parameter); // is the string "Jonathan Smith".
var input_field = document.getElementById("input_Name");
if (value_parameter != null) {
input_field.value =
value_parameter;
}
load_named_url_paramater_to_namede_input_field("Strasse")
//------</
load_fields_by_url_parameters() >------
}
//*function to load url-parameter value
to form-field
function load_named_url_paramater_to_namede_input_field(key){
//--------<
load_named_url_paramater_to_namede_input_field >--------
parameter=key.toLowerCase(); //*prevent case sensitive
var value_url_query = (new
URLSearchParams(window.location.search)).get(parameter);
var input_field = document.getElementById("input_" + key);
if (value_url_query != null) {
input_field.value =
value_url_query;
}
//--------</
load_named_url_paramater_to_namede_input_field >--------
}
//*Set Form Input Fields to run on Enter
key after input
$(document).ready(function () {
$('input').keyup(function (event) {
if (event.which === 13) {
send_Search_Filter(); //*run form->submit()
to function
}
});
});
load_fields_by_url_parameters();
//========</ script >========
</script>
|