Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了。本例中，使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果：

 

Insus.NET原本是从数据库获取数据并绑定至GridView控件的，为了在学asp.net的网友，也能轻易操作，因此这个想法，采用对象存储数据。

首先创建一个对象，[对联]的对象:

using System;using System.Collections.Generic;using System.Linq;using System.Web;/// 
/// Summary description for Couplets/// 
namespace Insus.NET{    public class Couplets    {        private int _ID;        private string _Type;        private string _Content;        public int ID        {            get { return _ID; }            set { _ID = value; }        }        public string Type        {            get { return _Type; }            set { _Type = value; }        }        public string Content        {            get { return _Content; }            set { _Content = value; }        }                public Couplets()        {            //            // TODO: Add constructor logic here            //        }        public Couplets(int id, string type, string content)        {            this._ID = id;            this._Type = type;            this._Content = content;                }    }}

 

对象准备好，它是的空的对象，所以还得为刚才创建好的对象，填充数据，让它成为真正的实体。

public List
      
        GetData()    {        List
       
         couplets = new List
        
         ();        Couplets c = new Couplets(1, "四字联", "一元复始；万象更新。");        couplets.Add(c);        c = new Couplets(2, "四字联", "风调雨顺；国盛人和。");        couplets.Add(c);        c = new Couplets(3, "四字联", "风调雨顺；国盛人和。");        couplets.Add(c);        c = new Couplets(4, "五字联", "金蛇含瑞草；紫燕报新春。");        couplets.Add(c);        c = new Couplets(5, "五字联", "龙年留胜绩；蛇岁展宏猷。");        couplets.Add(c);        c = new Couplets(6, "七字联", "壬辰传捷龙辞旧；癸巳报春蛇迎新。");        couplets.Add(c);        c = new Couplets(7, "七字联", "山高水远人增志；蛇接龙年地满春。");        couplets.Add(c);        c = new Couplets(8, "七字联", "小龙起舞神州地；祖国腾飞大治年。");        couplets.Add(c);        c = new Couplets(9, "七字联", "金山水漫双蛇舞；绿野春归百鸟鸣。");        couplets.Add(c);        return couplets;    }
        
       
      

在Default.aspx网页上拉一个GridView控件。

                      
                           
                                
                                     
                                  
                                 
                                     
                                  
                             
                            
                                
         
                                      ID                        
                                 
                                 
         
                                      <%# Eval("ID") %>                        
                             
                            
                                
         
                                      Type                        
                                 
         
                                      <%# Eval("Type") %>                        
                             
                            
                                
         
                                      Content                        
                                 
         
                                      <%# Eval("Content") %>                        
                             
                        
                   
      

接下来，还得通过Default.aspx.cs页面为GridView绑定数据。

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using Insus.NET;public partial class _Default : System.Web.UI.Page{    protected void Page_Load(object sender, EventArgs e)    {        if (!IsPostBack)            Data_Binding();    }    private void Data_Binding()    {        this.GridViewCouplets.DataSource = GetData();        this.GridViewCouplets.DataBind();    }}

在上面的html代码中，可以看有两个CheckBhox，一个是放在GridView的HeaderTemplate模版上为了全选，另一个是放在ItemTemplate模版上为了单选。

 

每一个CheckBox都有一个OnClick事件，可参考如下Javascript代码：