2010-09-22 83 views
0

我有一個樹視圖控件,我想爲其提供背景圖像。我的代碼目前看起來是這樣的:ASP.NET Treeview圖像背景

 <asp:Image ImageUrl="~/images/mypic.gif" runat="server" Width="150px" /> 
     <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" 
       ImageSet="Arrows"> 
       <ParentNodeStyle Font-Bold="False" /> 
       <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" /> 
       <SelectedNodeStyle Font-Underline="True" 
        HorizontalPadding="0px" VerticalPadding="0px" ForeColor="#5555DD" /> 
       <NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" 
        HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" /> 
     </asp:TreeView>     

回答

0

有樹視圖的CssClass,你可以通過CSS

<asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" 
CssClass="classname" ImageSet="Arrows"> 
        <ParentNodeStyle Font-Bold="False" /> 
        <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" /> 
        <SelectedNodeStyle Font-Underline="True" 
         HorizontalPadding="0px" VerticalPadding="0px" ForeColor="#5555DD" /> 
        <NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" 
         HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" /> 
      </asp:TreeView> 

給它一個圖像,然後在CSS的屬性

.classname { background-image:url('image path'); }

0

我認爲實現這一目標的最好方法是使用CSS。我不知道我的頭頂是TreeView控件吐出了什麼樣的html,但如果它是一個塊元素,你應該能夠設置背景屬性來顯示你的圖像。
一個簡單的方法來做到這一點將是圍繞你的Treeview在<div>塊和設置CSS的樣式。

<div id="treeNav"> 
    <asp:TreeView ......... 
    </asp:TreeView> 
</div> 

#treeNav 
{ 
    background-image: url(my-image.png); 
}