将DataGrid升级到GridView的具体方法

最新推荐文章于 2024-04-04 00:07:39 发布
最新推荐文章于 2024-04-04 00:07:39 发布
阅读量650 收藏
点赞数
分类专栏： asp.net 文章标签： datagrid session asp server string null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manimanihome/article/details/4806064
版权

 

将DataGrid升级到DataGrid的具体方法

 

1.      首先添加如下样式，这里只做了几个常用的，基本也够了，更多的样式需做进一步的设计，建议将这些样式放到一个公共的css文件中，如：WOStyle.css。

.gvEditContainer

{

     overflow: auto;

     left: 0px;

     padding-right: 0px;

     padding-bottom: 0px;

     padding-left: 0px;

     padding-top: 0px;

     margin: 0px;

     border-right: 0px solid;

     border-top: 0px solid;

     border-left: 0px solid;

     border-bottom: 0px solid;

     vertical-align: super;

     scrollbar-face-color: #ffffff;

     scrollbar-highlight-color: #9e9e9e;

     scrollbar-shadow-color: #9e9e9e;

     scrollbar-3dlight-color: #ffffff;

     scrollbar-arrow-color: #9e9e9e;

     scrollbar-track-color: #eaeaea;

     scrollbar-darkshadow-color: #eaeaea;

     position: relative;

     z-index: 0;

}

.gvEdit

{

     background-color: White;

     border-color: #CCCCCC;

     border-width: 1px;

     border-style: none;

     padding: 0;

}

.gvEditHeader

{

     position: relative;

     left: expression(this.parentElement.scrollLeft);

     top: expression(this.parentElement.parentElement.parentElement.parentElement.scrollTop-3);

     z-index: 0;

     font-weight: bold;

     background-color: #006699;

     color: White;

     text-align: center;

}

.gvEditFooter

{

     color: White;

     background-color: SteelBlue;

}

 

2.      将主页面相关文件中的DataGrid改成GridView.

2.1修改文件XXX_Main.aspx

在head区域添加以下代码

  <script type="text/javascript" src="../../JS/SortTable.js"></script>

将XXX_Main.aspx文件中的BoundColumn全部替换成BoundField

示意如下：

<asp:GridView ID="gv" CssClass="sortable" UseAccessibleHeader="false" AutoGenerateColumns="False"

                                                            runat="server" Width="100%" OnRowDataBound="gv_RowDataBound">

                                                            <Columns>

<asp:BoundField DataField="AssetCode" ReadOnly="True" HeaderText="省类项目节"> </asp:BoundField>

<asp:BoundField DataField="Amount" ReadOnly="True" HeaderText="采购数量"></asp:BoundField>

 <asp:BoundField DataField="UnitPrice" ReadOnly="True" HeaderText="采购单价" DataFormatString="{0:N2}">

  </asp:BoundField>

<asp:BoundField DataField="RequestDate" ReadOnly="True" HeaderText="申请日期"></asp:BoundField>

                                                            </Columns>

                                                        </asp:GridView>

 

2.2修改文件XXX_Main.cs

将这一句

this.dg.DataSource = this.WOdvDetail;

 

换成

if (this.WOdvDetail.Count > 0)

            {

                this.gv.DataSource = this.WOdvDetail;

            }

            else

            {

                DataView dvTemp = this.WOdvDetail;

                dvTemp.AddNew();

                this.gv.DataSource = dvTemp;

            }

 

将下面这段

protected void dg_ItemDataBound(object sender, DataGridItemEventArgs e)

        {

            UIUtil.DataGridSetColAdjust((DataGrid)sender, e);

            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)

            {

                //这里省略。。。

            }

        }

