员工账户列表
一、页面设计
员工账户列表页面主要是列出员工的所有信息，并能查看和编辑每个员工的详细信息，所以需要完成2个页面的设计，第一个是“员工账户列表”页面如图4-19所示，第二个是“编辑员工信息”如图4-20所示。
图4-19  员工账户列表
图4-20  编辑员工信息
1．员工列表页面
打开“解决方案资源管理器”目录下的“CRM\EmployeeManage\EmployeeList.aspx”页面，进入设计界面，从工具箱里添加一个“GridView”控件到页面，修改该控件的ID为“grdEmployee
s”，按照数据库表“UsersInfo”编辑各字段，最后添加一个名为“操作”的模版列，完成的控件如图4-21所示。
图4-21  添加“GridView”控件
其中“操作”模版列添加了2个图标按钮，分别用来跳转到“编辑员工详细信息”和“编辑所属角”两个页面，同时将每个按钮绑定“UserId”字段，便于跳转时传递员工编号。绑定设置如图4-22所示。
图4-22  绑定“UserId”字段
对应的代码如下：
<asp:GridView ID="grdEmployees" runat="server" AutoGenerateColumns="False"
  Width="100%" CellPadding="4" ForeColor="#333333" GridLines="None">
  <AlternatingRowStyle BackColor="White" />
  <Columns>
      <asp:BoundField DataField="UserId" HeaderText="员工编号" Visible="False" />
      <asp:BoundField DataField="UserName" HeaderText="员工姓名" />
      <asp:BoundField DataField="UserIDCard" HeaderText="身份证号" />
      <asp:BoundField DataField="Telephone" HeaderText="电话" />
      <asp:BoundField DataField="Address" HeaderText="地址" />
      <asp:BoundField DataField="Email" HeaderText="邮箱" />
      <asp:TemplateField HeaderText="操作">
            <ItemTemplate>
                <asp:ImageButton ID="imgBtnEditInfo" runat="server"
                    CommandArgument='<%# Eval("UserId") %>' Height="16px"
                    ImageUrl="~/Images/edit.gif" OnCommand="imgBtnEditInfo_Command"
                      ToolTip="编辑员工详细信息" />
                <asp:ImageButton ID="imgBtnEditRoles" runat="server"
                      CommandArgument='<%# Eval("UserId") %>'
ImageUrl="~/Images/group.png"
                      OnCommand="imgBtnEditRoles_Command" ToolTip="编辑员工所属角" />
            </ItemTemplate>
        </asp:TemplateField>
  </Columns>
  <EditRowStyle BackColor="#2461BF" />
  <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
页面设计代码  <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
  <RowStyle BackColor="#EFF3FB" />
  <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
  <SortedAscendingCellStyle BackColor="#F5F7FB" />
  <SortedAscendingHeaderStyle BackColor="#6D95E1" />
  <SortedDescendingCellStyle BackColor="#E9EBEF" />
  <SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>
2．编辑员工信息页面
打开“解决方案资源管理器”目录下的“CRM\EmployeeManage\ EditEmployeeInfo.aspx”页面，进入设计界面，按照如图4-23所示设计界面。
图4-23  “编辑员工信息”页面设计
对应的代码如下：
    <table width="400px">
        <tr>
            <td>
                <fieldset class="register">
                    <legend>员工信息</legend>
                    <p>
                        <asp:Label ID="Label1" runat="server"
AssociatedControlID="lblUserName"  Text="姓名："></asp:Label>
                        <asp:Label ID="lblUserName" runat="server" Text="Label">
</asp:Label>
                    </p>
                    <p>
                        <asp:Label ID="Label2" runat="server"
AssociatedControlID="txtUserIdCard" Text="身份证号："></asp:Label>
                        <asp:TextBox ID="txtUserIdCard" runat="server"
CssClass="textEntry"  Width="320px"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="IdCardRequired" runat="server"
ControlToValidate="txtUserIdCard" CssClass="failureNotification"
                            ErrorMessage="身份证号不能为空" ToolTip="身份证号不能为空">*
</asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="IDCardRegular"
runat="server"  ControlToValidate="txtUserIdCard"
CssClass="failureNotification"
                            ErrorMessage="身份证号格式不正确" ToolTip="身份证号格式不正确"
    ValidationExpression="\d{17}[\d|X]|\d{15}">*</asp:RegularExpressionValidator>
                    </p>
                    <p>
                        <asp:Label ID="Label3" runat="server"
AssociatedControlID="txtTelephone" Text="电话："></asp:Label>
                        <asp:TextBox ID="txtTelephone" runat="server"
CssClass="textEntry"></asp:TextBox>
                    </p>
                    <p>
                        <asp:Label ID="Label4" runat="server"
AssociatedControlID="txtAddress"  Text="地址："></asp:Label>
                        <asp:TextBox ID="txtAddress" runat="server"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。