MVC中webGrid想加一列隐藏控件

你狗

于 2013-06-19 21:43:00 发布

阅读量180

点赞数

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/sdikerdong/p/3145041.html

版权

本文介绍了一种通过结合CSS和JavaScript的方法来隐藏表格头部，从而达到完美隐藏的效果。具体步骤包括使用CSS设置表格元素为隐藏状态，以及通过JavaScript对表格中的th元素进行额外的隐藏操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：利用CSS将column设成隐藏

footerStyle :"table-footer",
...
grid.Column(null,null, style:"nodisplay",...

方法二：用input type=hidden

var grid =newWebGrid(Model);

@grid.GetHtml(columns: grid.Columns(grid.Column(null,null, format: @<inputtype="hidden"name="IDHidden"value="@item.IDHidden"/>),

grid.Column("Title","Title")));

}

以上两种并不能将表的header隐藏掉，还秘须用javascript将table中的th也进行隐藏还是完美。如：

var grid =newWebGrid(data, ajaxUpdateContainerId :"grid", 
                ajaxUpdateCallback:"callBack()");
<script>
  function callback(){
var i  = 0 

   #("th",tableid).each(function(){

  　　　　if (++i == 9 || i == 10){

       　　　　$(this).addclass("nodisplay");
         }

     }

}
</script>