zoukankan      html  css  js  c++  java
  • 表格样式

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TeacherGrade.aspx.cs" Inherits="SoukeAdmin_teacher_TeacherGrade" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="JingWebControl" Namespace="JingWebControl" TagPrefix="cc1" %>
    <%@ Register Src="../WUC/SetPageSizeControl.ascx" TagName="SetPageSizeControl" TagPrefix="uc1" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <link type="text/css" href="../css/Global.css" rel="stylesheet" />
        <link href="../css/skin/qq/ymPrompt.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/SelectAbout.js"></script>
        <script src="../js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript" src="js/ymPrompt_source.js"></script>
        <script type="text/javascript" src="js/jingControlTable.js"></script>
        <script type="text/javascript" src="js/Calendar5.js"></script>
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <style type="text/css">    
            .grid {border-collapse:collapse;}
            .grid td { border: solid 1px #c6d5e1; width: 100px; }
            .grid th{background:url(../images/tbheader.png);height:28px;color:White;border:solid 1px white;}
            .tdcolor { background-color: #c6d5e1; }
            .trtitle { background-color:#dce6ee; }
            .oddtr { background-color: #ecf2f6; }
            .eventr { background-color: #FFF; }
            .over{background-color:Yellow;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="d_newcheck">
            <table width="100%">
                <tr bgcolor="#f5faff" style="height: 25px">
                    <td style="font-weight: bolder; font-size: 14px; color: #0000ff; height: 25px;">
                    </td>
                    <td style="font-weight: bolder; font-size: 14px; color: #0000ff; height: 25px;" align="left">
                        老师评价审核
                    </td>
                </tr>
                <tr bgcolor="#f5faff" style="height: 25px">
                    <td style="font-weight: bolder; font-size: 14px; color: #0000ff">
                    </td>
                    <td style="font-weight: bolder; font-size: 14px; color: #0000ff" align="left">
                        <br />
                    </td>
                </tr>
            </table>
            <div style="border: 1px solid #C3D3FD; line-height: 30px; text-align: left; padding-left: 20px;">
                评价开始时间:
                <asp:TextBox ID="txtBeginTime" runat="server" onfocus="WdatePicker()"></asp:TextBox>
                评价结束时间:
                <asp:TextBox ID="txtEndTime" runat="server" onfocus="WdatePicker()"></asp:TextBox>
                &nbsp;教师姓名:
                <asp:TextBox ID="txtTeachereName" runat="server" Width="100px"></asp:TextBox>
                &nbsp; &nbsp; &nbsp;
                <asp:ImageButton ID="btn_Search" OnClick="btnSearch_Click" runat="server" ImageUrl="../images/img_search.gif" />&nbsp;
                <asp:Button ID="btnCheck" runat="server" Text=" 审核通过 " OnClientClick="javascript:if(!confirm('您确认审核通过这些评论吗???')) return false;"
                    OnClick="btnCheck_Click" />&nbsp;<asp:Button ID="btnDelete" runat="server" Text=" 删 除 " OnClientClick="javascript:if(!confirm('您确认删除这些评论吗???')) return false;"
                        OnClick="btnDelete_Click" />
                &nbsp;<uc1:SetPageSizeControl ID="SetPageSizeControl1" runat="server" />
                <br />
                &nbsp;<br />
            </div>
            <br />
        </div>
        <div style="text-align: left; padding: 10px;">
            <table id="jingControlTable" style="color: White; background-color: #507CD1; font-weight: bold; margin: 0px;
                white-space: nowrap;">
            </table>
        </div>
        <div style=" 100%; height: 10px;">
            <div style=" 50%; float: left">
                <input type="button" value=" 全 选  " style="float: right;" onclick="selectall()" />
            </div>
            <div style=" 49%; float: left; padding-left: 5px;">
                <input type="button" value="   反 选   " style="float: left;" onclick="selectreverse()" />
            </div>
        </div>
        <br />
        <asp:GridView ID="grdData" runat="server" AutoGenerateColumns="False"  Font-Size="14px"
            AllowSorting="True" Width="100%" OnSorting="grdData_Sorting" CssClass="grid" OnRowDataBound="grdData_RowDataBound">       
            <Columns>
                <asp:BoundField DataField="realname" HeaderText="老师姓名" />
                <asp:BoundField DataField="username" HeaderText="评价用户" />
                <asp:BoundField DataField="fwPoint" HeaderText="服务分"  />
                <asp:BoundField DataField="skPoint" HeaderText="授课分" />
                <asp:BoundField DataField="hjPoint" HeaderText="环境分" />
                <asp:BoundField DataField="addTime" HeaderText="评价时间" DataFormatString="{0:yyyy/M/d}" />
                <asp:TemplateField HeaderText="评价内容">
                    <ItemTemplate>
                        <a title="<%# Eval("context") %>" id="context">
                            <%# Sxb.SystemFrameworks.Utility.GetSubString(Eval("context").ToString(),30) %></a>
                        <asp:Label ID="lblplID" runat="server" Text='<%#Eval("id") %>' Visible="false"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <input type="checkbox" onclick="javascript:selectbox(this);" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="chkSelect" runat="server" ClientIDMode="Static" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
           
        </asp:GridView>
        <div style="text-align: center;  100%;">
            &nbsp;
            <cc1:JingPagerBar ID="JingPagerBar1" runat="server" OnChangePage="JingPagerBar1_ChangePage" PageSize="1" />
        </div>
        <div style="border: 1px solid #C3D3FD; height: 150px; line-height: 30px; text-align: right; padding-left: 20px;">
            &nbsp;<br />
            &nbsp;
            <br />
            <br />
        </div>
        <script type="text/javascript">
            function selectbox(a) {
                $(":checkbox").each(
                function () {
                    $(this).attr("checked", $(a).attr("checked"));
                }
                );
            }
    
            function selectall() {
                $("#grdData :checkbox").each(
                function () {
                    $(this).attr("checked", true);
                }
                );
            }
            function selectreverse() {
                $(":checkbox").each(
                function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                }
                );
            }
            $(document).ready(
            function () {
                $(".grid").find("tr:even").addClass("eventtr");
                $(".grid tr:odd td:nth-child(1)").addClass("trtitle");
                $(".grid").find("tr:odd").addClass("oddtr");
                $(".grid tr").mouseover(function () {
                    $(this).addClass("over");
                }).mouseout(function () {
                    $(this).removeClass("over");
                });
    
            }
            );
        </script>
        </form>
    </body>
    </html>
    效果图如下
  • 相关阅读:
    oracle数据库使用PL/sql导入excel数据
    http协议详解之响应报文 3
    http详解之post 2
    http协议详解1
    tomcat配置https协议
    linux服务端导入oracle数据库.sql脚本
    fiddler查看http压缩格式传输的报文
    SurfaceView绘制录音波形图
    android 蓝牙SPP协议通信
    好用的Android屏幕适配
  • 原文地址:https://www.cnblogs.com/pengzhihua/p/4544479.html
Copyright © 2011-2022 走看看