Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery MVC应用程序设计,具有每个帐户实体列表的提交和排序功能_Jquery_Asp.net Mvc_Entity Framework - Fatal编程技术网

Jquery MVC应用程序设计,具有每个帐户实体列表的提交和排序功能

Jquery MVC应用程序设计,具有每个帐户实体列表的提交和排序功能,jquery,asp.net-mvc,entity-framework,Jquery,Asp.net Mvc,Entity Framework,对于我的MVC项目,我将以账户卡格式列出账户详细信息,如下图所示: 帐户卡中的每个帐户元数据都来自数据库,每个卡可以有下拉列表、文本框等字段 每个账户卡都有一个提交功能,用于发布与该账户卡相关的数据,并对几个字段进行客户端验证 主窗体将有一个专用的全部提交按钮,用于发布一组帐户卡的数据。也许我们会在每个账户卡上打一个复选框,提交所有内容都可以 顶部将提供排序功能,根据姓名和价格值对账户卡进行排序 挑战在于应用程序将有两个用户角色:ADMIN和NORMAL-user。帐户卡内的提交按钮仅适用于管

对于我的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});