学习PetShop3.03)查询及simplePager控件

1.Serach功能

自定义控件NavBar.ascx中有个form申明成get方法,自动将input输入的加入到查询字符串后。actionsearch.aspxform里有一个链接,点击转到页面search..aspxsearch..aspx包含一个自定义控件simplePager.ascxsimplePager.ascx初始化时调用OnLoad事件,OnLoad事件调用SetPage方法,触发simplePager.ascx中重写的OnPageIndexChanged事件,就是这一次访问数据库,把所有符合条件的数据都查询出来,然后利用分页,显示部分数据。

search..aspx页面上定义OnPageIndexChanged事件的接收方法。有两种定义方法:在search..aspxsimplePager.ascx控件中定义OnPageIndexChanged事件,或者在search..aspx.cs中定义PageChanged事件。

在这里微软利用cache来改进查询功能。利用生成的查询字符串作为cachekey,查询结果作为查询结果。


    剩下的事情就都交给simplePager.ascx控件来完成了。


2.simplePager.ascx
together导出的类图


    分页功能主要是在OnDataBinding方法中完成。当页面执行绑定时,触发simplePageOnDataBinding事件。第一次取出所有的数据,然后根据
CurrentPageIndex(当前页),pageSize(每页显示的行数10),ItemCount(总的数据行数),进行分页。然后调用base类,RepeaterOnDataBinding事件,完成数据的绑定。执行流程如下: OnLoad>SetPage>OnPageIndexChanged>OnDataBinding>Render


    第2个主要要分析的方法是Render。在search.aspx中看到页面写的非常不规范,如下:

学习PetShop3.0(3)查询及simplePager控件<headertemplate>
学习PetShop3.0(3)查询及simplePager控件        
<table id="data" cellpadding="0" cellspacing="0">
学习PetShop3.0(3)查询及simplePager控件            
<TBODY>
学习PetShop3.0(3)查询及simplePager控件
<tr class="gridHead">
学习PetShop3.0(3)查询及simplePager控件                
<td>Product ID</td>
学习PetShop3.0(3)查询及simplePager控件                
<td>Name</td>
学习PetShop3.0(3)查询及simplePager控件                
<td>Description</td>
学习PetShop3.0(3)查询及simplePager控件            
</tr>
学习PetShop3.0(3)查询及simplePager控件    
</headertemplate>
学习PetShop3.0(3)查询及simplePager控件    
<itemtemplate>
学习PetShop3.0(3)查询及simplePager控件            
<tr class="gridItem">


    标签没有闭合,甚至有交叉。其实这样写,是为了和simplePageRender方法writehtml和成一个tableRender的主要代码如下:

学习PetShop3.0(3)查询及simplePager控件// Write out the first part of the control, the table header
学习PetShop3.0(3)查询及simplePager控件
writer.Write(“<table id='simplepage'cellpadding=0 cellspacing=0><tr><td colspan=2>”);
学习PetShop3.0(3)查询及simplePager控件    
base.Render(writer);
学习PetShop3.0(3)查询及simplePager控件    
// Write out a table row closure
学习PetShop3.0(3)查询及simplePager控件
    writer.Write(“</td></tr><tr class=gridNav><td>”);
学习PetShop3.0(3)查询及simplePager控件    
// previous buttons are required
学习PetShop3.0(3)查询及simplePager控件
    ……
学习PetShop3.0(3)查询及simplePager控件    
// next buttons are required    
学习PetShop3.0(3)查询及simplePager控件
    writer.Write(</td><td align=right>);
学习PetShop3.0(3)查询及simplePager控件    
//Close the table
学习PetShop3.0(3)查询及simplePager控件
    writer.Write("</td></tr></table>");
学习PetShop3.0(3)查询及simplePager控件


    绑定后的数据输出主要是在base.Render(writer)这句话。调用的RepeaterRender。注意红色处修改后的代码,可以在稍后的html代码中看到它们出现在各自颜色对应的位置,代码中也没有出现交叉和未闭合的标签。还可以发现其实由后台代码的writer的产生的html代码是写在页面直接生成的html 代码后面的。

学习PetShop3.0(3)查询及simplePager控件<table id=' simplepage 'cellpadding=0 cellspacing=0>
学习PetShop3.0(3)查询及simplePager控件
<tr>
学习PetShop3.0(3)查询及simplePager控件
<td colspan=2>
学习PetShop3.0(3)查询及simplePager控件                
<table id="data" cellpadding="0" cellspacing="0">
学习PetShop3.0(3)查询及simplePager控件                
<TBODY>    
学习PetShop3.0(3)查询及simplePager控件
<tr class="gridHead">
学习PetShop3.0(3)查询及simplePager控件                        
<td>Product ID</td>
学习PetShop3.0(3)查询及simplePager控件                        
<td>Name</td>
学习PetShop3.0(3)查询及simplePager控件                        
<td>Description</td>
学习PetShop3.0(3)查询及simplePager控件                    
</tr>
学习PetShop3.0(3)查询及simplePager控件                    
<tr class="gridItem">
学习PetShop3.0(3)查询及simplePager控件                        
<td>FI-FW-01</td>
学习PetShop3.0(3)查询及simplePager控件                            
<td><href='Items.aspx?productId=FI-FW-01'>Koi</a></td>
学习PetShop3.0(3)查询及simplePager控件                            
<td><img align="absmiddle" src="Images/Pets/fish3.jpg">Freshwater fish from Japan</td>
学习PetShop3.0(3)查询及simplePager控件                    
</tr>
学习PetShop3.0(3)查询及simplePager控件                    ……
学习PetShop3.0(3)查询及simplePager控件                
</TBODY>
学习PetShop3.0(3)查询及simplePager控件
</table>
学习PetShop3.0(3)查询及simplePager控件
</td>
学习PetShop3.0(3)查询及simplePager控件
</tr>
学习PetShop3.0(3)查询及simplePager控件
<tr class=gridNav>
学习PetShop3.0(3)查询及simplePager控件
<td>// next buttons are required </td>
学习PetShop3.0(3)查询及simplePager控件
<td align=right>// previous buttons are required </td>
学习PetShop3.0(3)查询及simplePager控件
</tr>
学习PetShop3.0(3)查询及simplePager控件
</table></p>
学习PetShop3.0(3)查询及simplePager控件

相关文章:

  • 2022-12-23
  • 2021-08-20
  • 2021-12-29
  • 2022-12-23
  • 2022-12-23
  • 2021-10-11
  • 2021-11-21
  • 2022-01-22
猜你喜欢
  • 2022-12-23
  • 2021-10-25
  • 2021-12-05
  • 2021-10-15
  • 2021-10-10
  • 2022-12-23
  • 2021-09-17
相关资源
相似解决方案