关于GridView控件的使用

来源:互联网 发布:红米note4双卡双待网络 编辑:程序博客网 时间:2024/04/30 17:05


若要gridview中某列对齐,可在该列中添加模版 

 <asp:TemplateField>

<ItemStyle HorizontalAlign="Center" />

 </asp:TemplateField>

当然也可以在 <asp:TemplateField HeaderStyle-HorizontalAlign="Center">进行设置,但前者会把后者覆盖。

 

一般girdview中都有checkbox控件,实现全选操作,设置如下:

           <asp:TemplateField >
                    <HeaderTemplate>
                        <input type="checkbox" title="全选" class="checkall" onclick="checkAll()" />
                    </HeaderTemplate>
                    <ItemStyle HorizontalAlign="Center" />
                    <ItemTemplate>
                        <input type="checkbox" class="checkitem" name="chkSel" value='<%# Eval("No") %>' />
                    </ItemTemplate>
                </asp:TemplateField>
在header中声明的全选为全局的

在js中进行全选操作如下:

<script type="text/javascript">    function checkAll() {        $(".checkitem").prop("checked", $(".checkall").prop("checked"));    }</script>

方法含义为:

若全选按钮选择,则为该列中所有的子项cehcked属性设置为checked,否则取反。

在js中实现所有子项选择,则"全选框"也要选择:

        function checkHasSel() {            var selCount = 0;            var chkCount = 0;            $(".checkdelete").each(function () {                chkCount++;                if ($(this).attr("checked") == "checked") {                    selCount++;                }            });            if (selCount == chkCount) {                $("#checkall").attr("checked", "checked");            }            else {                $("#checkall").attr("checked", false);            }        } 

方法含义:

若子项全部选择,则“全选”选中

若子项有一个被取消选择,则"全选"不再被选中。

 

对gridview某一条记录中进行删除操作:

首先需要获取该条记录的唯一值:

CommandName可以用于数据关键字段的绑定

  LinkButton lb = (LinkButton)sender;
  Response.Write(lb.CommandName);

根据此唯一字段进行操作和重新绑定即可

 

在前台绑定后台方法或变量的方式:

绑定后台全局变量:<input type="text" value='<% =name  %>'

绑定后台具有返回值的方法:<input type="text" value='<% =Getname()  %>'

 

 

相关Demo:http://download.csdn.net/detail/hugaozhuang/5630367