换成：

        protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)

        {

                     //注意这一句不要了，因为已经通过界面就实现了该功能，

//而且该方法不支持GridView，如果需要,可以请陈工改进。

            //UIUtil.DataGridSetColAdjust((DataGrid)sender, e);

 

            if (this.WOdvDetail.Count == 0)

            {

                if (e.Row.RowType == DataControlRowType.DataRow || e.Row.RowType == DataControlRowType.Footer)

                {

                    e.Row.Visible = false;

                }

                return;

            }

 

            if (e.Row.RowType == DataControlRowType.DataRow)

            {

                 //这里省略。。。

            }

        }

 

3.      将明细编辑相关文件中的DataGrid改成GridView.

3.1修改文件XXX_DetailEdit.aspx

将DataGrid改成GridView：

示意如下，”复制”栏位之前的前面部分基本相同，后面的自行参考：

<div id="sp" class="gvEditContainer" runat="server" style="width: 100%; height: 450px;">

        <asp:GridView ID="gv" CssClass="gvEdit" UseAccessibleHeader="false" AutoGenerateColumns="False"

            runat="server" Width="220%" OnRowCreated="gv_RowCreated" OnRowDataBound="gv_RowDataBound"

            OnRowCommand="gv_RowCommand">

           <HeaderStyle  CssClass="gvEditHeader"/>

            <AlternatingRowStyle CssClass="gvAlternatingRow" />

            <Columns>

                <asp:TemplateField HeaderText="行号">

                    <ItemStyle Width="40px" HorizontalAlign="Center"></ItemStyle>

                    <ItemTemplate>

                        <%# Container.DataItemIndex+1 %></ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="选择">

                    <HeaderStyle Width="50px"></HeaderStyle>

                    <ItemStyle Width="50px" HorizontalAlign="Center"></ItemStyle>

                    <HeaderTemplate>

                        <asp:CheckBox ID="chkAll" runat="server" ToolTip="全选/全不选" AutoPostBack="false"></asp:CheckBox>选择

                    </HeaderTemplate>

                    <ItemTemplate>

                        <asp:CheckBox ID="chkSelect" runat="server" ToolTip="选择" AutoPostBack="false"></asp:CheckBox>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="复制">

                    <HeaderStyle Width="40px"></HeaderStyle>

                    <ItemStyle Width="40px" HorizontalAlign="Center"></ItemStyle>

                    <ItemTemplate>

                        <asp:LinkButton ID="LinkButton1" runat="server" Text="复制" CommandName="Copy" CausesValidation="false"></asp:LinkButton>

                    </ItemTemplate>

                </asp:TemplateField>

              

                <asp:TemplateField HeaderText="省类项目节*">

                    <HeaderStyle Width="120px"></HeaderStyle>

                    <ItemStyle Width="120px" HorizontalAlign="Left"></ItemStyle>

                    <HeaderTemplate>

                        类项目节<span style="color: Red;">*</span>

                    </HeaderTemplate>

                    <ItemTemplate>

                        <table cellspacing="0" cellpadding="0" width="100%" border="0">

                            <tr>

                                <td width="98%">

                                    <asp:Label ID="lbAssetCode" runat="server" Width="100%" Text='<%# DataBinder.Eval(Container, "DataItem.AssetCode") %>'>

                                    </asp:Label>

                                </td>

                                <td>

                                    <asp:LinkButton ID="lkAssetCode" runat="server" BorderWidth="1px" BorderStyle="None"

                                        CommandName="assetcode|0">

                                                        <img src="../../image/OptionDG.gif" border="0" alt="选择或修改“资产目录编码和资产名称”。" />

                                    </asp:LinkButton>

                                </td>

                                <td>

                                    <asp:LinkButton ID="lbAssetCodeClear" runat="server" BorderWidth="1px" BorderStyle="None"

                                        CommandName="assetcode|C" Visible="false">

                                                        <img src="../../image/ClearDG.gif" border="0" alt="清除“资产目录编码和资产名称”。" />

                                    </asp:LinkButton>

                                </td>

                            </tr>

                        </table>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:BoundField DataField="AssetName" ReadOnly="True" HeaderText="省资产名称">

                    <HeaderStyle Width="90px"></HeaderStyle>

                    <ItemStyle Width="90px" HorizontalAlign="Left"></ItemStyle>

                </asp:BoundField>

             

                <asp:TemplateField HeaderText="数量*">

                    <HeaderStyle Width="45px"></HeaderStyle>

                    <ItemStyle Width="45px" HorizontalAlign="Right"></ItemStyle>

                    <HeaderTemplate>

                        数量<span style="color: Red;">*</span>

                    </HeaderTemplate>

                    <ItemTemplate>

                        <nb:NumberBox ID="nbAmount" runat="server" Width="100%" ValidationRegularExpression="[0-9]*([.]|[0-9]){0,1}[0-9]{0,2}$"

                            Text='<%# DataBinder.Eval(Container, "DataItem.Amount") %>' AllowNegatives="False"

                            DecimalPlaces="0" DisplayZERO="False" Value="0" DecimalSymbol=".">

                       

                        </nb:NumberBox>

                    </ItemTemplate>

                </asp:TemplateField>

         

                <asp:TemplateField HeaderText="申请日期*">

                    <HeaderStyle Width="100px"></HeaderStyle>

                    <ItemStyle Width="100px" HorizontalAlign="Left"></ItemStyle>

                    <HeaderTemplate>

                        申请日期<span style="color: Red;">*</span>

                    </HeaderTemplate>

                    <ItemTemplate>

                        <dp:DatePicker ID="tbRequestDate" runat="server" Width="80%" ValidationRegularExpression="^((((1[6-9]|[2-9]/d)/d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]/d|3[01]))|(((1[6-9]|[2-9]/d)/d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]/d|30))|(((1[6-9]|[2-9]/d)/d{2})-0?2-(0?[1-9]|1/d|2[0-8]))|(((1[6-9]|[2-9]/d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$"

                            IsNull="True" Text='<%# DataBinder.Eval(Container, "DataItem.RequestDate") %>'

                            ImgUrl="../../IMAGE/calendar.JPG">

                      

                        </dp:DatePicker>

                    </ItemTemplate>

                </asp:TemplateField>

             </Columns>

        </asp:GridView>

 

