@page @using CallFuncInView.Users
@model IndexModel
@inject CallFuncInView.Users.UserService us;
@{
ViewData["Title"] = "Home page";
// var people = us.GetAllPeople();
string NewName;//=string.Empty;
}
<div class="text-center">
<h1 class="display-4">Welcome @FullName("علی","احمدی")</h1>
@* <h4> Hello @NewName</h4>*@
@* <ul> @foreach(var nam in Names()) { <li>@nam</li> } </ul>
*@
@*<form asp-action="FullName" method="get">
<button asp-route-f="حسین" asp-route-L="جعفری"
asp-route-outNm=@NewName type ="submit" value="کلیک کن" class="btn-success btn">Click</button>
</form>*@
@* <button asp-page-handler="FullName">Click</button>*@
<div class="col-md-6">
<table class="table table-stripped">
<tr>
<td> @Html.DisplayNameFor(m => m.people[0].FirstName)</td>
<td> @Html.DisplayNameFor(m => m.people[0].LastName)</td>
<td> @Html.DisplayNameFor(m => m.people[0].Mobile) </td>
</tr>
@foreach (Person p in Model.people ?? default!)
{
<tr>
<td>@p.FirstName</td>
<td>@p.LastName</td>
<td>@p.Mobile</td>
</tr>
}
</table>
<form method="post" id="MyForm">
<label for"FirstName">نام</label> <input type="text" name="FirstName" value="علی"/><br />
<label for"LastName">نام خانوادگی</label> <input type="text" name="LastName" value="قاسمی"/><br />
<label for"PhoneNumber">تلفن</label> <input type="text" name="PhoneNumber" value="9392256541"/><br />
<button onclick="PostHandler()" type="button">Post</button>
<button onclick="GetHandler()" type="button">Get</button>
<button onclick="PutHandler()" type="button">Put</button>
</form>
<div id="MyView"></div>
<span id="status" ></span>
<span id="ViewData"> @ViewData["data"] </span>
</div>
</div>
@section Scripts{
<script>
function PostHandler(event) {
// event.preventDefault();
$.ajax({
// method:"POST",
type: "Post",
//data:{"Mame":"حسین قادری"},
data: $("#MyForm").serialize(),
url: "?handler=Test",
success: function (data) {
$("#status").addClass("alert-success");
$("#status").html('با موفقیت انجام شد.');
$("#MyView").html(data);
}
,error:function(R){
$("#status").addClass("alert-danger");
$("#status").html('با شکست مواجه شد.\n'+ R);
}
}).done(function(d) {
// alert(d);
});
}
function GetHandler(event) {
// event.preventDefault();
$.ajax({
// method:"POST",
type: "Get",
//data:{"Mame":"حسین قادری"},
data: $("#MyForm").serialize(),
url: "?handler=Test",
success: function (data) {
$("#status").addClass("alert-success");
$("#status").html('با موفقیت انجام شد.');
$("#MyView").html(data);
}
,error:function(R){
$("#status").addClass("alert-danger");
$("#status").html('با شکست مواجه شد.\n'+ R);
}
}).done(function(d) {
// alert(d);
});
}
function PutHandler(event) {
// event.preventDefault();
$.ajax({
// method:"POST",
type: "Put",
// data:{"FirstName":"مسعود"},
data: $("#MyForm").serialize(),
url: "?handler=Test",
success: function (data) {
$("#status").addClass("alert-success");
$("#status").html('با موفقیت انجام شد.');
$("#MyView").html(data);
}
,error:function(R){
$("#status").addClass("alert-danger");
$("#status").html('با شکست مواجه شد.\n'+ R);
}
}).done(function(d) {
// alert(d);
});
}
</script>
}
@functions {
private string FullName(string fn = "حسین", string lastName = "سجادی")
{
return fn + ' ' + lastName;
}
private List<string> Names()
{
var s = new string[] { "محمد", "علی", "حسن", "یاسر", "سمیرا" };
return s.ToList<string>();
}
}