知识大全 十天学会ASP.net之第八天

Posted

篇首语:不飞则已,一飞冲天;不鸣则已,一鸣惊人。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 十天学会ASP.net之第八天相关的知识,希望对你有一定的参考价值。

十天学会ASP.net之第八天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  学习目的 初步掌握DATAGRID的使用

  以前在ASP中 我们显示大批量数据经常使用循环读取记录集的方式 在表格中插入代码来显示 循环的是<tr> 如果是分页还需要自己制作 如果排序更加复杂 在ASP NET中就好了 一切工作都可以让DATAGRID来做

  首先看一下DATAGRID的样式方面的属性  BackImageUrl= 背景图片  CellSpacing= 单元格间距  CellPadding= 单元格填充  cssClass= 使用的CSS样式

  DATAGRID可以自动用表中的字段名放在显示的记录的头部来表示各个单元格所代表的意义 用ShowHeader= true/false 来控制是不是显示 在大多数情况下我们是不需要这个功能的 因为我们数据库中的字段名大多是英文的 而我们想在页面输出的大多是中文名字

  下面看一下显示数据库内所有记录 就几行代码

  <script runat= server language= c# >  void Page_Load()     string strConnection= Provider=Microsoft Jet OleDb ;Data Source= ;   strConnection+=Server MapPath( guestbook mdb );   OleDbConnection objConnection=new OleDbConnection(strConnection);   OleDbCommand objCommand = new OleDbCommand( select * from guestbook objConnection);   objConnection Open();   dgrdMain DataSource=objCommand ExecuteReader();//dgrdMain就是下面的DATAGRID的ID   dgrdMain DataBind();   objConnection Close();    </script>  <>  <body>   <asp:DataGrid   id= dgrdMain   cellpadding=   showheader= true   borderwidth=   runat= server   />   </body>  </>

  至于VB的版本 这次大家自己来试试吧  假设数据库是三个字段 id aa bb   显示的样子就如下

  id aa bb    werwe rewrwe    werwe rewrwe

   我们一定觉得这种显示不满意 我们有两种显示的方式(需要包括在<columns></columns>中间)

  一 默认的列 我们可以选择不输出所有的字段还可以安排顺序   <asp:BoundColumn DataField= 想要显示的字段名 >    比如说我们想按照bb aa来输出这个表 我们这么写

  <asp:DataGrid   id= dgrdMain   cellpadding=   showheader= true   autogeneratecolumns= false   borderwidth=   runat= server >  <columns>  <asp:boundcolumn datafield= bb />  <asp:boundcolumn datafield= bb />  </columns>  </asp:datagrid>

  注意使用了autogeneratecolumns= false 以后DATAGRID就不会自动输出所有字段了

  二 以模板列 我们可以定制每一个单元格的样式   <asp:TemplateColumn>  <itemTemplate>  中间是一个表格 想怎么样就怎么样  </itemTemplate>  </asp:DataGrid>   或许你们要说怎么在表格中输出代码那 可以使用<%# DataBinder Eval(Container DataItem 字段名 ) ToString()%>下面看一个例子 我们所要做的就是把aa bb两个字段放在一个单元格内显示 就好像下面一样

   werwe  rewrwe     werwe  rewrwe 

  我们这样写代码   <asp:DataGrid   id= dgrdMain   cellpadding=   showheader= false   autogeneratecolumns= false   borderwidth=   runat= server >  <columns>  <asp:boundcolumn datafield= ii /> 首先使用默认的显示方式显示ID  <asp:TemplateColumn> 再使用模板来显示后面一列(由AA BB并列组成)  <itemTemplate>  <table border= cellspacing= cellpadding= width= % >  <tr>  <td><%# Container DataItem( aa )%></td>  </tr>  <tr>  <td><%# Container DataItem( bb )%></td>  </tr>  </table>   </itemTemplate>  </asp:DataGrid>   </columns>  </asp:datagrid>

cha138/Article/program/net/201311/14711

相关参考

知识大全 十天学会ASP.net之第七天

十天学会ASP.net之第七天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的学会添加删

知识大全 十天学会ASP.net之第六天

十天学会ASP.net之第六天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的学会读取数

知识大全 十天学会ASP.net之第五天

十天学会ASP.net之第五天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的学会连接两

知识大全 十天学会ASP.net之第九天

十天学会ASP.net之第九天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的学会用DA

知识大全 十天学会ASP.net之第一天

十天学会ASP.net之第一天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  我认为ASPNET

知识大全 十天学会ASP.net之第四天

十天学会ASP.net之第四天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的掌握WEB

知识大全 十天学会ASP.net之第三天

十天学会ASP.net之第三天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的掌握WEB

知识大全 十天学会ASP.net之第二天

十天学会ASP.net之第二天  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  学习目的掌握C#的

知识大全 八天学会ASP.net(8)

八天学会ASP.net(8)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  第八天  学习目的学

知识大全 八天学会ASP.net(2)

八天学会ASP.net(2)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  第二天  学习目的掌