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

最新推荐文章于 2022-08-21 18:55:51 发布
最新推荐文章于 2022-08-21 18:55:51 发布
阅读量396 收藏
点赞数
分类专栏： asp.net

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

    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>
                  <asp:label
                       text=<%# databinder.eval(container.dataitem, "tax") %>
                       runat="server"/>
               </itemtemplate>

               <edititemtemplate>

                  <asp:checkbox
                       text="taxable"
                       runat="server"/>

               </edititemtemplate>

               <footertemplate>
                  <asp:hyperlink id="hyperlink1"
                       text="microsoft"
                       navigateurl="http://www.microsoft.com"
                       runat="server"/>
               </footertemplate>

            </asp:templatecolumn>
 (3) 为布尔型列应用模板列
  <asp:templatecolumn>
         <itemtemplate>
             <asp:label
                  text=<%# databinder.eval(container.dataitem, "tax") %>
                     runat="server"/>
            </itemtemplate>
            <edititemtemplate>
             <asp:checkbox
                  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 控件添加按钮列
 
 <asp:buttoncolumn
        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>
          <asp:linkbutton id="btnfirst" οnclick="pagerbuttonclick" runat="server" font-name="verdana"
           font-size="8pt" forecolor="navy" commandargument="0"></asp:linkbutton>
          <asp:linkbutton id="btnprev" οnclick="pagerbuttonclick" runat="server" font-name="verdana"
           font-size="8pt" forecolor="navy" commandargument="prev"></asp:linkbutton>
          <asp:linkbutton id="btnnext" οnclick="pagerbuttonclick" runat="server" font-name="verdana"
           font-size="8pt" forecolor="navy" commandargument="next"></asp:linkbutton>
          <asp:linkbutton id="btnlast" οnclick="pagerbuttonclick" runat="server" font-name="verdana"
           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))
              {
               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();
        }

zhongshan_c
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DataGrid使用心得(调用及连接数据库等等)
10-27
在工作中遇到把DataGrid中绑定的后台数据库数据展示给用户时把负数变为0的小问题,现在把它记录下来包括DataGrid的调用/连接数据库进行操作等等,感兴趣的朋友可以了解下，或许本新得对你有所帮助
DataGrid详解(1)(c#)
网站开发初中级代码参考-转载
07-14 250
数据访问是任何实际应用程序的核心部分，而 ASP.NET 提供了一套丰富的控件，这些控件与公共语言运行库中提供的托管数据访问 API 很好地集成在一起。从今天开始我们就来学习DataGrid数据控件的使用。　　为了使页能够访问执行 SQL 数据访问所需的类，必须将 System.Data 和 System.Data.SqlClient 命名空间导入到页中。 &lt;%@ Import Namesp...
DataGrid控件（一）
itzhiren的专栏
06-01 1193
因为是刚开始学asp.net，最主要的是因为工作的原因，现在还不使用asp.net来开发软件，所以学习时间就相对少了一些，学起来也比较慢，再加上我这个人奇笨，所以就有了下面这篇文章。捧着一本asp.net的书啃了半天，看到介绍DataGrid控件的时候，禁不住想做个小程序试试。书上给了两个例子，一个是自动生成列的，另外一个是手动生成列的，我选择手动生成列。代码如下：  
Datagrid整体介绍
注重长远 天天积累 cqujsjcyj
08-17 473
  转自：http://apps.hi.baidu.com/share/detail/14674404   Datagrid整体介绍： Datagrid类似于数据库的表格，记录集由行集(items)和列集(columns)组成，行集由多个datagridColumn组成，列集由多个datagriditem组成。 工作原理：1.dataset取得数据，2.指定datagrid的数据源为da...
GridView中设置数据格式总结
№悟◇
01-18 2793
DataGrid-数据格式设置表达式 数据格式设置表达式 .NET Framework 格式设置表达式，它在数据显示在列中之前先应用于数据。此表达式由可选静态文本和用以下格式表示的格式说明符组成： {0:format specifier}0 是参数索引，它指示列中要格式化的数据元素；因此，通常用零来指示第一个（且唯一的）元素。format specifier 前面有一个冒号 (:)
DataGrid1导出数据到表格中去
aoqiechui9516的博客
11-12 90
// 导出数据 public static void ToExcel(System.Web.UI.WebControls.DataGrid DataGrid1, string StrFileName, string StrTitle, string StrHead) { System.IO.StringWriter ...
DataGrid使用心得
03-31
DataGrid使用心得DataGrid使用心得DataGrid使用心得DataGrid使用心得DataGrid使用心得DataGrid使用心得
详解jquery easyui之datagrid使用参考
10-20
jQuery EasyUI是一个轻量级的Web前端开发框架,提供了很多的现成组件，本篇文章主要介绍了jquery easyui之datagrid使用参考，有兴趣的可以了解一下。
VC++使用MsDataGrid示例代码
09-13
VC++使用MsDataGrid示例代码
详解datagrid使用方法（重要）
01-18
1、将静态HTML渲染为datagrid样式 <!-- 方式一：将静态HTML渲染为datagrid样式 -->... <table class=easyui-datagrid> 编号 姓名 年龄 <td>001</td>
DataGrid一个综合的例子
07-02
DataGrid一个综合的例子 DataGrid一个综合的例子 DataGrid一个综合的例子 DataGrid一个综合的例子
datagrid简单使用示例
09-22
对jquery easyui 中datagrid的简单使用，结合servlet，简单易懂
VC DataGrid控件使用总结
bcbobo21cn的专栏
04-01 3726
MS CDataGrid控件用法详解 本文示例源代码或素材下载 。DataGrid控件是VC方便地用来显示数据的一个极好的网格控件，我不否认网上还有期它不少优秀的网格控件，但我总喜欢使用微软自已的东西 。除非它满足不了我的需要。不是我太依赖Microsoft，你想想，如果你最常用的开发工具是VC，VC是微软的主打开发工具，它与Ｗindows系统的兼容性极好，连它的控件也不例外，你为何不
DATAGRID1自定义分页
weixin_30289831的博客
01-16 92
前台 htmlTR bgColor="#ffffff"></TR>&nbsp; <TD></TD><?xml:namespace prefix = asp /><asp:datagrid id=DataGrid1 BorderColor="#73D1E9" AllowCustomPaging="True" OnPageInd...
新手入门WPF之DataGrid控件（一）
weixin_45650894的博客
08-21 2969
DataGrid简单应用
DataGrid1_ItemDataBound
蓝剑
04-06 1887
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebContr
DataGrid-1
weixin_30613343的博客
01-27 75
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library...
DataGrid1 双向排序
weixin_30267785的博客
12-28 70
private void Page_Load(object sender, System.EventArgs e){if(!IsPostBack){ //设置排序表达式 VeiwState["SortOrder"]="LastName";//设置排序的升顺序VeiwState["OrderDire"]="ASC";...
wpf中datagrid和excel绑定的代码
最新发布
03-26
以下是WPF中DataGrid和Excel绑定的代码示例。 首先，需要在XAML文件中添加DataGrid控件： ```xml <DataGrid x:Name="myDataGrid" ItemsSource="{Binding}"> <DataGrid.Columns> 姓名" Binding="{Binding Name}" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值