文章/答案/技术大牛

发布

社区首页 >问答首页 >在jquery thickbox中使用内联内容

问在jquery thickbox中使用内联内容
EN

Stack Overflow用户

提问于 2013-05-10 13:37:22

回答 1查看 765关注 0票数 0

我使用JQuery ThickBox 3.1，下面是我的代码

  <telerik:RadListView runat="server" ID="myDataList" AllowPaging="true"  
   DataKeyNames="id" ItemPlaceholderID="PlaceHolder1"  
   NeedDataSource="list_DataRebind">
        <LayoutTemplate>
            <div class="sushibar">
                <asp:Panel ID="SushiPanel" runat="server">
                    <div class="sushi">
                        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
                    </div>
                    <telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="4" PagedControlID="myDataList">
                        <Fields>
                            <telerik:RadDataPagerButtonField />
                            <telerik:RadDataPagerPageSizeField />
                            <telerik:RadDataPagerSliderField />
                        </Fields>
                    </telerik:RadDataPager>
                </asp:Panel>
            </div>
        </LayoutTemplate>
        <ItemTemplate>
            <div class="imageDiv">
                <span style="margin-bottom: 5px; display: block; color: #FF6600; font-weight: bold;">
                    <%#Eval("Title") %></span>
                <br />
                <a href='<%#Eval("ImagePath")%>' title='<%#Eval("Title")%>' class="thickbox" >
                    <img src='<%#Eval("ImagePath")%>' alt="Single Image" width="150px" height="200px" /></a></div>
        </ItemTemplate>
    </telerik:RadListView>

弹出框与图像和标题显示正确，但我有另一个字段(<%#Eval("Description")%>)来显示它！

我发现了如何在Thickbox中显示内联内容，

<input alt="#TB_inline?height=300&width=400&inlineId=myOnPageContent" title="add a  
 caption to title attribute / or leave blank" class="thickbox" type="button"     value="Show" />
<a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true"  
class="thickbox">Show hidden modal content.</a>

但我不知道如何在ListView中使用它！

listview

telerik

thickbox

asp.net

回答 1

Stack Overflow用户

发布于 2013-05-10 14:39:38

:D，我找到答案了！只需将内容(图片+描述)放入隐藏分区(使用Display:none设置样式)，并将此div id设置为inlineId。

        <ItemTemplate>
            <div class="imageDiv">
                <span style="margin-bottom: 5px; display: block; color: #FF6600; font-weight: bold;">
                    <%#Eval("Title") %></span>
                <br />
                <div id="popUpRegion" style="display: none">
                    <img src='<%#Eval("ImagePath")%>' alt="Single Image"  width="500px" height="600px" />
                    <p>
                        <%#Eval("Description")%></p>
                </div>
                <a href="#TB_inline?height=800&width=600&inlineId=popUpRegion" title='<%#Eval("Title")%>'
                    class="thickbox">
                    <img src='<%#Eval("ImagePath")%>' alt="Single Image" width="150px" height="200px" /></a></div>
        </ItemTemplate>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16475848

复制

相似问题

问在jquery thickbox中使用内联内容
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery thickbox中使用内联内容EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery thickbox中使用内联内容
EN