Jquery MVC应用程序设计,具有每个帐户实体列表的提交和排序功能
对于我的MVC项目,我将以账户卡格式列出账户详细信息,如下图所示:Jquery MVC应用程序设计,具有每个帐户实体列表的提交和排序功能,jquery,asp.net-mvc,entity-framework,Jquery,Asp.net Mvc,Entity Framework,对于我的MVC项目,我将以账户卡格式列出账户详细信息,如下图所示: 帐户卡中的每个帐户元数据都来自数据库,每个卡可以有下拉列表、文本框等字段 每个账户卡都有一个提交功能,用于发布与该账户卡相关的数据,并对几个字段进行客户端验证 主窗体将有一个专用的全部提交按钮,用于发布一组帐户卡的数据。也许我们会在每个账户卡上打一个复选框,提交所有内容都可以 顶部将提供排序功能,根据姓名和价格值对账户卡进行排序 挑战在于应用程序将有两个用户角色:ADMIN和NORMAL-user。帐户卡内的提交按钮仅适用于管
如果可以为实现此目标的最佳方法提供任何指导。您需要为管理员和普通用户创建两个局部视图。在用户局部视图中,只需对不需要的部分进行注释。在登录页面中,获取有关会话用户的信息,并将其发送到视图,以决定返回哪个部分
在项目中查看我的一个代码
<div class="widget-body">
<!--begin blog post-->
@foreach(var item in Model._myMood)
{
//string isLike = @ViewData["isLike"].ToString();
string isLike = " ";
string like = " ";
//string isLike = @ViewData["isLike"].ToString();
if (Model._myLike.Contains(item.id))
{
isLike = "red";
like = "Liked";
}
else
{
isLike = " ";
like = "Like";
}
<div class="row-fluid blog">
<div class="span4">
<img src="~/Content/moods/@item.moodType" alt=""/>
</div>
<div class="span8">
<div class="date">
<p class="day">@item.day</p>
<p class="month">@item.month.ToString("MMMM")</p>
</div>
<h2>
<a href="blog_details.html">@item.userName feels @item.moodType</a>
</h2>
<p>
By <a href="javascript:;">@item.userName</a>
</p>
<p style="word-wrap:break-word">
@Html.DisplayFor(modelitem => item.moodReason)
</p>
<ul style="height:20px">
<li><a href="@Url.Action("Index", "Comment", new { id = item.id })"><i class="icon-comments-alt"></i> (@item.commentCount) Comments</a></li>
<li>@using (Html.BeginForm()){ <a href="@Url.Action("Liked","MyMoods",new {id = item.id})" style="color:@isLike"><i class="icon-heart @isLike"></i> @like </a>}</li>
<li style="margin-left:-10px">@using(Html.BeginForm()){<a>(@item.likeCount)</a>}</li>
@*<li><a href="javascript:;"><i class="icon-share"></i> 34 Shares</a></li>*@
</ul>
@*<a href="blog_details.html" class="btn btn-info">Continue Reading</a>*@
</div>
</div>
<hr>
}
<!--end blog post-->
</div>
@foreach(模型中的var项目。\u myMood)
{
//字符串isLike=@ViewData[“isLike”].ToString();
字符串isLike=“”;
字符串状=”;
//字符串isLike=@ViewData[“isLike”].ToString();
if(型号_myLike.Contains(项目id))
{
isLike=“红色”;
like=“Liked”;
}
其他的
{
isLike=“”;
like=“like”;
}
@item.day
@item.month.ToString(“MMMM”)
通过
@DisplayFor(modeleItem=>item.moodReason)
- @使用(Html.BeginForm()){}
- @使用(Html.BeginForm()){
*@
@**@
}
“岛状的”在中有一个css类,我使用它作为类属性,正如您所看到的,并查看我的if子句,我正在检查每个项目的数据,您将设计您的项目。您需要为管理员和普通用户创建两个部分视图。在用户部分视图中,只需对您不需要的部分进行注释。在登录页面中,通过会话获取有关用户的信息nd将其发送到视图以决定返回哪个部分
在项目中查看我的一个代码
<div class="widget-body">
<!--begin blog post-->
@foreach(var item in Model._myMood)
{
//string isLike = @ViewData["isLike"].ToString();
string isLike = " ";
string like = " ";
//string isLike = @ViewData["isLike"].ToString();
if (Model._myLike.Contains(item.id))
{
isLike = "red";
like = "Liked";
}
else
{
isLike = " ";
like = "Like";
}
<div class="row-fluid blog">
<div class="span4">
<img src="~/Content/moods/@item.moodType" alt=""/>
</div>
<div class="span8">
<div class="date">
<p class="day">@item.day</p>
<p class="month">@item.month.ToString("MMMM")</p>
</div>
<h2>
<a href="blog_details.html">@item.userName feels @item.moodType</a>
</h2>
<p>
By <a href="javascript:;">@item.userName</a>
</p>
<p style="word-wrap:break-word">
@Html.DisplayFor(modelitem => item.moodReason)
</p>
<ul style="height:20px">
<li><a href="@Url.Action("Index", "Comment", new { id = item.id })"><i class="icon-comments-alt"></i> (@item.commentCount) Comments</a></li>
<li>@using (Html.BeginForm()){ <a href="@Url.Action("Liked","MyMoods",new {id = item.id})" style="color:@isLike"><i class="icon-heart @isLike"></i> @like </a>}</li>
<li style="margin-left:-10px">@using(Html.BeginForm()){<a>(@item.likeCount)</a>}</li>
@*<li><a href="javascript:;"><i class="icon-share"></i> 34 Shares</a></li>*@
</ul>
@*<a href="blog_details.html" class="btn btn-info">Continue Reading</a>*@
</div>
</div>
<hr>
}
<!--end blog post-->
</div>
@foreach(模型中的var项目。\u myMood)
{
//字符串isLike=@ViewData[“isLike”].ToString();
字符串isLike=“”;
字符串状=”;
//字符串isLike=@ViewData[“isLike”].ToString();
if(型号_myLike.Contains(项目id))
{
isLike=“红色”;
like=“Liked”;
}
其他的
{
isLike=“”;
like=“like”;
}
@item.day
@item.month.ToString(“MMMM”)
通过
@DisplayFor(modeleItem=>item.moodReason)
- @使用(Html.BeginForm()){}
- @使用(Html.BeginForm()){
*@
foreach (var card in Model.accountsList){
// create div for card
// create fields for both types of users
if(showAdminFields){
//create fields shown to admin alone
//create input of type button
//Attach to the button an OnClick event handler to call the
//JavaScript function that handles submission and pass it a parameter
//allowing it to identify which Div/fields to capture
}
}
var methodUrl = '@Url.Action("GetMenuComponents", "Request")';
var methodParam = JSON.stringify(//The parameter's list goes here);
var successMethod = function (srvResponse) {
if (srvResponse) {
$("#Div_Cards").html(srvResponse);
}
};
$.ajax({
type: requestType, // GET or POST
url: methodUrl ,
data: methodParam ,
contentType: "application/json; charset=utf-8",
dataType: dataType, //html for methods that return partial views
processData: false,
success: successMethod,
error: OnError});