如有不懂的问题，请通读30分钟掌握复读机，无需刷新。示例代码下载： http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar本文将详细解释如何在Repeater控件中使用小程序。以下目录： *准备*定义小程序的示例*切换小程序状态*定义小程序容器： 的示例图片。

请参考http://code . Google.com/p/zsharedcode/wiki/jqueryelementrepeater文档中的准备工作。定义中继器中显示的子视图示例的中继器称为子视图，每个子视图都是子视图示例的副本。并根据情况显示不同的数据。子视图样本的定义没有什么特别的。例如，复制代码如下： je 3360 repeater ID=' Subview ID ' runat=' server ' filter Field=' Subview Search Field '/je : repeater je : repeater ID=' pictureRepeater ' runat=' server ' filter Field='[' Url ']' fill async-Url=' web service . asmx ' fill async-method name=' GetGooglePicture ' item template div span class=' Url ' # { Url }/等在上面的代码中，我们添加了url作为条件。那么后台返回数据的代码可以写成：复制代码如下：【web方法】公共排序字典字符串，对象getgooglepicture(字符串URL){//返回JSON}因为只返回一行数据，所以不需要增加pageindex和pagesize参数。关于如何返回JSON，请参考使用ASP.NET通用处理程序或WebService返回JSON。在这个例子中，所有的代码都写在。NET 4.0。切换子视图状态。如果需要在Repeater、And open中控制子视图切换，可以使用三个功能：shiftview、collapseview和expandview。例如，复制代码如下： //je-javascript事件名称='shiftview '，' applet ID'[，Child view搜索字段值n]' div ID=' list ' je : repeater ID=' Google repeater ' runat=' server '选择器=' ' # list ' ' page size=' 2 ' is variable=' true ' fill async-URL=' web service . asmx ' fill async-method name=' search Google ' item template div class=' picture ' div je-button='je-onclick='shiftview '，' PictureRelayer '，' # { URL } ' '/div je-id=' PictureRelayer ' style=' display : none；'/div/div/item template/je : Repeater/div以shiftview为例。第一个参数是子视图的ID，后续参数是搜索子视图数据的条件。在该示例中，字段url用作参数。它对应于子视图示例FilterField属性中的url。如果有更多的条件，只需继续以与子视图示例FilterField属性中的条件相同的顺序添加它们。expandview方法类似于shiftview，但不同的expandview是打开子视图。而shiftview切换子视图的打开状态。collapseview方法关闭子视图，不传递条件。默认情况下，第一次打开子视图时，会自动调用fill方法填充数据，后续打开会显示已有数据，不会刷新。除了定义子视图示例、定义子视图容器之外，还需要在线模板中定义子视图容器。在刚才的代码中，有这样一个：复制代码如下： //je-id='子视图id ' item template div class=' picture ' div je-id=' picture repeater ' style=' display : none；'/div /div /ItemTemplate被je-ID绑定为子视图ID，即元素可以被绑定为子视图的容器，子视图将显示在目标容器中。默认情况下，子视图是关闭的，因此style=' display: none'在法典中被采用。使applet容器在开始时隐藏。JQueryElement是开源共享代码。你可以在http://code.google.com/p/zsharedcode/wiki/Download网页上下载dll或源代码。实际过程演示：http://www.tudou.com/programs/view/uVx2BBMHgOQ/,建议全屏观看。欢迎来到http://zsharedcode.googlecode.com/,的panzer开源项目，该项目包含Asp.net控件JQueryElement，它控制IEBrowser执行各种js和jQuery脚本，记录函数和jQueryUI。