2017-02-10 59 views
0

我正在研究視頻門戶應用程序,我使用html模板進行設計。我用asp:Repeater控制顯示所有的視頻圖像。點擊特定圖片後,該頁面將重定向到視頻詳情頁面。 這裏是我的html代碼,如何在中繼器中傳遞超鏈接navigateUrl中的參數

<asp:Repeater ID="rp_videos" runat="server"> 
    <ItemTemplate> 
     <div class="col-md-4 col-sm-6 small-grid"> 
      <div class="vid-img-holder wow pulse" data-wow-duration="1s"> 
       <div class="top-shadow"> 
        <span>'<%# Eval("time_before") %>'</span> 
        <span>From <a href="https://www.youtube.com/"><i class="fa fa-youtube-play"></i></a></span> 
        <span><i class="fa fa-eye"></i>'<%# Eval("views") %>'</span> 
       </div> 
       <asp:HyperLink ID="hl_video_img" runat="server" NavigateUrl="~/Views/VideoDetail.aspx"> 
        <asp:HiddenField ID="hf_file" runat="server" Value="'<%# Eval("file") %>'" /> 
        <asp:Image ID="img_video_image" runat="server" class="img-responsive hidden-sm hidden-xs" ImageUrl='<%# Eval("image") %>' AlternateText="video_thumb" /> 
        <img class="img-responsive hidden-md hidden-lg" src="../images/main-vid-image-smmd-1.jpg" alt="video_thumb" /> 
        <span class="play-icon"> 
         <img class="img-responsive play-svg svg" src="../images/play-button.svg" alt="play" onerror="this.src='images/play-button.png'" /> 
        </span> 
       </asp:HyperLink> 
       <h3 class="vid-author"> 
        <span>By <a href="~/Views/Profile.aspx" title="Posts by admin" rel="author">'<%# Eval("publisher_name") %>'</a> 
        </span> 
        <a href="video-detail.html">'<%# Eval("title") %>'</a> 
       </h3> 
       <div class="bottom-shadow"></div> 
       <div class="overlay-div"></div> 
      </div> 
     </div> 
    </ItemTemplate> 
</asp:Repeater> 

我想通過它被點擊一個視頻的細節,這裏是所有的視頻頁面視圖。

enter image description here

+0

你已經做了這一切,你不知道如何通過一個參數? – Aristos

+0

是的,我已經得到並顯示所有的視頻,現在我希望當一個特定的視頻被點擊播放時,那麼它應該被重定向到我想播放該視頻的新頁面 –

回答

1

在超鏈接添加代碼的導航網址(你必須使用單引號

<asp:HyperLink ID="hl_video_img" runat="server" NavigateUrl='~/Views/VideoDetail.aspx?videoid=<%# DataBinder.Eval(Container.DataItem,"video_id")%>'> 

所以你生成正確的鏈接,你通過視頻的ID你想打開。

現在,在您VideoDetail.aspx添加代碼即可獲得從查詢字符串參數在你的Page_Load功能

if (Request.QueryString.HasKeys()) 
    { 
    try 
    { 
     //get the id from query string 
     string videoID = Request.QueryString["videoID"].ToString(); 
    } 
    catch { } 
}