• ASP.NET动态生成GridView的使用


    根据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;
    }
  • 相关阅读:
    java面试常见的类
    Day6
    DAY5
    Day4
    Day3
    Day2
    Day1
    echarts3关系图:力引导布局, 固定某些节点
    Hbuilder中配置cmd
    webpack 学习
  • 原文地址:https://www.cnblogs.com/NaughtyBaby/p/4268280.html
Copyright © 2020-2023  润新知