3.2 修改文件XXX_DetailEdit.cs

将这一句

dg.DataSource = WOdvDetail;

换成

if (WOdvDetail.Count > 0)

            {

                this.gv.DataSource = WOdvDetail;

            }

            else

            {

                DataView dvTemp = WOdvDetail;

                dvTemp.AddNew();

                this.gv.DataSource = dvTemp;

            }

 

将这一段

protected void dg_ItemDataBound(object sender, DataGridItemEventArgs e)

        {

            UIUtil.DataGridSetKeepHeaderVisible((DataGrid)sender, e);

            UIUtil.DataGridSetColAdjust((DataGrid)sender, e);

 

            if (e.Item.ItemType == ListItemType.Footer)

            {

                var chkAll = (CheckBox)e.Item.FindControl("chkAll");

 

                chkAll.Attributes.Add(HtmlTextWriterAttribute.Onclick.ToString(), "javascript:SelectAll(this);");

            }

 

        }

换成

        protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)

        {

                     //下面这两句都不要了,请删除,相应的功能也都有实现。

                     //UIUtil.DataGridSetKeepHeaderVisible((DataGrid)sender, e);

            //UIUtil.DataGridSetColAdjust((DataGrid)sender, e);

 

            if (e.Row.RowType == DataControlRowType.Header)

            {

                var chkAll = (CheckBox)e.Row.FindControl("chkAll");

 

                chkAll.Attributes.Add(HtmlTextWriterAttribute.Onclick.ToString(), "javascript:SelectAll(this);");

            }

            if (this.WOdvDetail.Count == 0)

            {

                if (e.Row.RowType == DataControlRowType.DataRow)

                {

                    e.Row.Visible = false;

                }

            

            }

        }

 

