码迷,mamicode.com
首页 > 其他好文 > 详细

表格样式

时间:2015-06-01 18:11:05      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:

<%@ 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="width: 100%; height: 10px;">
        <div style="width: 50%; float: left">
            <input type="button" value=" 全 选  " style="float: right;" onclick="selectall()" />
        </div>
        <div style="width: 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; width: 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>

 

表格样式

标签:

原文地址:http://www.cnblogs.com/pengzhihua/p/4544479.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!