民意调查模块_WebUI

承接上一篇，这里用来实现PollBox.ascx用户控件和页面ArchivedPolls.aspx。

先来看：Admin/ManagePolls.aspx(以后授权administrators角色的用户访问)。

下面来实现：PollBox.ascx用户控件，它的功能如下

1.如果检测到用户还未对民意调查进行投票，该控件将显示一列单选按钮及民意调查所包含的答案选项，以及一个投票按钮
2.如果检测到用户已经投票过，那么控件将显示投票结果。显示每个选项的票数百分比，既显示数字，还显示一个彩色的条形图。
在显示已存档的民意调查时也将显示这些内容。

页面可以根据需要显示多个民意调查的显示：如：

用户控件PollBox分为4个部分。第一个表头栏panel[panHeader]。（包含了一个图片和可配置的文本）;可设置该panel是否显示。

第二个Panel[panVote]用来显示选项答案列表及投票按钮。如：

同样能控制该panel的显示

第三个显示投票后的结果：（由panel[panResults]决定是否显示）

第四个是否显示到存档页面的链接。

如果登录的用户已经投票，则显示投票结果panResults；如果没有投票，则显示panVote。

在项目下建立Controls文件夹，在该目录下添加新项-用户控件-PollBox.ascx，设计代码如下：

View Code

 1 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="PollBox.ascx.cs" Inherits="Controls_PollBox" %>
 2 <div class="pollbox">
 3     <asp:Panel ID="panHeader" runat="server">
 4     <div class="sectiointitle">
 5         <asp:Image ID="imgArrow" runat="server" ImageUrl="~/images/ArrowR.gif" 
 6           style="float:left;margin-left:3px;margin-right:3px;" />
 7         <asp:Label ID="lblHeader" runat="server"></asp:Label>
 8     </div>
 9     </asp:Panel>
10     <div class="pollcontent">
11         <asp:Label ID="lblQuestion" runat="server" CssClass="pollquestion"></asp:Label>
12         <asp:Panel ID="panVote" runat="server">
13           <div class="polloptions">
14               <asp:RadioButtonList ID="optlOptions" DataTextField="OptionText" DataValueField="Id" runat="server">
15               </asp:RadioButtonList>
16               <asp:RequiredFieldValidator ID="valRequireOption" runat="server" 
17                   ErrorMessage="你必须选择一个选项！" ControlToValidate="optlOptions" 
18                   SetFocusOnError="True" ToolTip="你必须选择一个选项！" ValidationGroup="PollVote">你必须选择一个选项！</asp:RequiredFieldValidator>
19           </div>
20             <asp:Button ID="btnVote" ValidationGroup="PollVote" Text="投票" runat="server" 
21                 onclick="btnVote_Click"  />
22         </asp:Panel>
23         <asp:Panel ID="panResults" runat="server">
24           <div class="polloptions">
25               <asp:Repeater ID="rptOptions" runat="server">
26                 <ItemTemplate>
27                   <%#Eval("OptionText") %>
28                   <small>(<%#Eval("Votes")%>)票-<%#Eval("Percentage","{0:N1}") %></small><br /><div class="pollbar" style='width:<%# Eval("Percentage")%>%'>&nbsp;</div>
29                 </ItemTemplate>
30               </asp:Repeater>
31               <br />
32               <b>总票数：<asp:Label ID="lblTotalVotes" runat="server"></asp:Label></b>
33           </div>
34         </asp:Panel>
35         <asp:HyperLink ID="lnkArchive" NavigateUrl="~/ArchivedPolls.aspx" runat="server">归档问卷</asp:HyperLink>
36     </div>
37 </div>
38 <br />