asp.net MVC进阶学习---HtmlHelper之GridView控件拓展(五)

public ActionResult Index()
          {
              CommonPage page = TempData["page"] as CommonPage;
              if (page == null)
              {
                  page = new CommonPage();
              }
              page.Total = context.Tab_Comment.Count();
              page.PageIndex = 1;
             page.PageSize = 10;
             page.PageCount = page.Total % page.PageSize == 0 ? page.Total / page.PageSize : page.Total / page.PageSize + 1;
             IEnumerable<Tab_Comment> items = context.Tab_Comment.Skip((page.PageIndex-1) * page.PageSize).Take(page.PageSize).Select(c=>c);
             ViewData["items"] = new PageList<Tab_Comment>(items,page,null,"ID","Home","List");
             TempData["page"] = page;
             return View();
         }
 
         public ActionResult List(int pageIndex)
         {
             CommonPage page = TempData["page"] as CommonPage;
             page.PageIndex = pageIndex;
             if (pageIndex <= 1)
             {
                 page.PageIndex = 1;
             }
             if (pageIndex >= page.PageCount)
             {
                 page.PageIndex = page.PageCount;
             }
             IEnumerable<Tab_Comment> items = context.Tab_Comment.Skip((page.PageIndex - 1) * page.PageSize).Take(page.PageSize).Select(c => c);
             ViewData["items"] = new PageList<Tab_Comment>(items, page, null, "ID","Home","List");
             TempData["page"] = page;
             return View("Index");
         }
 
         public ActionResult Delete(int id)
         {
             context.Tab_Comment.DeleteOnSubmit(context.Tab_Comment.Single(c=>c.ID==id));
             context.SubmitChanges();
             return RedirectToAction("Index");
         }
 
         public ActionResult Update(Tab_Comment comment)
         {
             return RedirectToAction("Index");
         }
 

<div style="text-align: center;">
    <%=Html.GridView<Tab_Comment>(ViewData["items"] as PageList<Tab_Comment>, new string[] { "ID", "GameID", "ComType","ComUser" }, new GridViewOption(true, "编辑", true, "删除", new string[] { "编号", "游戏ID", "类型"},"Home","Delete","",""))%>
</div>

<style type="text/css">
        .Edit_Link
        {
        }
    </style>
    <script src="http://www.cnblogs.com/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        var text = null;
        $(document).ready(function() {
            $("a.Edit_Link").click(function() {
                return Edit(this);
            })
        });

        //编辑
        function Edit(objEdit) {
            var tr = $(objEdit).parent().parent();
            text = $(tr).html();
            $(tr).children().each(function(i, obj) {
                var value = $(obj).text();
                var html = "";
                if (i < $(tr).children().length - 1) {
                    //隐藏表单域的id
                    if (i == 0) {
                        var id = $($(obj).children().get(0)).attr("id");
                        var hidden = $("#form0").find("#" + id);
                        if($(hidden).length > 0)
                        {
                            $("#form0 input[type=hidden][id=" + id + "]").val($($(obj).children().get(0)).attr("value"));
                        }
                        else
                        {
                            $("#form0").append("<input id='" + id + "' name='" + id + "' type='hidden' value='" + $($(obj).children().get(0)).attr("value") + "' />");
                        }
                    }

                    var trFirst = $(tr).parent().children().get(0);
                   
                    var columnName = $($(trFirst).children().get(i)).attr("id");
                    $("#form0 input[type=hidden][id=" + columnName + "]").val(value)
                    html = "<input type='text' value='" + value + "' id='txt" + columnName + "' name='txt" + columnName + "' style='width:100px;' />";
                    $(obj).html(html);
                    $("#txt" + columnName).change(function() {
                        $("#form0 input[type=hidden][id=" + columnName + "]").val($(this).val());
                    });
                }
                else {
                    html = "<a id='btnUpdate' href='#'>更新</a>&nbsp;&nbsp;&nbsp;<a id='btnCancel' href='#'>取消</a>";
                    $(obj).html(html);
                    $("#btnCancel").click(function() {
                        Cancel(this);
                    });
                    $("#btnUpdate").click(function(){
                        alert($("#form0 input[type=hidden][id=ComUser]").val());
                        document.getElementById("form0").submit();
                    });
                }
            });
            $("a.Edit_Link").unbind("click");
            return false;
        }

        //取消
        function Cancel(objEdit) {
            var tr = $(objEdit).parent().parent();
            $(tr).html(text);
            $("a.Edit_Link").bind("click", function() {
                Edit(this);
            });
            return false;
        }

        //更新
        function Update(objUpdate) {

        }
    </script>