复选框在DataGrid中的使用

原创 2004年08月29日 13:59:00

   <ASP:DATAGRID id="MyDataGrid" runat="server" Width="667px" Font-Size="10pt" AutoGenerateColumns="False"
    HeaderStyle-BackColor="darkred" HeaderStyle-ForeColor="white" Height="160px">
     <HeaderStyle ForeColor="White" BackColor="DarkRed"></HeaderStyle>
     <Columns>
      <asp:TemplateColumn>
       <HeaderTemplate>
       <input type="checkbox" name="allbox" onclick="SelectAll();"/>

       <font face="Webdings" color="white" size="4">选择</font>
       <HeaderTemplate>
       <ItemTemplate>
        <asp:CheckBox ID="SelectCheckBox" onclick="javascript:Select(this);" runat="server" />
       </ItemTemplate>
      </asp:TemplateColumn>
     <asp:BoundColumn DataField="NAME" HeaderText="文字说明"></asp:BoundColumn>

     </Columns>
    </ASP:DATAGRID>+br>

 

相关的js文件

//CheckBox全选
function SelectAll(){
var frm=document.Form1;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox'))
{
e.checked=frm.allbox.checked;
if (frm.allbox.checked)
{
hL(e);
}//endif
else
{
dL(e);
}//endelse

}//endif
}//endfor
}


//CheckBox选择项
function Select(CB)
{
var frm=document.Form1;
if (CB.checked)
hL(CB);
else
dL(CB);

var TB=TO=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox'))
{
TB++;
if (e.checked)
TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;
}

//以下两个用于控制被选择的行的颜色显示的变化 需要相关的css文件配合
function hL(E){ 
while (E.tagName!="TR")
{E=E.parentElement;}
E.className="H";
}

function dL(E){
while (E.tagName!="TR")
{E=E.parentElement;}
E.className="";
}

 

//相关css文件如下:

.{
 font-size : 12pt;
}
.H{
/*用于select*/
 font-size : 12pt;
        /*cursor:hand;*/
        color:#3366ff;
        background : #FFF3F3;
 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}

太坑了,EASYUI的tree图标显示竟然与CSS引入顺序有关系

太坑了,EASYUI的tree图标显示竟然与CSS引入顺序有关系,顺序如下!!!
  • fox123871
  • fox123871
  • 2017年07月26日 23:25
  • 358

在DataGrid中,如何判断复选框一列选中了哪个

可以看一下以下事例。System.Text.StringBuilder sb = new System.Text.StringBuilder();   for(int i=0;i   {    Sys...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2006年06月30日 09:44
  • 1294

datagrid设置标题

var tablePanel=$('.easyui-datagrid').datagrid("getPanel"); tablePanel.panel("setTitle",title...
  • u012307002
  • u012307002
  • 2014年02月16日 16:29
  • 832

ASP.NET中Web DataGrid的使用指南

很久以前就想写一些关于DataGrid/DataList的东西,但是一直以来,一方面自感所学未深,另一方面,总觉无从下笔,一拖再拖,离刚开始的念头已距一年有余。DataGrid/DataList在AS...
  • qdzx2008
  • qdzx2008
  • 2005年09月17日 23:30
  • 811

easyui 中datagrid的使用方法

由于使用datagrid主要是和数据打交道,所以为了方便就用了js的方式创建数据表格 ...
  • jimscx
  • jimscx
  • 2015年06月03日 23:51
  • 1245

easyUI 中datagrid使用总结

//js基本使用结构: $('#table').datagrid({ url: "", queryParams: { name:name, id:id ...
  • qq_34223398
  • qq_34223398
  • 2017年04月26日 11:32
  • 639

三步,往Datagrid中添加,全选复选框

共三步1. 建立一模板列.   . 在模板列中,头项和普通项各加入 一个CheckBox ,命名为: cbAll  /cbSelect,其中cbAll的AutoPostBack设置为True 2. 到...
  • lzid2008
  • lzid2008
  • 2007年07月05日 13:19
  • 917

下拉框在DataGrid中的应用

       HeaderStyle-BackColor="darkred" HeaderStyle-ForeColor="white" Height="160px">                ...
  • derny
  • derny
  • 2004年08月29日 16:03
  • 2276

EasyUI DataGrid 复选框

来源:http://www.glphp.com/index.php?m=content&c=index&a=show&catid=36&id=331 如何放置checkbox列。使用checkb...
  • u013214705
  • u013214705
  • 2015年08月17日 17:55
  • 6398

在DataGrid里面使用CheckBox的例子

在DataGrid使用CheckBox通常都使用客户端的控件,这样可以把值帮定到CheckBox里面,在服务器端通过string strID = Request["cbID"];获得客户端所选择的值。...
  • conichiwa
  • conichiwa
  • 2004年10月16日 11:34
  • 834
收藏助手
不良信息举报
您举报文章:复选框在DataGrid中的使用
举报原因:
原因补充:

(最多只允许输入30个字)