将之前的dg_DeleteCommand事件换成 gv_RowCommand事件，之前如果有用dg_SelectedIndexChanged事件来做选择的，也请一并放入到gv_RowCommand事件中来实现。

修改后的代码示意如下：

protected void gv_RowCommand(object sender, GridViewCommandEventArgs e)

        {

            Control c = ((Control)e.CommandSource);

            GridViewRow gvr = (GridViewRow)c.Parent.Parent;

            int currentIndex = gvr.RowIndex;

            string[] cmdName = e.CommandName.ToLower().Split('|');

            if (cmdName[0] == "copy")

            {

                RowCopy(currentIndex);

                ShowData();

                return;

            }

 

            ViewState.Add("Event", string.Format("{0}|{1}", currentIndex, cmdName[0]));

            string title = string.Empty;

            ListItem[] listItem;

            DataRow drowL = WOdvDetail[currentIndex].Row;

 

            #region 删除

            if (cmdName.Length > 1)

            {

                if (cmdName[1] == "c")

                {

                    if (cmdName[0] == "permcode")

                    {

                        drowL[cmdName[0]] = DBNull.Value;

                        drowL["permName"] = DBNull.Value;

                    }

                    else

                    {

                        drowL[cmdName[0]] = DBNull.Value;

                        drowL[cmdName[0] + "Name"] = DBNull.Value;

                    }

 

                    ShowData();

                    return;

                }

            }

            #endregion

 

            #region 选择

            switch (cmdName[0])

            {

                case "labor":

                    #region 选择收货人

                    title = "收货人";

                    listItem = blSrv.GetListArrayForTextAndValue("dbo.View_Labor_Active", "Labor", "LaborId",

                                           string.Empty);

                    if (listItem == null)

                    {

                        Alert("注意：检索 " + title + " 名称数据出错！");

                    }

                    else

                    {

                        Session["_ListSource"] = listItem;

                        cwhSrv.ShowListSelectDialog(this, WOFormName, WOAction, title, false, false);

                    }

                    #endregion

                    break;

             

                case "useman":

                    #region 选择使用人

                    title = "使用人";

                    listItem = blSrv.GetListArrayForTextAndValue("dbo.View_Labor_Active", "Labor", "LaborId",

                                                               "type='职员'");

                    if (listItem == null)

                    {

                        Alert("注意：检索 " + title + " 名称数据出错！");

                    }

                    else

                    {

                        Session["_ListSource"] = listItem;

                        cwhSrv.ShowListSelectDialog(this, WOFormName, WOAction, title, false, false);

                    }

                    #endregion

                    break;

            }

            #endregion

        }

 

 

修改事件Page_Load中的代码

示意如下：

