0

我在包含列表视图和数据分页器的内容页面中编写了以下代码

    <asp:Content ID="content2" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="../js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.js" type="text/javascript"></script>

    <script src='<%=ResolveClientUrl("~/js/fancybox/jquery.fancybox-1.3.4.js")%>' type="text/javascript"></script>

    <script src='<%=ResolveClientUrl("~/js/fancybox/jquery.easing-1.3.pack.js")%>' type="text/javascript"></script>

    <script src='<%=ResolveClientUrl("~/js/fancybox/jquery.mousewheel-3.0.4.pack.js")%>'type="text/javascript"></script>

    <script type="text/javascript"> 
     $(document).ready(function () { 
   $(".fancyYoutube").fancybox({ 
             'transitionIn': 'elastic',
             'transitionOut': 'fade',
             'width': 680,
             'height': 495,
             'type': 'swf'
             }); 
            });
    </script>
</asp:Content>

这很好用..但是当我进行分页时,编写的代码不起作用。

我可以看到在 Visual Studio 中创建了一个文件“Jscript-window 脚本块”。和编写的代码

__doPostBack('ctl00$BodyContent$lvEnglishMovieList$dpgGallery$ctl01$ctl01','')

这是什么意思??

4

3 回答 3

2

问题解决了。

<script type="text/javascript">
    $(document).ready(function () {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(showtrailer);
        showtrailer();
    });
    function showtrailer() {
        $(".fancyYoutube").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'fade',
            'width': 680,
            'height': 495,
            'type': 'swf'
        });
    }
</script>

我的列表视图位于更新面板内,因为我必须编写这些代码。从 asp.net 论坛获得帮助,链接在 这里

于 2011-05-19T14:37:15.233 回答
1

如果您的分页是异步的,则不会捕获新获取的 DOM 元素,$(".fancyYoutube")因为它仅在 DOMready 上运行一次。您可以使用该.delegate()方法创建一个更通用的事件处理程序,以处理动态添加的元素。

编辑

事实上,再看一遍,该.delegate()方法可能行不通,因为该.fancybox()函数不是事件。在这种情况下,您应该找到在分页完成时执行的回调函数(这将是获取新 AJAX 响应并将其注入 DOM 的函数),然后再次调用.fancybox(),传入 AJAX 响应 HTML。

你能发布你的分页代码吗?我可能可以更清楚地帮助你!

于 2011-05-18T11:13:24.920 回答
0

对象数据源代码

<asp:ObjectDataSource ID="ObjHindiList" runat="server" SelectMethod="GetAllList"
                TypeName="Movie.Repositories.MovieDetailRepository" 
                OldValuesParameterFormatString="original_{0}">
                <SelectParameters>
                    <asp:Parameter DefaultValue="Hindi" Name="movielanguage" Type="String" />
                </SelectParameters>
            </asp:ObjectDataSource>

现在 listview 代码与 datapager 在它。

<asp:ListView ID="ListView1" DataKeyNames="MovieId" runat="server" 
                DataSourceID="ObjHindiMovieList" onitemcreated="ListView1_ItemCreated" 
                onitemdatabound="ListView1_ItemDataBound" EnableViewState="false">
                <LayoutTemplate>
                    <table class="AllMovieList">
                        <tbody class="tablebody">
                            <tr id="itemplaceholder" runat="server" class="trd">
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="2">
                                    <div class="CustomDataPager">
                                        <asp:DataPager ID="dpgGallery" PagedControlID="ListView1" runat="server" PageSize="10">
                                            <Fields>
                                                <asp:NextPreviousPagerField ButtonCssClass="command" FirstPageText="« Previous" PreviousPageText="« Previous"
                                                    RenderDisabledButtonsAsLabels="false" ShowFirstPageButton="false" ShowPreviousPageButton="true"
                                                    ShowLastPageButton="false" ShowNextPageButton="false" RenderNonBreakingSpacesBetweenControls="False" />
                                                <asp:NumericPagerField CurrentPageLabelCssClass="current" NextPreviousButtonCssClass="next"
                                                    RenderNonBreakingSpacesBetweenControls="False" />
                                                <asp:NextPreviousPagerField ButtonCssClass="command" LastPageText="›" NextPageText="Next »"
                                                    RenderDisabledButtonsAsLabels="false" ShowFirstPageButton="false" ShowPreviousPageButton="false"
                                                    ShowLastPageButton="false" ShowNextPageButton="true" RenderNonBreakingSpacesBetweenControls="False" />
                                            </Fields>
                                        </asp:DataPager>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </LayoutTemplate>
                <ItemTemplate>
                    <tr class="trd">
                        <td valign="top" style="width: 100px">
                            <asp:Image ID="Image1" ImageUrl='<%#Eval("MovieThumbNailImageUrl")%>' runat="server" />
                        </td>
                        <td valign="top" style="width: 600px">
                            <table class="InnerList">
                                <tr class="InnerTrRow">
                                    <td colspan="2">
                                        <div style="float: left">
                                            <asp:Label ID="lblmovieName" runat="server" Text='<%#Eval("MovieName")%>'></asp:Label>
                                        </div>
                                        <div style="float: right">
                                            <asp:Label ID="lbldate" runat="server" Text='<%#Eval("ReleaseDate","{0:dd-MMM-yy}")%>'></asp:Label>
                                        </div>
                                    </td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2">
                                        <asp:LinkButton CssClass="linkbutton" ID="lnkabout" runat="server" OnClick="lnkabout_Click" Text="About Movie"></asp:LinkButton>&nbsp|
                                        <asp:LinkButton CssClass="linkbutton" ID="lnkGallery" runat="server" Text="Photos"></asp:LinkButton>&nbsp|
                                        <a class="fancyYoutube" href='<%#Eval("TrailerUrl") %>'>View Trailer</a>
                                    </td>
                                </tr>
                                <tr valign="top">
                                    <td>
                                        <b>Director</b>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblDirector" runat="server" Text='<%#Eval("Director") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <b>Producer</b>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("Producer") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr valign="top">
                                    <td>
                                        <b>Staring</b>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblstarring" runat="server" Text='<%#Eval("Cast") %>'></asp:Label>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </ItemTemplate>
                <ItemSeparatorTemplate>
                    <tr style="width: 600px">
                        <td colspan="2">
                            <div style="border-top: solid 1px #FFF; width: 100%">
                            </div>
                        </td>
                    </tr>
                </ItemSeparatorTemplate>
            </asp:ListView>

在后面的代码中,我没有为分页写任何东西。

于 2011-05-18T18:33:52.080 回答