ASP.NET动态生成GridView的使用

浏览数：45 / 时间：2015年06月09日

根据DataTable动态生成包含checkbox的GridView，其中DataTable中对应checkbox那一列的值必须为bool值。

public static GridView DynamicGenerateColumns(GridView gv, DataTable dt)
        {
            // 把GridView的自动产生列设置为false,否则会出现重复列
            gv.AutoGenerateColumns = false;

            // 清空所有的Columns
            gv.Columns.Clear();

            // 遍历DataTable 的每个Columns,然后添加到GridView中去
            foreach (DataColumn item in dt.Columns)
            {
                if (item.ColumnName == "选择")
                {
                    CheckBoxField chCol = new CheckBoxField();
                    chCol.HeaderText = item.ColumnName;
                    chCol.DataField = item.ColumnName;
                    chCol.Visible = true;
                    gv.Columns.Add(chCol);
                    continue;
                }
                BoundField col = new BoundField();
                col.HeaderText = item.ColumnName;
                col.DataField = item.ColumnName;
                col.Visible = true;
                gv.Columns.Add(col);
            }
            return gv;
        }

然后在返回的GridView上绑定dataTable就可以了。还可以添加checkBox点击事件javascript处理函数。

gridView.DataSource = dataTable;
gridView.DataBind();
for (int i = 0; i < ChargingGridView.Rows.Count; i++)
{
       ((System.Web.UI.WebControls.CheckBox)(gridView.Rows[i].Cells[0].Controls[0])).Attributes.Add("onclick", "OnClickCheck()");
}

在JS函数中对GridView中checkbox的处理，注意下面的Javascript代码是如何获取checkbox及其它普通元素的的值。

//该函数实现了根据选择的checkbox计算某列的值总和的功能
function OnClickCheck() {
    var sumValue=0;
    var gv = document.getElementById("<%=gridView.ClientID%>");
    for (var i = 1; i < gv.rows.length; i++) {
        if (gv.rows[i].cells[0].children[0].checked == false) {
            continue;
        }
        sumValue = sumValue + parseFloat(gv.rows[i].cells[5].innerText);
    }
    document.getElementById(‘<%=TotalLabel.ClientID%>‘).innerHTML = sumValue;
}

上面的代码在后端用C#实现如下，

private void OnClickCheck()
{
    double totalAmount = 0;

    for (int i = 0; i < gridView.Rows.Count; i++)
    {
        if (false == ((System.Web.UI.WebControls.CheckBox)(ChargingGridView.Rows[i].Cells[0].Controls[0])).Checked)
        {
            continue;
        }
        totalAmount += Convert.ToDouble(gridView.Rows[i].Cells[6].Text.Trim());
    }

    TotalLabel.Text = totalAmount.ToString();
}

SQL SERVER中bool的字段类型为bit，如果bool值是从DataTable取出的，则不用修改，如果该列bool值是在select返回的结果上添加的一列固定值，那么就需要在返回的DataTable前添加一列：

dataTable.Columns.Add("选择", typeof(bool));
dataTable.Columns["选择"].SetOrdinal(0);
foreach (DataRow dr in ChargeItemDataTable.Rows)
{
       dr["选择"] = true;//初始化checkbox为选中
}

关于在select返回的结果添加一列固定值，如果添加这一列是字符串或数值类型，那么直接在select语句中即可设置，如select ‘吴宗宪‘ as hostName,age from showhosts。但如果是bool值的话，就不能select true as 选择……，这样SQL会报错，要照上面的方法来添加。

现在还有个问题，就是生成的GridView中的checkbox是灰色的，不能操作，也就是enable为false。现在需要绑定GridView_RowDataBound函数，在该函数中设置checkBox的enabled为true。添加该函数过程为：在aspx页面设计页中，选中GridView，右边属性栏中选择事件，在下面找到RowDataBound，生成事件处理函数。

protected void gridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
     if (e.Row.Cells[0].GetType() == typeof(System.Web.UI.WebControls.DataControlFieldCell))
     {
           TableCell tc = e.Row.Cells[0];
           if (tc.Controls.Count > 0)
           {
                System.Web.UI.WebControls.CheckBox cb = (System.Web.UI.WebControls.CheckBox)tc.Controls[0];
                if (!(cb == null))
                {
                        cb.Enabled = true;
                }
           }
      }
}

有时候需要把GridView转换成DataTable：

public static DataTable GetDataTableFromGridView(GridView gv, DataTable dt)
{
    GridViewRow headerRow = gv.HeaderRow;
    int columnCount = headerRow.Cells.Count;
    for (int i = 0; i < columnCount; i++)
    {
        DataColumn dc = dt.Columns.Add();
        dc.ColumnName = headerRow.Cells[i].Text.Trim();
        if ("选择" == headerRow.Cells[i].Text.Trim())
        {
            dc.DataType = typeof(bool);
        }
        else
        {
            dc.DataType = typeof(string);
        }
    }

    for (int i = 0; i < gv.Rows.Count; i++)
    {
        DataRow dr = dt.NewRow();

        for (int j = 0; j < gv.Columns.Count; j++)
        {
            if ("选择" == headerRow.Cells[j].Text.Trim())
            {
                if (true == ((System.Web.UI.WebControls.CheckBox)(gv.Rows[i].Cells[j].Controls[0])).Checked)
                {
                    dr[j] = true;
                }
                else
                {
                    dr[j] = false;
                }
            }
            else if (gv.Rows[i].Cells[j].Text.Trim() == "&nbsp;")
            {
                dr[j] = "";
            }
            else
            {
                dr[j] = gv.Rows[i].Cells[j].Text.Trim();
            }
        }

        dt.Rows.Add(dr);
    }
    return dt;
}