protected override void Page_Load(object sender, EventArgs e)

        {

            base.Page_Load(sender, e);

            KeepScrollPosition(this.sp);

            if (IsPostBack)

            {

                ReceiveData();

            }

            else

            {

                //初始化...

                PageInit();

                ShowData();

            }

 

            if (Session["thingNumber"] != null || Session["thingName"] != null)

            {

                string s = ViewState["Event"].ToString();//rowIndex|ComamndName[0]

                ViewState.Remove("Event");

                string[] s0 = s.Split('|');

                int rowIndex = int.Parse(s0[0]);//rowIndex

                string fieldName = s0[1];//ComamndName[0]

 

                DataRowView drv = WOdvDetail[rowIndex];

                if (drv == null)

                {

                    Alert("注意：参数丢失，找不到相应的行记录。");

                    return;

                }

 

                if (fieldName == "labor" || fieldName == "requestman" || fieldName == "purchaseman")

                {

                    drv[fieldName] = Session["thingNumber"].ToString();

                    drv[fieldName + "Name"] = Session["thingName"].ToString();

                }

 

                if (fieldName == "assetcode")

                {

                    string[] assetCatalog = Session["thingNumber"].ToString().Split('|');

 

                    if (WOdvDetail[rowIndex]["AssetCode"].ToString() != assetCatalog[0] || WOdvDetail[rowIndex]["AssetName"].ToString() != assetCatalog[1])

                    {

                        WOdvDetail[rowIndex]["AssetCode"] = assetCatalog[0];

                        WOdvDetail[rowIndex]["AssetName"] = assetCatalog[1];

 

                        //修改集团资产目录

                        string[] fields = new string[] { " [PermName] as Val" };

                        string where = string.Format("(Code='{0}' And AssetName='{1}')", assetCatalog[0], assetCatalog[1]);

                        DataTable dt = this.dbSrv.GetRecordSetByCondition("dbo.tblAssetCatalog2PermanentAssetCatalog", fields, where);

                        if (dt == null || dt.Rows.Count == 0)

                        {

                            this.WOdvDetail[rowIndex]["PermName"] = DBNull.Value;

                        }

                        else

                        {

                            this.WOdvDetail[rowIndex]["PermName"] = dt.Rows[0][0].ToString();

                        }

                    }

                }

 

                Session["thingNumber"] = null;

                Session["thingName"] = null;

                ShowData();

            }

 

            if (Session["DPO_Action"] != null)

            {

                ShowData();

                Session.Remove("DPO_Action");

            }

 

            #region 导入操作

            if (Session["ImportDataList"] != null)

            {

                //省略。。。

            }

            #endregion

        }

4.其他说明

其他的一些小修改，就不多说了：

如:

需要将

DataGridItem

换成

GridViewRow

将

if (dgi.ItemType == ListItemType.Item || dgi.ItemType == ListItemType.AlternatingItem)

换成

if (dgi.RowType == DataControlRowType.DataRow)

 

最后一点建议：

1.不要在明细编辑页面每一条记录都加一个删除按钮。

推荐的方式是，先选择，然后通过一个按钮统一删除所选。

2.全选按钮可以做在表头,而且有复选框，具体可以参考前面的修改方法

 

 

 

