全选和多选的功能在DataGrid中使用的时候很多,以前我们都是创建CheckBox模板列,然后在后台中捕获ChecnkBox的选择情况来实现全选或多选.现在为了加快开发的速度,使用这个CheckBoxColumn列控件,可以很方便的实现多选或全选的功能.
代码如下:
CheckBoxColumn
public class CheckBoxColumn : DataGridColumn
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
{
private String _strId=String.Empty;
public CheckBoxColumn(): base()
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
}
public override void InitializeCell(TableCell cell, int columnIndex, ListItemType itemType)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
//重写父类InitializeCell方法
base.InitializeCell(cell, columnIndex, itemType);
//加入多选框
if(itemType == ListItemType.EditItem || itemType == ListItemType.Item || itemType == ListItemType.AlternatingItem || itemType == ListItemType.SelectedItem)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
HtmlInputCheckBox checkbox = new HtmlInputCheckBox();
//可以自定义ID
if(_strId==String.Empty)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
checkbox.Name = "checkboxCol";
checkbox.ID = "checkboxCol";
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
checkbox.Name = myID;
checkbox.ID=myID;
}
cell.Controls.Add(checkbox);
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
private String CreateName()
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
Random rnd=new Random(0);
String _strNameValue=Convert.ToString((int)rnd.Next(100));
return _strNameValue;
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
private String myID
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
return _strId;
}
}
public String ID
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
set
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
_strId=value;
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
public override string HeaderText
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
return base.HeaderText;
}
set
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
base.HeaderText = value;
}
}
public override TableItemStyle HeaderStyle
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
TableItemStyle t=new TableItemStyle();
t.HorizontalAlign=HorizontalAlign.Center;
return t;
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
//获得选中的Index值
public Int32[] SelectedIndexes
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
ArrayList selectedIndexList = new ArrayList();
//获得DataGrid中的选择框
foreach( DataGridItem item in this.Owner.Items )
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
HtmlInputCheckBox chkBox=null;
if(_strId==String.Empty)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
chkBox = (HtmlInputCheckBox) item.FindControl("checkboxCol");
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
chkBox = (HtmlInputCheckBox) item.FindControl(myID);
}
//如果选中,就把选中的Index值放入ArrayList中
if ( chkBox != null && chkBox.Checked )
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
selectedIndexList.Add( item.ItemIndex );
}
}
return (Int32[])selectedIndexList.ToArray(typeof( System.Int32 ) );
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
//获得未选中的Index值
public Int32[] UnSelectIndexes
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
ArrayList UnSelectIndexList=new ArrayList();
foreach(DataGridItem item in this.Owner.Items)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
HtmlInputCheckBox chkBox=null;
if(_strId==String.Empty)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
chkBox=(HtmlInputCheckBox)item.FindControl("checkboxCol");
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
chkBox=(HtmlInputCheckBox)item.FindControl(myID);
}
//If it's not selected then add it to the arraylist
if(chkBox!=null&&chkBox.Checked==false)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
UnSelectIndexList.Add(item.ItemIndex);
}
}
return (Int32[])UnSelectIndexList.ToArray(typeof(System.Int32));
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
//获得选中的DataKeys值
public object[] SelectedDataKeys
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
ArrayList dataKeyList = new ArrayList();
if(this.Owner.DataKeys.Count > 0)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
foreach( Int32 selectedIndex in SelectedIndexes )
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
object DataKey = (this.Owner.DataKeys[selectedIndex].ToString());
dataKeyList.Add(DataKey);
}
}
return (object[])dataKeyList.ToArray(typeof( object ) );
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
//获得未选中的DataKeys值
public object[] UnSelectDataKeys
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
get
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
ArrayList UnSelDataKeyList=new ArrayList();
if(this.Owner.DataKeys.Count>0)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
foreach(Int32 unSelectIndex in UnSelectIndexes)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
object DataKey=(this.Owner.DataKeys[unSelectIndex].ToString());
UnSelDataKeyList.Add(DataKey);
}
}
return (object[])UnSelDataKeyList.ToArray(typeof(object));
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
}
看过我前面几篇列控件介绍的朋友对上面的代码一定不会有什么问题.
首先还是在DataGrid中引用这个列控件,方法和以前一样,这里就不多说了.
然后看看具体的使用:
if
(itemType
==
ListItemType.Header)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
{
CheckBox headerCheckBox = new CheckBox();
headerCheckBox.ID = "chkAll";
headerCheckBox.CheckedChanged += new EventHandler(this.headerCheckBox_CheckedChanged);
headerCheckBox.AutoPostBack = true;
headerCheckBox.Text = "全选/取消";
cell.Controls.Add(headerCheckBox);
}
![](https://i-blog.csdnimg.cn/blog_migrate/4ee947388ac6b90a2fd3f5b8a7647c23.gif)
private
void
headerCheckBox_CheckedChanged(
object
sender, EventArgs e)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
{
foreach (DataGridItem item in this.Owner.Items)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
{
//iterate each DataGridItem and find our checkbox
HtmlInputCheckBox chkBox = (HtmlInputCheckBox) item.FindControl("checkboxCol");
//now set that checkboxCol value = to selected
if(chkBox.Checked == false)
chkBox.Checked = true;
else
chkBox.Checked = false;
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
}
}
代码如下:
![](https://i-blog.csdnimg.cn/blog_migrate/ddaf3808d4b7cd55ff56996c59868249.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4ee947388ac6b90a2fd3f5b8a7647c23.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ddaf3808d4b7cd55ff56996c59868249.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ec6bd1737817e310185040d9b075a68b.gif)
看过我前面几篇列控件介绍的朋友对上面的代码一定不会有什么问题.
首先还是在DataGrid中引用这个列控件,方法和以前一样,这里就不多说了.
然后看看具体的使用:
- 获得选择行的Index值
CheckBoxColumn chkColumn = (CheckBoxColumn) this .DataGrid1.Columns[ 0 ];
foreach ( object index in chkColumn.SelectIndexes) // SelectIndexes获得选择的Index值
{
Response.Write(index.ToString()+"<br>");
}
- 获得选择行的DataKeys值
CheckBoxColumn chkColumn = (CheckBoxColumn) this .DataGrid1.Columns[ 0 ];
foreach ( object index in chkColumn.SelectedDataKeys) // SelectedDataKeys获得选择的DataKeys值
{
Response.Write(index.ToString()+"<br>");
}
- 获得未选择行的Index值和获得未选择行的DataKeys值
CheckBoxColumn chkColumn = (CheckBoxColumn) this .DataGrid1.Columns[ 0 ];
foreach ( object index in chkColumn.UnSelectIndexes)
{
Response.Write(index.ToString()+"<br>");
}
CheckBoxColumn chkColumn = (CheckBoxColumn) this .DataGrid1.Columns[ 0 ];
foreach ( object index in chkColumn.UnSelectedDataKeys)
{
Response.Write(index.ToString()+"<br>");
}
- 全选/取消全选
foreach (DataGridItem item in this .DataGrid1.Items)
{
HtmlInputCheckBox chkBox=(HtmlInputCheckBox)item.FindControl("checkboxCol");
chkBox.Checked = true;
}
// 如果你自定义了列控件的ID,"checkboxCol"换成自定义的ID值
- 获得选择行的任意列的
CheckBoxColumn chkColumn = (CheckBoxColumn) this .DataGrid1.Columns[ 0 ];
foreach ( object index in chkColumn.SelectIndexes)
{
Response.Write(DataGrid1.Items[(int)index].Cells[1].Text);
}
基本的使用就介绍完了,都非常的简单.当然我们可以在这个列控件的基础上扩展新的功能,比如在Head加入全选/取消选择框
![](https://i-blog.csdnimg.cn/blog_migrate/4ee947388ac6b90a2fd3f5b8a7647c23.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ddaf3808d4b7cd55ff56996c59868249.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ec6bd1737817e310185040d9b075a68b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4ee947388ac6b90a2fd3f5b8a7647c23.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4ee947388ac6b90a2fd3f5b8a7647c23.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e6f8bc289bf8b5863e2f55bd6feaec4e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ddaf3808d4b7cd55ff56996c59868249.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/edee0bf9a86d5ad730bb19dbd2354eb7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f6ac3ccbc886cf7538edc800cba2b256.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/77d5afe35b1f08c5338dd67fc642b0ae.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9971bbe344cc32b44afdfe0a9307aa20.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ec6bd1737817e310185040d9b075a68b.gif)