在c＃中使用classname在datalist中查找div＃

我正在使用asp.net datalist 並使用javascript將特定類添加到div（特定類只是更改div的外觀）。我想找出具有這些特定類的div。或者從c＃中找出具有特定類的div的行。提前致謝。我的datalistaspx頁碼。在c＃中使用classname在datalist中查找div＃

<asp:DataList ID="datalistGallerycol4" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" CssClass="row"> 
              <ItemTemplate> 
               <div class="col-md-3 col-sm-6 mb-20 mix mix_all "> 
                 <div class="img-container" > 
                 <asp:Image ID="ImageCol2" href="javascript:;" runat="server" CssClass=" img-responsive" src='<%#Eval("ThumbnailURL")%>' ng-src='<%#Eval("MediaURL")%>' /> 
                <div class="img-details" > 
                  <h4 class="custom-font ng-binding"> Gallery</h4> 
                  <div class="img-controls"> 
                   <asp:LinkButton ID="linkbuttonImageSelect" runat="server" href="javascript:;" CssClass="img-select"> 
                    <i class="fa fa-circle-o"></i> 
                    <i class="fa fa-circle"></i> 
                    </asp:LinkButton> 
                   <asp:LinkButton ID="linkbuttonImagePreview" runat="server" CssClass="img-preview" data-lightbox="gallery-item" href='<%#Eval("MediaURL")%>' title="Admin Portal Gallery"> 
                   <i class="fa fa-search"></i> 
                   </asp:LinkButton> 
                  </div> 
                 </div> 
                </div> 
               </div> 
              </ItemTemplate> 
             </asp:DataList>

來源

2017-04-12 Vishal

C＃代碼與客戶端標記完全交互的方式是什麼？目前還不清楚你想要做什麼。 – David

@vishal需要更多的投入，其不清楚你在客戶端要求 – Webruster

有什麼linkbutton，當它點擊選定的類添加到div。現在我想找出所有div，它們選擇了class.and訪問datalist中具有class選擇的div的那些行。 – Vishal

我想你在aspx文件：

<asp:DataList ID="myDatalist" runat="server" OnItemCommand="myDatalist_ItemCommand"> 
    <ItemTemplate> 
     <div runat="server" id="myDiv"> 
     Item Name: 
     <asp:Label Id="lblItemName" runat="server" Text='<%#Eval("itemname") %>'> 
     </asp:Label> <asp:Button ID="myBtn" runat="server" Text="Add to cart" CommandName="myevent" /> 
    </div> 
    </ItemTemplate> 
</asp:DataList>

而且在後面的代碼：

//Server side 
protected void myDatalist_ItemCommand(object source, DataListCommandEventArgs e) 
{ 
    if (e.CommandName == "myevent") // check commandname here 
    { 
     Label lbl = (Label)e.Item.FindControl("lblItemName"); 
     string theText = lbl.Text; 
     string theClass = lbl.CssClass; 
     //your code 
    } 
}

這是相同的使用<div>，但你需要添加<div runat="server" id="myDiv">

相反，例如，如果您是OnPreRender事件，則可以循環每個項目並找到L亞伯和相對CssClass屬性以相同的方式：

foreach (DataListItem item in myDatalist.Items) 
{   
    Label lbl = (Label)item.FindControl("lblItemName"); 
    // your code 
}

來源

2017-04-12 12:28:54 Emanuele

我正在畫廊的概念，其中用戶選擇圖像想要添加哪些將通過JavaScript來做。並且只有一個提交按鈕。所以當用戶點擊提交按鈕時，我如何才能在數據列表中找到所選圖像？你能告訴我什麼嗎？ – Vishal

你可以循環foreach（DataListItem項目myDatalist.Items） – Emanuele

謝謝@Emanuele它解決了我的一半問題。 – Vishal

在c＃中使用classname在datalist中查找div＃

回答

相關問題