zoukankan      html  css  js  c++  java
  • 让GridView在无数据时显示表头Header和脚注Footer

    因為GridView內建修改、刪除之功能,所以很多人利用GridView的Footer列,加入控制項,作為新增的功能。但因為GridView在沒有資料的時候,除了Empty Template外,不會顯示Header和Footer列,所以新增的功能就無效了。

    有人直接利用Empty Template,加入FormView或DetailView作為新增的功能,但我覺得畫面上的不一致,容易造成使用者的困擾,執意要找出利用Footer列的方式。為此用Google找了一個晚上和早上,再加上 try 了半天,終於讓我摸索出最佳答案了。

    方法是在GridView的PreRender事件中,判斷 Rows.Count 是否等於0,再執行下面這個函數。這樣利用Footer列做為新增資料的功能,就萬無一失了。

    不過在執行階段時,新增資料後自動重新整理本頁時,因為GridView的DataSource還是我們虛擬的DataTable,因此不會顯示新增的記錄,故需在GridView1_Load中加入一段,改回原本的SqlDataSource。

    public static void renderEmptyGridView(GridView EmptyGridView, string FieldNames)
    {
    //將GridView變成只有Header和Footer列,以及被隱藏的空白資料列
    DataTable dTable = new DataTable();
    char[] delimiterChars = {','};
    string[] colName = FieldNames.Split(delimiterChars);
    foreach (string myCol in colName)
    {
    DataColumn dColumn = new DataColumn(myCol.Trim());
    dTable.Columns.Add(dColumn);
    }
    DataRow dRow = dTable.NewRow();

    foreach (string myCol in colName)
    {
    dRow[myCol.Trim()] = DBNull.Value;
    }
    dTable.Rows.Add(dRow);

    EmptyGridView.DataSourceID = null;
    EmptyGridView.DataSource = dTable;
    EmptyGridView.DataBind();
    EmptyGridView.Rows[0].Visible = false;
    }
    protected void GridView1_PreRender(object sender, EventArgs e)
    {
    if (GridView1.Rows.Count == 0)
    {
    renderEmptyGridView(GridView1, "FLOW_UID, FLOW_CODE, FLOW_NAME, FLOW_TYPE");
    }

    }

    protected void GridView1_Load(object sender, EventArgs e)
    {
    //回復原本GridView的資料連結
    GridView1.DataSource = null;
    GridView1.DataSourceID = "SqlDataSource1";
    }

  • 相关阅读:
    改造vue-quill-editor: 结合element-ui上传图片到服务器
    webpack2.X、Vue学习以及将两者相结合
    Vuex-一个专为 Vue.js 应用程序开发的状态管理模式
    vue深究第一弹:computed与watch的异同
    管理系统列表和详情配置
    Vue和vue-template-compiler版本之间的问题
    vuex 闲置状态重置方案
    mac install brew
    Android——推断Service是否已经启动
    【android】uses-permission和permission具体解释
  • 原文地址:https://www.cnblogs.com/ninepts/p/2166052.html
Copyright © 2011-2022 走看看