2012-05-14 30 views
8

मैं एक अनियंत्रित सूची उत्पन्न करना चाहता हूं जिसमें मेरे डेटाबेस में छवियों को दिखाने के लिए टैग शामिल है, मैं बुलेट सूची पर एक नज़र डालता हूं, लेकिन यह छवि के साथ काम नहीं कर रहा है। मैं इसे डेटाबेस में परिणामों से गतिशील रूप से कैसे उत्पन्न कर सकता हूं, उदाहरण के लिए, यदि मेरे पास डेटा बेस में 6 छवियां हैं तो मैं चाहता हूं कि जो सूची उत्पन्न होती है उसे इस तरह दिखना चाहिए।एएसपीनेट में गतिशील रूप से अनियंत्रित सूची कैसे उत्पन्न करें?

<ul id=""> 

    <li><img src="Resources/img14.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img15.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img17.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img2.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img5.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img3.jpg" alt="" title=""/></li> 

</ul> 

तालिका संरचना

User Name nvarchar(50)  
Pic Path nvarchar(MAX) 
+0

कृपया अपनी तालिका संरचना जोड़ें जो आपके डेटाबेस में फ़ाइल का नाम या पथ संग्रहीत करती है। –

+0

मैंने जोड़ा है कृपया इसे जांचें –

उत्तर

29

जो आप प्राप्त करने का प्रयास कर रहे हैं, उसके लिए <asp:ListView> नियंत्रण का उपयोग करना सबसे अच्छा और आसान होगा।

एक अच्छा ट्यूटोरियल है कि यह कैसे उपयोग करने पर यहाँ है, और काफी क्या आप http://weblogs.asp.net/scottgu/archive/2007/08/10/the-asp-listview-control-part-1-building-a-product-listing-page-with-clean-css-ui.aspx

यह मूल रूप से आप एक <asp:ListView> नियंत्रण की तरह बनाने शामिल होगा क्या कर रहे हैं के समान;

<asp:ListView ID="ListView1" runat="server"> 
    <LayoutTemplate> 
     <ul> 
      <asp:PlaceHolder ID="itemPlaceholder" runat="server" />  
     </ul>     
    </LayoutTemplate> 
    <ItemTemplate> 
     <li> 
      <img src='<%#Eval("PicPath")%>' alt='<%#Eval("UserName")%>' /> 
     </li> 
    </ItemTemplate> 
    <EmptyDataTemplate> 
     <p>Nothing here.</p> 
    </EmptyDataTemplate> 
</asp:ListView> 

फिर अपने डेटा को बाध्यकारी करें।

this.ListView1.DataSource = YourDataSource; 
this.ListView1.DataBind(); 
3

मुझे लगता है अपने डेटा स्रोत एक डेटासेट डी एस कि एक DataTable और एक क्षेत्र picpath है है, तो आप यात्रा सीधे aspx में लिख सकते हैं

<ul id=""> 
    <% foreach (DataRow dr in ds.Tables[0].Rows) { %> 

     <li><img src="<% dr[\"picpath\"].ToString() %>" alt="" title=""/></li> 

    <% } %> 
</ul> 

करने के लिए क्या यह सर्वर पक्ष नीचे दिए गए लिंक में स्वीकृत उत्तर को निम्न लिंक Rendering an unordered list using asp.net

में स्वीकृत उत्तर देखें
+0

मैं इस कोड को पीछे कोड में करना चाहता हूं, मैं इस बात को कैसे कर सकता हूं –

+0

निम्नलिखित लिंक में स्वीकृत उत्तर देखें http://stackoverflow.com/questions/2342823/rendering-an -ऑर्डर्ड-सूची-उपयोग-एएसपी-नेट –

+1

कोड के पीछे कोड करने में सबसे बड़ा मुद्दा यह है कि जब भी आप सामग्री को आउटपुट करते हैं, तो आपको कोड को फिर से संकलित करना होगा। टिम ने एक बेहतरीन उदाहरण पोस्ट किया है जिसमें निर्मित सूची दृश्य नियंत्रण का उपयोग करके इसे कैसे किया जाए और इमरान ने केवल सादे पुराने लूपिंग का अच्छा उदाहरण दिया। दोनों कोड के पीछे कोड करने पर अधिक नियंत्रण देंगे। –

संबंधित मुद्दे