復制代碼 代碼如下:

<je:Repeater runat="server"
FilterField="<子視圖搜索字段>">
</je:Repeater>
<je:Repeater runat="server"
FilterField="['url']"
FillAsync-Url="webservice.asmx"
FillAsync-MethodName="GetGooglePicture">
<ItemTemplate>
<div>
<span>#{url}</span>
<br />
<br />
#{picture}
</div>
</ItemTemplate>
</je:Repeater>

復制代碼 代碼如下:

[WebMethod]
public SortedDictionary<string, object> GetGooglePicture ( string url )
{
// 返回 JSON
}

復制代碼 代碼如下:

// je-<javascript 事件名>="shiftview,'<子視圖 ID>'[,<子視圖搜索字段值n>]"
<div>
<je:Repeater runat="server"
Selector="'#list'" PageSize="2" IsVariable="true"
FillAsync-Url="webservice.asmx"
FillAsync-MethodName="SearchGoogle">
<ItemTemplate>
<div>
<div
je-button="label='更多';"
je-onclick="shiftview,'pictureRepeater','#{url}'">
</div>
<div je-id="pictureRepeater">
</div>
</div>
</ItemTemplate>
</je:Repeater>
</div>

復制代碼 代碼如下:

// je-id="<子視圖 ID>"
<ItemTemplate>
<div>
<div je-id="pictureRepeater">
</div>
</div>
</ItemTemplate>

JQueryElement 是開源共享的代碼, 可以在 頁面下載 dll 或者是源代碼.

實際過程演示: , 建議全屏觀看.

歡迎訪問 panzer 開源項目, , 其中包含了 IEBrowser 控制 WebBrowser 執行各種 js 和 jQuery 腳本以及錄制功能 和 jQueryUI 的 Asp.net 控件 JQueryElement.