的jQuery在asp.net DataList控件

顯示評論和點擊鏈接我是一個新的嘗試編碼器使用jQuery我的第一次嘗試。我正在嘗試設置一個可能用於顯示項目評論的簡單數據列表。我想要一個可點擊的鏈接（每DataList控件行）砸下來（每DataList控件行）面板有註釋文本。所以用戶看第1行，點擊鏈接閱讀評論，評論面板下降。他們向下滾動併爲下一個項目做同樣的事情。的jQuery在asp.net DataList控件

到目前爲止，我有下面的代碼作爲一個小的測試頁，但它不工作。基本上沒有任何反應我希望有人能幫助我，因爲我很新，只是自學從我的視頻教程，和這樣看這個東西。我試過clientID的事情，因爲它似乎我需要處理的自動生成的ID的.NET，因爲它的渲染將會分配板，但我不知道，如果我這樣做的權利。

非常感謝您的時間和精力。

頭部分

<script src="jquery-1.4.4.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('Panel1text').hide(); 
    }); 

    $("#<%=HyperLink1.ClientID%>").click(function() { 
     $("<%=Panel1text.ClientID%>").show(); 
    }); 
</script>

主體部分

<asp:DataList ID="DataList1" runat="server" DataKeyField="cid" 
     DataSourceID="SqlDataSource1" Width="645px"> 
     <ItemTemplate> 
      cid: 
      <asp:Label ID="cidLabel" runat="server" Text='<%# Eval("cid") %>' /> 
      <br /> 
      cuser: 
      <asp:Label ID="cuserLabel" runat="server" Text='<%# Eval("cuser") %>' /> 
      <br /> 
      blogid: 
      <asp:Label ID="blogidLabel" runat="server" Text='<%# Eval("blogid") %>' /> 
      <br /> 
      <br /> 
      <asp:HyperLink ID="HyperLink1" runat="server">show text</asp:HyperLink> 
      <br /> 
      <asp:Panel ID="Panel1text" runat="server"> 
       <asp:Label ID="textLabel" runat="server" Text='<%# Eval("text") %>' /> 
      </asp:Panel> 
      <br /> 
     </ItemTemplate> 
    </asp:DataList> 
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
     ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
     SelectCommand="SELECT * FROM [ocomments]"></asp:SqlDataSource>

來源

2011-01-21 JohnnyM

它看起來像你對我將不得不與 'HyperLink1' 和 'Panel1text' 的id多個元素。我會推薦使用類來代替。向面板元素添加一個「class ='link'」鏈接元素和一個「class ='面板'」。使用下面的CSS最初隱藏面板：

.panel { display: none; }

然後使用以下jQuery來顯示元素：

$(document).ready(function(){ 

    $(".link").click(function(evt){ 
     evt.preventDefault(); // prevents the click from leaving the page 

     $(this).next().show(); // show the panel 

    }); 

});

您可能需要使用」。接下來撥弄（）顯示（） '選擇一點。不確定ASP.NET如何渲染元素。

鮑勃

來源

2011-01-21 20:37:10 rcravens

嘗試完全按照您在這裏指示，沒有任何反應，當我點擊鏈接。我注意到你有這個代碼中的clientID，是一個錯誤嗎？我應該像.link.ClientID之後添加那個？ – JohnnyM

你可以'查看源'併發布正在呈現的HTML嗎？我懷疑Web表單視圖引擎渲染不符合我的預期。快速片段會告訴你。 – rcravens

的jQuery在asp.net DataList控件

回答

相關問題