GridView控件每行复选框的全选与取消全选

平时使用GridView的时候经常要给每行加一个复选框，然后还需要放置一个单独的全选复选框，通过单击它来让这些复选框全选或取消全选，每次实现这样的功能都要写一段javascript，麻烦，所以扩展它。


控件开发
1、新建一个继承自GridView的类。

/**////<summary>
///继承自GridView
///</summary>
[ToolboxData(@"<{0}:SmartGridViewrunat='server'></{0}:SmartGridView>")]
publicclassSmartGridView:GridView
{
}

2、新建一个JavaScriptConstant类，把我们要用到的javascript存在一个常量里

usingSystem;
usingSystem.Collections.Generic;
usingSystem.Text;

namespaceYYControls.SmartGridView
{
/**////<summary>
///javascript
///</summary>
publicclassJavaScriptConstant
{
internalconststringjsCheckAll=@"<scripttype=""text/javascript"">
//<![CDATA[

//隐藏字段的ID，用于存每组的全选复选框ID
varhdnAllName='[$AllName$]';
//隐藏字段的ID，用于存每的项复选框ID
varhdnItemName='[$ItemName$]';
//组分隔符，一个全选复选框和其对应的n个项复选框为一个组
vargroupSeparator='[$GroupSeparator$]';
//项分隔符，项复选框每个项之间的分隔符
varitemSeparator='[$ItemSeparator$]';

varstrAlls=GetObject(hdnAllName).value;
varstrItems=GetObject(hdnItemName).value;

//全选复选框数组
vararyAlls=strAlls.split(groupSeparator);
//项复选框数组，每行有一个组的所有项复选框
vararyItems=strItems.split(groupSeparator);

//全选复选框被单击，参数为该全选复选框这个对象
functionClickCheckAll(objAll)
{
//每个全选复选框
for(vari=0;i<aryAlls.length;i++)
{
//该全选复选框是所单击的全选复选框
if(aryAlls[i]==objAll.id)
{
//该全选复选框同组下的项复选框数组
aryItem=aryItems[i].split(itemSeparator);
for(varj=0;j<aryItem.length;j++)
{
//单击的全选复选框是选中状态，并且项复选框不是disabled，则选中
if(objAll.checked&&!GetObject(aryItem[j]).parentElement.disabled)
{
GetObject(aryItem[j]).checked=true;
}
//否则
else
{
GetObject(aryItem[j]).checked=false;
}
}

break;
}
}
}

//项复选框被单击
functionClickCheckItem()
{
//每组项复选框
for(vari=0;i<aryItems.length;i++)
{
//该组的所有项复选框数组
aryItem=aryItems[i].split(itemSeparator);
//标记，是否同组的项复选框都被选中
varbln=true;
for(varj=0;j<aryItem.length;j++)
{
//如果该项复选框没被选中，并且不是disabled，则bln设为false
if(!GetObject(aryItem[j]).checked&&!GetObject(aryItem[j]).parentElement.disabled)
{
bln=false;
break;
}
}

//bln为true，则设置同组的全选复选框为选中
if(bln)
{
GetObject(aryAlls[i]).checked=true;
}
//否则
else
{
GetObject(aryAlls[i]).checked=false;
}
}
}

functionGetObject(param)
{
returndocument.getElementById(param);
}

//]]>
</script>";
}
}

3、新建一个CheckboxAll类，有两个属性

usingSystem;
usingSystem.Collections.Generic;
usingSystem.Text;

usingSystem.ComponentModel;
usingSystem.Web.UI;

namespaceYYControls.SmartGridView
{
/**////<summary>
///CheckboxAll的摘要说明。
///</summary>
[ToolboxItem(false)]
publicclassCheckboxAll
{
privatestring_checkboxAllID;
/**////<summary>
///模板列全选复选框ID
///</summary>
publicstringCheckboxAllID
{
get{return_checkboxAllID;}
set{_checkboxAllID=value;}
}

privatestring_checkboxItemID;
/**////<summary>
///模板列项复选框ID
///</summary>
publicstringCheckboxItemID
{
get{return_checkboxItemID;}
set{_checkboxItemID=value;}
}

/**////<summary>
///ToString()
///</summary>
///<returns></returns>
publicoverridestringToString()
{
return"CheckboxAll";
}
}
}

4、新建一个继承自CollectionBase的类CheckboxAlls

usingSystem.Collections;
usingSystem.ComponentModel;
usingSystem.Web.UI;

namespaceYYControls.SmartGridView
{
/**////<summary>
///CheckboxAlls的摘要说明。
///注意要继承自CollectionBase
///</summary>
[
ToolboxItem(false),
ParseChildren(true)
]
publicclassCheckboxAlls:CollectionBase
{
/**////<summary>
///构造函数
///</summary>
publicCheckboxAlls()
:base()
{
}

/**////<summary>
///实现IList接口
///获取或设置指定索引处的元素。
///</summary>
///<paramname="index">要获得或设置的元素从零开始的索引</param>
///<returns></returns>
publicCheckboxAllthis[intindex]
{
get
{
return(CheckboxAll)base.List[index];
}
set
{
base.List[index]=(CheckboxAll)value;
}
}

/**////<summary>
///实现IList接口
///将某项添加到System.Collections.IList中。
///</summary>
///<paramname="item">要添加到System.Collections.IList的System.Object。</param>
publicvoidAdd(CheckboxAllitem)
{
base.List.Add(item);
}

/**////<summary>
///实现IList接口
///从System.Collections.IList中移除特定对象的第一个匹配项。
///</summary>
///<paramname="index">要从System.Collections.IList移除的System.Object</param>
publicvoidRemove(intindex)
{
if(index>-1&&index<base.Count)
{
base.List.RemoveAt(index);
}
}
}
}

5、在继承自GridView的类中加一个复杂对象属性，该复杂对象就是第4步创建的那个CheckboxAlls

privateCheckboxAlls_checkboxAlls;
/**////<summary>
///复选框组集合一个组由一个全选复选框和多个项复选框组成
///</summary>
[
PersistenceMode(PersistenceMode.InnerProperty),
DesignerSerializationVisibility(DesignerSerializationVisibility.Content),
Description("复选框组集合一个组由一个全选复选框和多个项复选框组成"),
Category("扩展")
]
publicvirtualCheckboxAllsCheckboxAlls
{
get
{
if(_checkboxAlls==null)
color: #

分享到：

GridView控件单击命令按钮弹出确认框 | GridView控件数据行响应鼠标的单击和双击事 ...

• 2007-09-27 09:10
• 浏览 1084
• 评论(0)
• 查看更多