0

私は Webgrid の上にドロップダウンボックスを 1 つ作成しました。ユーザーがドロップダウンボックスから任意の値を選択すると、WebGrid はページごとに行を変更します...しかし、適切に機能せず、WebGrid が更新されないので、実装するためのヒントを教えてください..これは私のコードです..ここで VIEW ....コード

<div id="contentwrapper" class="contentwrapper">

                  <form id="opation" action="">
                  <div class="tableoptions">                                            
                   <button class="submit radius2" id="Act" onclick="submitForm(this.id);">Active</button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="submit radius2" id="Dec" onclick="submitForm(this.id);">DeActive</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="submit radius2" id="Del" onclick="submitForm(this.id);">Delete</button>&nbsp;&nbsp; @using (Ajax.BeginForm(new AjaxOptions{ InsertionMode = InsertionMode.Replace, UpdateTargetId = "myGrid" })) { <label>Search User: </label><input type="text" name="UserName" id="UserName" value=""/> <button class="submit radius2" id="Search" value="Search">Search</button>}                       
                  </div> 
                 </form>
                 Record Per Page:&nbsp;<form id="test" action=""><select name="DD" class="tbl_top_link" name="Pagelimit" id="Pagelimit" onchange="Count(this.value);"><option value="">- Select -</option><option id="1" value="1">1</option><option id="5" value="5">5</option><option id="10" value="10">10</option><option id="20" value="20">20</option><option id="30" value="30">30</option></select></form>     


                          @{      

                               var temp = converttoInt16(ViewData["Pagesize"]);
                              var grid = new WebGrid(source: Model,
                                                       defaultSort: "Name", rowsPerPage: temp,
                                                          selectionFieldName: "SelectedRow", canPage: true);

                                                 //grid.Pager(mode: WebGridPagerModes.All,
                                                 //     firstText: "First", lastText: "Last",
                                                 //     previousText: "Previous",
                                                 //     nextText: "Next",  
                                                 //     numericLinksCount: 15);


                          <div id="mygrid">
                                             @grid.GetHtml(tableStyle: "gridTable",
                                                     headerStyle: "gridHead",
                                                     footerStyle: "gridFooter",
                                                     rowStyle: "gridRow",
                                                     alternatingRowStyle: "gridAltRow",
                                                columns: grid.Columns(
                                                         grid.Column(header: "", format: @<text><input type="checkbox" name="chkactive[]" id="chkactive[]" value="@item.User_id"/></text>),
                                                grid.Column("User_Id"),
                                                grid.Column("Name"),
                                                grid.Column("Username"),
                                                grid.Column("Fb_Id"),
                                                grid.Column("User_image", format: @<text><img src="@Url.Content(@item.Image_path)" height="30px" width="50px" alt="noimage"/></text>),
                                                grid.Column("Email"),
                                                grid.Column("Gender"),
                              grid.Column(header: "Status", format: @<text>@if (@item.Is_active == true)
                                                                           { <a href="@Url.Action("UserStatus", "Admin", new { id = @item.User_id })"><img src="../../images/Active.png"/></a> }
                                                                           else
                                                                           { <a href="@Url.Action("UserStatus", "Admin", new { id = @item.User_id })"><img src="../../images/Deactive.png"/></a> }</text>),
                               grid.Column(header: "Edit",
                                          format: @<text><a href="@Url.Action("EditeUser", "Admin", new { id = @item.User_id })"><img src="../../images/icons/editor.png" /></a></text>),
                               grid.Column(header: "Delete",
                                         format: @<text><a href="@Url.Action("DeleteUser", "Admin", new { id = @item.User_id })"><img src="../../images/icons/trash.png"/></a></text>)))

                                    </div>   
                              } 

                            </tbody>
                        </table> 
                      </form>                                                                     
                    </div>

このビューでは、DRop down ボックスが 1 つあり、Onchange イベントが Java sript を呼び出して、どの値が選択されているかを識別し、My Action 結果メソッドに投稿してロジックを実行し、ビューに戻りますが、ビューは変更されていません。は更新されていません..私を助けてください..または、webgridのドロップダウンを使用してこの機能を実行する方法を教えてください

これは私のJAVASCRIPTです

<script type="text/javascript" language="javascript">

function Count(value) 
{
    alert(value);

     $.post('@Url.Action("Pagesize","Admin")',
                    {
                        rowsPerPage: value                          
                    });             
}

これは私のアクション結果メソッドです:----

 [HttpPost]
    public ActionResult Pagesize(int rowsPerPage)
    {

        //if (rowsPerPage == 0)
        //{
        //   ViewBag.Pagesize = 3;                
        //}
        //else
        //{
        //    ViewBag.Pagesize = Convert.ToInt32(rowsPerPage);               
        //}

         ViewData["pagesize"] = rowsPerPage;

         //return View(db.User_Masters.ToList());  

        // return RedirectToAction("Userlist");    

         var u_master = db.User_Masters.ToList();


         return PartialView("OneRow",u_master);

    }
4

1 に答える 1