DataGrid使用心得(附大量代码)

最新推荐文章于 2016-07-04 15:16:39 发布
最新推荐文章于 2016-07-04 15:16:39 发布
阅读量726 收藏 2
点赞数
分类专栏： .NET 文章标签： datagrid string asp textbox object null

        1. 为 DataGrid 控件设计样式
        在<asp:datagrid id="DataGrid1" runat="server">之后添加如下代码
        <FooterStyle ForeColor="Black" BackColor="#CCCCCC"></FooterStyle>
        <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#008A8C"></SelectedItemStyle>
        <AlternatingItemStyle BackColor="Gainsboro"></AlternatingItemStyle>
        <ItemStyle ForeColor="Black" BackColor="#EEEEEE"></ItemStyle>
        <HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#000084"></HeaderStyle>
        说明:
        (1) 在每个标签内主要是 ForeColor BackColor Font-Bold 这几个属性值


        2. 为 DataGrid 控件添加绑定列
        <asp:BoundColumn DataField="" ReadOnly="True" HeaderText=""></asp:BoundColumn>
        说明:
        (1) 在标签内的基本属性是 DataField / HeaderText
        (2) DataFormatString 用于 获取或设置指定列中各项的显示格式的字符串。
        形式为 { A: Bxx }。例如，格式化字符串 {0:F2} 将显示带两位小数的定点数。
        其中A值只能设置为 0，因为每个单元格中只有一个值。
        冒号后的字符（常规示例中为 B）指定值的显示格式
        C 以货币格式显示数值。
        D 以十进制格式显示数值。
        E 以科学记数法（指数）格式显示数值。
        F 以固定格式显示数值。
        G 以常规格式显示数值。
        N 以数字格式显示数值。
        X 以十六进制格式显示数值。
        (3) Visible 获取或设置一个值，该值指示此列在 DataGrid 控件中是否可见。
        (4) ReadOnly 设置些列是否只读,若是只读的话,则不能修改.
        (5) SortExpression 获取或设置选择进行排序的列时传递到 OnSortCommand 方法的字段或表达式的名称。

 
        3. 为 DataGrid 控件添加模板列
        <asp:TemplateColumn HeaderText="类别">
        <ItemTemplate>
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem, "actorclassname") %>' runat="server" ID="Label1"/>
        </ItemTemplate>
        <EditItemTemplate>
        <select name="sltclassname">
        <% = ActorClass.GetParentClass(0) %>
        </select>
        </EditItemTemplate>
        </asp:TemplateColumn>
        说明:
        (1) 基本框架是
        <asp:TemplateColumn HeaderText="类别">
        <ItemTemplate></ItemTemplate>
        </asp:TemplateColumn>
        (2) 全面的模板列
        <asp:TemplateColumn>
        <HeaderTemplate>
        <b> Tax </b>
        </HeaderTemplate>
        <ItemTemplate>
                 Text='<%# DataBinder.Eval(Container.DataItem, "Tax") %>'
        runat="server"/>
        </ItemTemplate>
        <EditItemTemplate>
                 Text="Taxable"
        runat="server"/>
        </EditItemTemplate>
        <FooterTemplate>
                 Text="Microsoft"
        NavigateUrl="http://www.microsoft.com"
        runat="server"/>
        </FooterTemplate>
        </asp:TemplateColumn>
        (3) 为布尔型列应用模板列
        <asp:TemplateColumn>
        <ItemTemplate>
                 Text='<%# DataBinder.Eval(Container.DataItem, "Tax") %>'
        runat="server"/>
        </ItemTemplate>
        <EditItemTemplate>
                 Text="Taxable"
        runat="server"/>
        </EditItemTemplate>
        </asp:TemplateColumn>
        在正常状态,用 Label控件显示
        在编辑状态,用 CheckBox控件显示
        (4) 为枚举类型列应用模板列,如业务地区(全网/广东/云南等等)
        <asp:TemplateColumn HeaderText="处理方式">
        <ItemTemplate>
        <asp:Label ID="lbStatus">
        <%# DataBinder.Eval(Container, "DataItem.DealWith") %>
        </asp:Label>
        </ItemTemplate>
        <EditItemTemplate>
        <asp:DropDownList id="dpStatus2" runat="server" DataTextField="status">
        <asp:ListItem Value="Log">Log(日志)</asp:ListItem>
        <asp:ListItem Value="SendSms">SendSms(短信)</asp:ListItem>
        </asp:DropDownList>
        </EditItemTemplate>
        </asp:TemplateColumn>
        在正常状态,用 Label控件显示
        在编辑状态,用 DropDownList控件显示
        (5) 为长字符串应用模板列,如一篇文章的内容
        还未做过 


        4. 为 DataGrid 控件添加按钮列
                 HeaderText="Remove from cart"
        ButtonType="PushButton"
        Text="Remove"
        CommandName="RemoveFromCart" />
        (1) 要使用按钮列,必须在 DataGrid 控件中添加 OnItemCommand 属性,并为该事件添加处理方法.
        (2) 模板列可以实现按钮列能实现的任何功能. 


        5. 为 DataGrid 控件添加编辑列
        <asp:EditCommandColumn ButtonType="LinkButton" UpdateText="更新" HeaderText="编辑" CancelText="取消" EditText="编辑"></asp:EditCommandColumn>
        (1) ButtonType 有两个值: LinkButton 超级链接样式按钮的列 | PushButton 普通按钮的列。


        6. 为 DataGrid 控件添加超链接列
        <asp:HyperLinkColumn Text="添加子类" DataNavigateUrlField="ActorclassID" DataNavigateUrlFormatString="addActorClass.aspx?classID={0}"></asp:HyperLinkColumn>
        (1) 为每一行设置相同的文字及跳转的URL地址
        设置 Text 和 NavigateUrl 属性，则列中的所有超级链接将共享同一标题和 URL
        (2) 为每一行设置不同的文字及不同跳转的URL地址
        A. 用 DataTextField 设置数据源字段,若还想在原数据的基础上加工一下(如字段值为300,想显示为300元)
        则再设置 DataTextFormatString 字段
        B. 用DataNavigateUrlField 及 DataNavigateUrlFormatString 来设置URL地址
        用DataTextField = "money" DataTextFormatString = "{0}元"
        C. 举例
        DataNavigateUrlField="ActorclassID" DataNavigateUrlFormatString="addActorClass.aspx?classID={0}"


        7. 为 DataGrid 控件添加"编辑"代码
        在 DataGrid 标签中加入
        OnUpdateCommand="DataGrid1_Update" OnCancelCommand="DataGrid1_Cancel" OnEditCommand="DataGrid1_Edit"代码
        在codeBehind页面加入如下代码
        ///响应编辑按钮
        public void DataGrid1_Edit(Object sender, DataGridCommandEventArgs e)
        {
        DataGrid1.EditItemIndex = e.Item.ItemIndex;
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        }
        ///响应取消按钮
        public void DataGrid1_Cancel(Object sender, DataGridCommandEventArgs e)
        {
        DataGrid1.EditItemIndex = -1;
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        }
        ///响应更新按钮
        public void DataGrid1_Update(Object sender, DataGridCommandEventArgs e)
        {
        TextBox ClassNameText = (TextBox)e.Item.Cells[1].Controls[0];
        string className = ClassNameText.Text;
        int classID = Int32.Parse((e.Item.Cells[0].Text).ToString());
        TextBox orderID2 = (TextBox)e.Item.Cells[5].Controls[0];
        int orderID = Int32.Parse(orderID2.Text);
        ActorClass.ModifyActorClass(className,classID,orderID);
        DataGrid1.EditItemIndex = -1;
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        }
        说明
        (1) DataGrid 事件处理程序的格式
        MethodName(Object sender, DataGridCommandEventArgs e)
        (2) 更新按钮的说明
        A. 获取编辑状态中的文本框
        TextBox ClassNameText = (TextBox)e.Item.Cells[1].Controls[0];
        string className = ClassNameText.Text;
        B. 获取编辑状态中的下拉列表框
        方法一
        int classID;
        classID = Int32.Parse(Request.Form.Get("sltclassname"));
        方法二
        DropDownList bbb = (DropDownList)e.Item.Cells[10].FindControl("dpStatus2");
        string ddpValue = bbb.SelectedValue
        C. 获取编辑状态中的复选框
        bool boolEnabled = ((CheckBox)e.Item.FindControl("chk_enabled")).Checked;
        String str2;
        if (boolEnabled)
        {
        str2="1";
        }
        else
        {
        str2="0";
        }
        赋值给 str2 ,原因是插入到数据库的布尔型值只能是 1 或者 0
        D. 获取编辑状态中的文本值,即该列是只读的.
        string storyID = (e.Item.Cells[0].Text).ToString();


        8. 为 DataGrid 控件添加分页事件
        在 DataGrid 控件标签中加入如下代码
        OnPageIndexChanged="DataGrid1_PageIndexChanged"
        在后台中加入如下代码
        /// <summary>
        /// 响应分页事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public void DataGrid1_Page(Object sender, DataGridPageChangedEventArgs e)
        {
        DataGrid1.CurrentPageIndex = e.NewPageIndex;
        DataBind();
        }


        9. 为 DataGrid 控件添加绑定事件,即在 DataGrid绑定时发生的事件处理
        一般用些事件来,做一些页面上的效果.如更改背景色,文本框大小等.
        OnItemDataBound="DataGrid1_ItemDataBound"
        /// <summary>
        /// 响应DataGrid绑定事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
        if (e.Item.ItemType == ListItemType.Item)
        {
        e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#c8dafa'");
        e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='white'");
        }
        else if (e.Item.ItemType == ListItemType.AlternatingItem)
        {
        e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#c8dafa'");
        e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='#f6f6f6'");
        }
        }


        10. 为 DataGrid 控件添加接钮处理事件程序
        在 DataGrid 控件标签中加入如下代码
        OnItemCommand="ItemsGrid_Command"
        在后台中加入如下代码
        public void ItemsGrid_Command(Object sender, DataGridCommandEventArgs e)
        {
        switch(((LinkButton)e.CommandSource).CommandName)
        {
        case "Delete":
        int classID = Int32.Parse((e.Item.Cells[0].Text).ToString());
        ActorClass.DeleteActorClass(classID);
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        break;
        // Add other cases here, if there are multiple ButtonColumns in
        // the DataGrid control.
        case "hidden":
        int actorID = Int32.Parse((e.Item.Cells[0].Text).ToString());
        ActorClass.HiddenActorClass(actorID);
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        break;
        case "MoveUp":
        int actorclassID = Int32.Parse((e.Item.Cells[0].Text).ToString());
        string orderID = (e.Item.Cells[5].Text).ToString();
        ActorClass.MoveUp(orderID,actorclassID);
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by depth,orderID desc"));
        break;
        case "MoveDown":
        actorclassID = Int32.Parse((e.Item.Cells[0].Text).ToString());
        orderID = (e.Item.Cells[5].Text).ToString();
        ActorClass.MoveDown(orderID,actorclassID);
        if (Request.QueryString.Get("classID") != null)
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where parentID=" + Request.QueryString.Get("classID") + " order by depth,orderID desc"));
        else
        Common.BindData(DataGrid1,Common.GetSource("select * from ActorClass where depth=1 order by orderID"));
        break;
        default:
        // Do nothing.
        break;
        }
        }


        11. 为 DataGrid添加模板列,但是内容根据字段值来显示"链接",还是文本
        以下三个都是,根据字段列不同,而显示内容及显示控件不同的处理代码.
        <asp:TemplateColumn HeaderText="子菜单">
        <ItemTemplate>
        <%# ActorClassManage.hasLeaf(DataBinder.Eval(Container.DataItem,"ActorClassID").ToString(),DataBinder.Eval(Container.DataItem,"child").ToString())%>
        </ItemTemplate>
        </asp:TemplateColumn>
        public static string hasLeaf(string id,string child)
        {
        string lRtn = "";
        if (Int32.Parse(child) >0)
        lRtn="<a href='Actorclassmanage.aspx?classID="+id+"'><font color=blue>子菜单(" + child + ")</font></a>";
        else
        lRtn = "无子菜单";
        return lRtn;
        }
        <asp:TemplateColumn HeaderText="属性">
        <ItemTemplate>
        <asp:LinkButton Text='<%# IsHidden(DataBinder.Eval(Container.DataItem,"ActorClassID").ToString(),(bool)DataBinder.Eval(Container.DataItem,"Enabled")) %>' runat="server" CommandName="hidden" ID="Linkbutton1"></asp:LinkButton>
        </ItemTemplate>
        </asp:TemplateColumn>
        public static string IsHidden(string id,bool enabled)
        {
        string lRtn = "";
        if (enabled == true)
        {
        lRtn = "[显示]";
        }
        else
        {
        lRtn = "隐藏";
        }
        return lRtn;
        }
        public static void Sort(string actorclassID, string orderID)
        {
        string temp = "";
        if (Int32.Parse(BgPicManage.GetMaxCode("actorclass","orderID")) == Int32.Parse(orderID))
        {
        temp += "<ipnut type='submit' value='向下移'>";
        }
        if (Int32.Parse(orderID) == 0)
        {
        temp += "<ipnut type='submit' value='向上移'>";
        }
        }


        12. DataGrid 控件自定义分页代码
        将下列代码放于包含<DataGrid>的form中去,
        <p style="FONT-SIZE:9pt" align="center">
        <asp:label id="lblPageCount" runat="server"></asp:label>
        <asp:label id="lblCurrentIndex" runat="server"></asp:label>
                 Font-size="8pt" ForeColor="navy" CommandArgument="0"></asp:linkbutton>
                 Font-size="8pt" ForeColor="navy" CommandArgument="prev"></asp:linkbutton>
                 Font-size="8pt" ForeColor="navy" CommandArgument="next"></asp:linkbutton>
                 Font-size="8pt" ForeColor="navy" CommandArgument="last"></asp:linkbutton>
        </p>
        后台代码
        private void Page_Load(object sender, System.EventArgs e)
        {
        // 在此处放置用户代码以初始化页面
        btnFirst.Text = "最首页";
        btnPrev.Text = "前一页";
        btnNext.Text = "下一页";
        btnLast.Text = "最后页";
        //绑定数据源
        if (!Page.IsPostBack)
        {
        OpenDatabase();
        BindGrid();
        }
        }
        //用于显示"第几页,总*页"
        private void ShowStats()
        {
        lblCurrentIndex.Text = "第 " + (MyDataGrid.CurrentPageIndex + 1).ToString() + " 页";
        lblPageCount.Text = "总共 " + MyDataGrid.PageCount.ToString() + " 页";
        }
        //响应分页按钮
        public void PagerButtonClick(object sender, EventArgs e)
        {
        string arg = ((LinkButton)sender).CommandArgument.ToString();
        switch(arg)
        {
        case "next":
        if (MyDataGrid.CurrentPageIndex <(MyDataGrid.PageCount - 1)) <br >         {
        MyDataGrid.CurrentPageIndex += 1;
        }
        break;
        case "prev":
        if (MyDataGrid.CurrentPageIndex >0)
        {
        MyDataGrid.CurrentPageIndex -= 1;
        }
        break;
        case "last":
        MyDataGrid.CurrentPageIndex = (MyDataGrid.PageCount - 1);
        break;
        default:
        MyDataGrid.CurrentPageIndex = System.Convert.ToInt32(arg);
        break;
        }
        BindGrid();
        ShowStats();
        } 

 