马立弘
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用自己定义的DataTable作为GridView 的数据源，并使用Gridview的update命令按钮
指尖思维
07-31 1870
往常使用GridView显示数据时数据源是执行SQL语句返回的数据表。其实将自己定义的DataTable类型作为GridView的数据源是和上面那种情况是一样。昨天发现我的设计很不合里，但碍于成型的设计和代码，对课程工作量标准的设定和修改只作了少许的变化。其一是使用GridView来显示数据。 对于课程工作量标准，每个学校是要有四条记录的。使用GridView的目的之一便是允许用户使用GridV
Datatable绑定GridView[转]
weixin_34368949的博客
07-05 1297
基本步骤：1.先创建一个名为"ds"的Datset2.再创建一个名为"dt"的Datatable3.为dt创建Column4.创建一个名为“dr”的DataRow，使用dr.add（）添加，dt.newrow添加新行。5.向ds中添加dt6.Datatable数据绑定控件GridView 1dg.DataSource=ds;2dg.DataBind(); Code1...
把datagrid转换成gridview
weixin_34179968的博客
03-04 156
public gridview datagrid2gridview(datagrid dg) { gridview gv = new gridview(); foreach(var p in dg.columns) { if(p is boundcolumn) { boundcolumn dgc = (boundcolumn)p; var gvc=new boundfield();...
DataGrid与GridView
阳光的专栏
01-19 363
<br />ASP.NET 2.0提供了功能强大的数据绑定控件GridView、在使用中，一些属性和方法经常会与ASP.NET 1.1中的DataGrid混淆(VS2005中依然可以使用DataGrid，手动添加到工具箱或HTML状态输入代码)，下面我们分别用GridView和DataGrid实现其数据绑定、编辑、更新、删除等，从其代码中看两者的不同。<br />页面：<br />1 <asp:GridView ID="GridView1" runat="server" Width="100%" OnRow
dev 根据datatable动态生成gridview
weixin_33721427的博客
03-12 160
/// <summary> /// 根据datatable动态生成gridview /// </summary> /// <param name="dt"> code列是数据源，name列是显示名称</param> /// <para...
在。net中把datagrid转换为gridview
wanderball的专栏
08-23 997
<br />来实习之前拿了本课本自学了一下。net，一直学的都是比较新的版本，来了实习的地方后发现由于继承的关系，我们用的都是前辈们写好的代码然后再进行加工修改得到我们需要的功能，所以自从新版本发布那么久以来，我们用的都还是Datagrid. 由于基本上我们都可以拿老版本的代码过来直接改，方便，快捷，还少出错误，所以很少想去更新它。<br />呆久了发现其实核心的东西并没有学到什么，好多东西都不会，不知道人家内部怎么连接的数据库，怎么对数据如何读取出来进行操作，就像一个孩子吃的都是盛好的饭而从来没有自己动手
DataTable转 DataGridView 循环获取每一个字段存入list
fangyuan621的专栏
06-23 480
ArrayList list1 = new ArrayList(); DataTable dt = GetDgvToTable(this.skinDataGridView1); string str = ""; for (int i = 0; i < dt.Rows.Count; i++) { switch (dt.Rows[i]["BJ"]) ...
C# Winform DataGridView 控件和 DataTable
熊思雨的博客
06-27 1万+
DataGridView 控件提供用于显示数据的可自定义表。类 DataGridView 允许通过使用属性（如 DefaultCellStyle、 ColumnHeadersDefaultCellStyle、 CellBorderStyle和）自定义单元格、行、列和 GridColor边框。有关详细信息，请参阅微软 DataGridView 控件中的基本格式设置和样式设置。可以使用 DataGridView 控件在基础数据源中或不使用基础数据源显示数据。
jQuery 1，web前端自学
最新发布
2301_79055083的博客
04-04 619
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取资料领取方式：点击这里前往免费获取。
DataGrid和GridView使用区别例子
09-14
DataGrid和GridView使用区别例子. 对数据的增删改查、分页等使用方法，分别作出了例子。
WPF中DataGrid的使用
码农
10-08 2万+
DataGrid是WPF中的数据显示控件，相当于Winform中的DataGridView。但是两者之间的用法确存在一些差异。在文档中，如果利用两者的不同之处可以更加清楚的描述好DataGrid的使用，我将采用该种方法。好了我们首先看一下如何为DataGrid指定数据源吧！
C#GridView绑定datatable数据
热门推荐
10-23 2万+
GridView用法：1.    绑定datatablepublic void playtable(GridView gv, DataTable dt)    {        gv.DataSource = dt;        gv.DataBind();    }2.    添加GridView换页，选择，排序事件（05net中以datatable为数据源时需要人
Dev GridView表格数据转成DataTable
weixin_42497856的博客
06-20 5840
DataTable dt = ((DataView)gridView1.DataSource).ToTable();
Winform开发--数据从一个DataGridView转移到另一个DataGridView
随心更博
04-03 8882
做Winform开发，对需求的实习是从一个DatagridView中选择数据，并复制到另一个DatagridView 中，之前BS开发做过类似效果，使用DataGridView肯定没问题。     将DataGridView1中的数据复制到DataGridView2中；设置DataGridView1的第一列为复选框，DataGridView1的两个事件，协作实现我们想要的效果，dataGridV
EasyUI Datagrid全面解析：静态HTML到JSON数据
EasyUI会自动处理返回的数据，将其填充到Datagrid中。这样可以实现数据的动态加载，使用户界面更加灵活。 3、使用EasyUI提供的API创建Datagrid 这种方式更灵活，可以自定义更多的配置项。在JavaScript中，使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值