2017-06-26 19 views
0

私はajax評価コントロールを使用しているユーザー評価システムを作成する必要があります。私はそれがまだ正常に動作していないすべてのCSSを定義している。 Like星の色が変わるまでユーザーが任意の星をクリックすると5つ星評価が表示されますが、ここではそのようには機能しません。また、私がマウスを動かすと、それはツールチップ1を表示します。以下は私のコードです。asp.net ajax評価コントロールが正しく機能しない

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ratings.aspx.vb" Inherits="ratings" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="/fonts/fontawesome/fontawesome.css" /> 
    <style type="text/css"> 
     .star:before { 
      color: #f00; 
      font-size:2em 
     } 

     .empty:before { 
      color: #ccc; 
      font-size:2em 
     } 

     .WaitingStar:before { 
      color: #ed2025; 
      font-size:2em 
     } 

     .FilledStar:before { 
      color: #ffcc00; 
      font-size:2em 
     } 
    </style> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <asp:ToolkitScriptManager ID="sc1" runat="server"></asp:ToolkitScriptManager> 
    <div> 
     <asp:Rating ID="Rating2" runat="server" ClientIDMode="Static" StarCssClass="star fa fa-star" EmptyStarCssClass="empty fa fa-star" WaitingStarCssClass="WaitingStar fa fa-star" FilledStarCssClass="FilledStar fa fa-star" MaxRating="5" CurrentRating="1"> 
     </asp:Rating> 
    </div> 
    </form> 
</body> 
</html> 

enter image description here

と同様に上記のスクリーンショットでは、あなたは私のカーソルが第三スターであるので、色が変化だけでなく、ツールチップがあなたもこれを参照することができ、より良い理解のために1の代わりに、3を示しているなかった見ることができますページ私はhttp://foxboxrewards.com/ratings.aspxenter image description here

Web.configファイル(エラーが来る)

<trust level="Full" /> 
    <customErrors mode="Off" /> 
    <authentication mode="None"/> 
    <compilation debug="true" targetFramework="4.5.2"/> 
    <httpRuntime requestPathInvalidCharacters="" requestValidationMode="2.0" /> 
    <machineKey validationKey="B4973B4FA7A0A4F212F7264B3D5AB728CC59827D255087B064E5546E9C4D6D02F9D59224FE6EB33716C21CE6D2ADD174B9B4AEEBEFDA22D860643EDABB71A423" decryptionKey="DC2B319841AEF51E81AFC4135BAF9A5C2B010DAB2C97F9983CFF8CA2146E61B0" validation="SHA1" decryption="AES" /> 
    <pages validateRequest="false"> 
     <namespaces> 
     <add namespace="System.Web.Optimization"/> 
     <add namespace="Microsoft.AspNet.Identity"/> 
     </namespaces> 
     <controls> 
     <add assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms" tagPrefix="webopt"/> 
     </controls> 
    </pages> 

Web.cをアップロード(ワーキング)onfig

<authentication mode="None"/> 
    <compilation debug="true" targetFramework="4.5.2"/> 
    <httpRuntime targetFramework="4.5.2"/> 
    <pages> 
     <namespaces> 
     <add namespace="System.Web.Optimization"/> 
     <add namespace="Microsoft.AspNet.Identity"/> 
     </namespaces> 
     <controls> 
     <add assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms" tagPrefix="webopt"/> 
     </controls> 
    </pages> 
+0

Chromeデベロッパーツールコンソールにエラーが表示されますか? F12を押します。 –

+0

@DannyFardyJhonstonBermúdezはい。私は多くの誤りを見る。私の質問でスクリーンショットを投稿しています。してください見てください – SUN

+0

@DannyFardyJhonstonBermúdezしかし、なぜこのエラーが来て&私はそれを修正することができます理解していません – SUN

答えて

0

私は、アプリケーションの作業を行って、以下の手順に従っ: -
1. ASP.NET AJAXコントロールツールキットは、ライセンス契約に同意しnew installer from DevExpress.com: enter image description here
2.を実行してインストールインストールされているサポートされているMicrosoft Visual StudioバージョンごとにAJAX Control Toolkitがインストールされます
enter image description here
3.ツールボックスでこのAjaxコントロールツールキットを使用できます。ここで
4.私の.aspxページは

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SO.Default" %> 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link href="Content/font-awesome.css" rel="stylesheet" /> 
    <style type="text/css"> 
     .star:before { 
      color: #f00; 
      font-size:2em 
     } 

     .empty:before { 
      color: #ccc; 
      font-size:2em 
     } 

     .WaitingStar:before { 
      color: #ed2025; 
      font-size:2em 
     } 

     .FilledStar:before { 
      color: #ffcc00; 
      font-size:2em 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
    <div> 
     <ajaxToolkit:Rating ID="Rating2" runat="server" ClientIDMode="Static" 
      StarCssClass="star fa fa-star" EmptyStarCssClass="empty fa fa-star" 
      WaitingStarCssClass="WaitingStar fa fa-star" FilledStarCssClass="FilledStar fa fa-star" MaxRating="5" CurrentRating="1"> 
     </ajaxToolkit:Rating> 
    </div> 
    </form> 
</body> 
</html> 

注である - 私は、ASPを使用しています:AJAX拡張機能からのScriptManagerタグを。通常、.NET Framework 4.0以上を使用してaspを使用している場合:ajaxToolkitよりScriptManager:ToolkitScriptManager
ajaxToolkitをドラッグ&ドロップすると、Toolboxの@Registerディレクティブが自動的に追加されます。
Ctrl + F5を押すとすべて正常に動作します

+0

あなたは私の投稿全体を読んだとは思わない。私のプロジェクトにはajaxの拡張がないので、これはあまり簡単な問題ではありません。すべてがそこにあります。 – SUN

+0

@SUN "星の色が変わるまでユーザーが星をクリックすると5つ星評価がありますが、ここでは" - **しかしそれは私が提供した解決策で動作しています。どちらのスターにマウスを置いても、ツールチップ1が表示されます。" - **しかし、それは私が提供したソリューションで働いています** – Srikar

関連する問題