[英]Xamarin Forms: How Can i Pass Media File From a content page (popup) to another content page
[英]How can I load page content's onto another page's popup?
這是帶有彈出窗口的主頁的 html 代碼
<div class="box">
<a class="button" href="#divOne">
<img src="~/images/usericon.png" alt="user" width="30" height="30" />
</a>
</div>
<div class="overlay" id="divOne">
<div class="wrapper">
<div id="container">
<div class="btn" id="btn-1" data-showbutton="1">Login</div>
<div data-button="1">
<a href="#" class="close" onclick="clearData()">×</a>
<div class="content">
<div class="container text-active">
@* load page content here*@
<form id="login">
<label>Username</label>
<input type="text" placeholder="Username" />
<label>Password</label>
<input type="text" placeholder="Password" />
</form>
</div>
</div>
<button>Login</button>
</div>
<div class="btn" id="btn-2" data-showbutton="2">Register</div>
<div id="is-hidden" data-button="2">
<a href="#" class="close" onclick="clearData()">×</a>
<div class="content">
<div class="container">
<div class="container text-active">
@* load page content here*@
<form id="register">
<label>Username</label>
<input type="text" placeholder="Username" />
<label>Password</label>
<input type="text" placeholder="Password" />
<label>Confirm Password</label>
<input type="text" placeholder="Confirm Password" />
</form>
</div>
</div>
</div>
<button>Register</button>
</div>
</div>
</div>
</div>
這是我想在彈出窗口中顯示的頁面內容
@model Store.Models.CustomerModel
@{
ViewData["Title"] = "Register";
}
@* this part is what I need*@
<div class="row">
<div class="col-md-4">
<form asp-action="Register">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="CustomerEmail" class="control-label"></label>
<input asp-for="CustomerEmail" class="form-control" />
<span asp-validation-for="CustomerEmail" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="CustomerPassword" class="control-label"></label>
<input asp-for="CustomerPassword" class="form-control" />
<span asp-validation-for="CustomerPassword" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="Create" class="btn btn-primary" />
</div>
</form>
</div>
</div>
@* this part is what I need*@
我已經嘗試包含模型並粘貼代碼並且它可以工作,但是我希望在主頁與登錄和注冊表單之間進行分離。
如果甚至需要,這就是它的外觀
將重復的代碼移動到partial ,並將其@model
設置為CustomerModel
:
@model CustomerModel
<div class="row">
<div class="col-md-4">
<form asp-action="Register">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="CustomerEmail" class="control-label"></label>
<input asp-for="CustomerEmail" class="form-control" />
<span asp-validation-for="CustomerEmail" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="CustomerPassword" class="control-label"></label>
<input asp-for="CustomerPassword" class="form-control" />
<span asp-validation-for="CustomerPassword" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="Create" class="btn btn-primary" />
</div>
</form>
</div>
</div>
在主頁中,您需要添加一個CustomerModel
屬性,例如
public CustomerModel Customer { get; set; }
然后將其傳遞給部分,您可以使用部分標簽助手來執行此操作:
<div class="overlay" id="divOne">
<div class="wrapper">
<div id="container">
<div class="btn" id="btn-1" data-showbutton="1">Login</div>
<div data-button="1">
<a href="#" class="close" onclick="clearData()">×</a>
<div class="content">
<div class="container text-active">
@* load page content here*@
<partial name="_RegisterForm" for="Customer" />
@* load page content here*@
</div>
</div>
</div>
<button>Register</button>
</div>
</div>
</div>
在客戶頁面中,您再次包含部分,但您不需要通過部分中的for
屬性指定模型,因為默認情況下將傳遞主機頁面的模型:
@page
@model WebApplication4.Pages.CustomerModel
@{
ViewData["Title"] = "Register";
}
@* this part is what I need*@
<partial name="_RegisterForm" />
@* this part is what I need*@
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.