2011-07-27 29 views
0

これは非常に簡単なことです。 私はグリッドビューに私のAjaxの評価スターが表示されていないAjax評価星

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"> 
    <Columns> 
    <asp:BoundField HeaderText="PurchasedPID" DataField="PurchasedPID"/> 
    <asp:BoundField HeaderText="DatetimePurchased" DataField="datetime purchased"/> 
    <asp:BoundField HeaderText="MMBName" DataField="MMBName"/> 
    <asp:TemplateField HeaderText="Rating"> 
    <ItemTemplate> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 

        <cc1:Rating ID="Rating1" runat="server" CurrentRating="1" MaxRating="5" 
         StarCssClass="ratingStar" 
           WaitingStarCssClass="savedRatingStar" 
           FilledStarCssClass="filledRatingStar" 
           EmptyStarCssClass="emptyRatingStar" > 
        </cc1:Rating> 


     </ContentTemplate> 
     </asp:UpdatePanel> 


    </ItemTemplate> 
    </asp:TemplateField> 

    </Columns> 
    </asp:GridView> 
    </asp:Panel> 

Site.css `

.ratingStar { 
       font-size: 0pt; 
       width: 13px; 
       height: 12px; 
       margin: 0px; 
       padding: 0px; 
       cursor: pointer; 
       display: block; 
       background-repeat: no-repeat; 
      } 

      .filledRatingStar { 
       background-image: url(Images/FilledStar.png); 

      } 

      .emptyRatingStar { 
       background-image: url(Images/EmptyStar.png); 
      } 

      .savedRatingStar { 
       background-image: url(Images/SavedStar.png); 
      } 


    ` 
+0

画像/ EmptyStar.pngとあなたのCSSはスタイル/ site.cssであるとして、あなたはそれを参照する必要があります画像?彼らは正しくrefrencedですか? – FiveTools

+0

@FiveTools:はい画像が見えません。私はImagesフォルダに画像を持っています。スタイルシートのURL(Images/FilledStar.png)では、 – Sun

答えて

2

あなたは、あなたのスタイルシートの場所に関連した画像を参照する必要があります。あなたがルートディレクトリにフォルダを持っている場合: - :あなたはあなたが見ることができない意味ですか

.filledRatingStar { 
       background-image: url(../Images/FilledStar.png); 

      } 

      .emptyRatingStar { 
       background-image: url(../Images/EmptyStar.png); 
      } 

      .savedRatingStar { 
       background-image: url(../Images/SavedStar.png); 
      }