Ich habe ein Test-Formular in Asp.Net Core MVC ohne
Datenmodell. Hier möchte ich einfach die Daten ermitteln, welche in die
Textfelder des Formulars eingegeben wurde.
Send Formular
Als Formular steht in einfaches Formular ohne
Daten-Model bereit.
Über die asp-action wird es an die httpPost Methode des
Controllers gesendt.
<form asp-action="demo_jQuery_01_post">
<textarea id="Text1" name="Text1" >entered text</textarea>
</form>
|
Lösung:
Ein einfaches Formular kann man in Asp Net Core MVC auslesen,
indem man bei der zurück-gesendeten Post -Methode mit IFormCollection das
Formular übernimmt.
[HttpPost]
public
IActionResult demo_jQuery_01_post(IFormCollection formFields)
{
string Fieldvalue1=
formFields["Text1"];
return View();
}
|
Im gezeigten Beispiel steht nur ein Input-Feld zur
Verfügung.
<textarea class="form-control" id="Text1" name="Text1" style=" color:gray;">
@ViewData["Text1"]
</textarea>
|
Code-Beispiel:
View-Formular im oberen Beispiel
@{
Layout = null;
}
<div >
<form asp-action="demo_jQuery_01_post">
<div class="form-group">
<input type="submit" value="Send" class="btn btn-default" />
</div>
<br />
<div class="form-group">
Div
<div contenteditable="true" id="divEditor" name="divEditor" style="height:100px;width:90%
;overflow:auto;border:1px solid red;">
@ViewData["Text2"]
</div>
<br />
hidden container<br />
<textarea class="form-control" id="Text1" name="Text1" style="height:100px;width:90%; overflow:auto;border:1px solid blue;color:gray;">
@ViewData["Text1"]
</textarea>
</div>
</form>
</div>
@*------------<
jQuery-script >------------*@
<script type="text/javascript" src="~/lib/jquery/dist/jquery.js"></script>
<script>
//$("#divEditor").bind("paste",
function () { alert(this.innerHTML); })
$("#divEditor").on("input", transfer_Text)
function transfer_Text() {
var sText = $("#divEditor").html();
$("#Text1").val(sText);
}
</script>
@*------------</
jQuery-script >------------*@
|
Post Methode welche nur das Formular ausliest
[HttpPost]
public
IActionResult demo_jQuery_01_post(IFormCollection formFields)
{
///-------------< Index_All >-------------
string sText1= formFields["Text1"];
return View("demo_jQuery_01");
///-------------</
Index_All >-------------
}
|
Asp.Net Core MVC Controller
Demo Beispiel
using System;
using Microsoft.AspNetCore.Mvc;
using IWois_Core.Data;
using Microsoft.AspNetCore.Http;
namespace IWois_Core.Controllers
{
public class DemosController : Controller
{
private readonly ApplicationDbContext _dbContext;
public
DemosController(ApplicationDbContext context)
{
_dbContext = context;
}
public IActionResult demo_jQuery_01()
{
///-------------< Index_All >-------------
ViewData["Text1"] = "This is Text1 aaaa";
ViewData["Text2"] = "This is Text2 bbbb";
return View("demo_jQuery_01");
///-------------</ Index_All
>-------------
}
[HttpPost]
public IActionResult
demo_jQuery_01_post(IFormCollection formFields)
{
///-------------< Index_All >-------------
string sText1= formFields["Text1"];
return View("demo_jQuery_01");
///-------------</ Index_All
>-------------
}
}
}
|