地狱狼
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
(原创)代码分析－DataGrid实现增删（带提示）改和分页
02-25 1万+
或许大家会说，网上已经很多类似文章了，包括孟子的，为什么要再写一次？我想我们不仅仅要会实现，更多的是需要理解。下面先帖出代码，再分析一下其中的一些关键代码。数据库表名:tb1，其中有3个字段，分别是ID自增的主键、vName varchar(50)、iAge int（以下代码没有做任何错误捕获处理）前台...@ Page language="c#" Codebehind="WebForm5.asp
关于datagrid的使用以及动态修改，以及使用存储过程的介绍
萝卜青菜
09-25 2098
1.关于Datagrid,Datalist等数据绑定控件由于vs.net是Codebehind的， 而quickstart 上的例子是代码与页面混合的，所以许多朋友有些疑惑。特别是有关template中如何触发事件的问题。是这样，许多server control都有一个commandname属性就是在.aspx中设置你那个edit的commandname，在.cs中用e.CommandName 得
DataGrid/DataList, 你会用了吗?
weixin_34019144的博客
07-30 277
DataGrid/DataList, 你会用了吗? By icyer from CSDN  很久以前就想写一些关于DataGrid/DataList的东西，但是一直以来，一方面自感所学未深，另一方面，总觉无从下笔，一拖再拖，离刚开始的念头已距一年有余。DataGrid/DataList在ASP.NET中的重要性，想必就不用我再强调了，凡显示Table类型的数据，大多会使用这两个控件(当然...
GridView commandname
似水流年
08-08 4436
1 在asp.net2.0中，当需要在GridView的ItemDataBound之类的事件中需要获取当前行的一些关联性的数据值,但这些数据值又不能直接体现在GridView的列中显示出来，这时可以采用DataKeyNames的方式来获取此类数据，看下面的代码示例： Code //前台代码： '> //其中：Grup为我们想使用但不需要显示的列。（如果有多个字段，使用逗号分开）
DataGrid使用心得(调用及连接数据库等等)
10-27
在工作中遇到把DataGrid中绑定的后台数据库数据展示给用户时把负数变为0的小问题,现在把它记录下来包括DataGrid的调用/连接数据库进行操作等等,感兴趣的朋友可以了解下，或许本新得对你有所帮助
DataGrid使用心得
03-31
### DataGrid 使用心得详解 DataGrid 是一种非常实用的组件，用于在网页上展示和编辑数据。本篇文章将深入解析如何高效地利用 DataGrid，并针对其样式设置、列定义及模板化等方面进行详细阐述。 #### 一、DataGrid...
详解jquery easyui之datagrid使用参考
10-20
接着，我们可以编写 JavaScript 代码来初始化 `datagrid`： ```javascript $('#magazineGrid').datagrid({ height: 340, // 设置高度 url: 'url', // 数据源URL method: 'POST', // 请求方式 queryParams: { '...
VC++使用MsDataGrid示例代码
09-13
在给定的标题和描述中，我们看到"VC++使用MsDataGrid示例代码"，这表明这是一个关于如何在VC++项目中集成和使用`MsDataGrid`控件的教程或实例。 首先，让我们逐一分析提供的文件名，以理解这些文件可能包含的内容：...
WPF datagrid foot合计行源代码
09-24
在处理大量数据时，为了提供便捷的数据汇总功能，开发人员常常需要实现`DataGrid`的脚合计行。标题“WPF datagrid foot合计行源代码”所涉及的知识点就是如何在`DataGrid`底部添加并计算总计的代码实现。 在描述中...
datagrid commandname
yao520的专栏
04-14 1406
问：为什么我换成别的名字就不能用了？______________________________________________________________________________________________答1：不是阿，应该可以的，不过你要这样用了    Private Sub AccidentDataGrid_ItemCommand(ByVal source As Object
easyui1.4.1下的表格easyui-datagrid
rzrenyu的博客
07-04 1492
java技术框架springMVC 1.前台jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <table class="easyui-datagrid" id="roleList" title="岗位列表" data-options="singleSelec
Datagrid的应用
hulufeng1203的专栏
02-17 538
单元格的合并： columns:[[         {field:'examId',title:'批次',width:150,align:'center',rowspan:2,          //添加超级链          formatter:function(value,rowData,rowIndex){             //function里面的三个参数代表当前字段值，当前
在DataGrid中使用itemRender和itemEditor，综合应用一例
weixin_30872867的博客
09-24 119
功能描述 在DataGrid中，综合使用一些组件，包括RadioButtonGroup、checkbox、ComboBox等 技术点说明 itemRender和itemEditor的用法 renderIsEditor = true，可以始终显示Editor 将多种不同格式的日期字符串使用正则表达式转换成日期类型，默认不能直接将yyyy-mm-dd...
DataGrid应用的一个实例
xiaoling9的专栏
08-30 850
1.最后的实现图页面代码 OnLineList.ascx                                                                                                              &nb
EasyUI使用详解：linkbutton、datagrid与treegrid的实践
"这篇文档主要介绍了EasyUI的使用技巧，涵盖了linkbutton、menubutton、datagrid、treegrid、combobox、updateRow、tree的汉化以及构建tree等多个方面，提供了详细的代码示例和解析方法。" EasyUI是一个基于jQuery...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值