大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
正在做一个项目,其中用到了Gridview控件,内容如下
即每行里又包括两小行, 这个功能可以用两个嵌套的gridview实现,
第二个要实现的是每个大行之间用实现相隔, 每个小行之间用虚线
网上很多资料都是关于Gridview的,但是关于样式的就不多
后来发现可以在后台程序中动态改变CELL的式样
protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
{
e.Row.Attributes.Add(“onmouseover”, “this.style.backgroundColor=’#E6F5FA'”);
e.Row.Attributes.Add(“onmouseout”, “this.style.backgroundColor=’#ccccff'”);
for (int i = 0; i < e.Row.Cells.Count; i++)
{
e.Row.Cells[i].Attributes.Add(“class”, “linebottom”);
}
}
在CSS中设置
.linebottom
{
border-bottom-color:Black;border-bottom-style:dotted;border-bottom-width :1;
border-right-color:Black;border-right-style:solid;border-right-width :1;
}
终于大功告成
原代码
using
System;
using
System.Data;
using
System.Configuration;
using
System.Collections;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Web.UI.HtmlControls;
public
partial
class
HarboFuture : System.Web.UI.Page
…
{
protected void Page_Load(object sender, EventArgs e)
…{ DataTable objDtInfo = new DataTable(); objDtInfo.Columns.Add(“NO“, typeof(string)); objDtInfo.Columns.Add(“ターミナル“, typeof(string)); objDtInfo.Columns.Add(“更新日時“, typeof(string)); objDtInfo.Columns.Add(“月“, typeof(string)); objDtInfo.Columns.Add(“火“, typeof(string)); objDtInfo.Columns.Add(“水“, typeof(string)); objDtInfo.Columns.Add(“木“, typeof(string)); objDtInfo.Columns.Add(“金“, typeof(string)); objDtInfo.Columns.Add(“土“, typeof(string)); objDtInfo.Columns.Add(“日“, typeof(string)); DataRow objDrHeader = objDtInfo.NewRow(); objDrHeader[0] = “NO“; objDrHeader[1] = “ターミナル“; objDrHeader[2] = “更新日時“; objDtInfo.Rows.Add(objDrHeader); for (int i = 0; i < 4; i++) …{ DataRow objDrItem = objDtInfo.NewRow(); objDrItem[0] = (i + 1).ToString(); objDrItem[1] = “大井1号／2号“; objDrItem[2] = DateTime.Now.ToString(); objDrItem[3] = “◎“; objDrItem[4] = “☆“; objDrItem[5] = “△“; objDrItem[6] = “○“; objDrItem[7] = “ד; objDrItem[8] = “☆“; objDrItem[9] = “☆“; objDtInfo.Rows.Add(objDrItem); 
} GridView1.DataSource = objDtInfo; GridView1.DataBind(); } protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) …{ if (e.Row.RowIndex > –1) …{ AccessDataSource accessDS = e.Row.FindControl(“AccessDataSource2“) as AccessDataSource; accessDS.SelectParameters[“id“].DefaultValue = (e.Row.RowIndex).ToString(); } } protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e) …{ e.Row.Attributes.Add(“onmouseover“, “this.style.backgroundColor=’#E6F5FA’“); e.Row.Attributes.Add(“onmouseout“, “this.style.backgroundColor=’#ccccff’“); for (int i = 0; i < e.Row.Cells.Count; i++) …{ e.Row.Cells[i].Attributes.Add(“class“, “linebottom“); } }
}
ASPX
<%
@ Page Language
=
“
C#
“
MasterPageFile
=
“
~/MasterTop.master
“
AutoEventWireup
=
“
true
“
CodeFile
=
“
HarboFuture.aspx.cs
“
Inherits
=
“
HarboFuture
“
Title
=
“
Untitled Page
“
%>
<
asp:Content ID
=
“
Content1
“
ContentPlaceHolderID
=
“
ContentPlaceHolder1
“
Runat
=
“
Server
“
>
<
table id
=
“
all
“
class
=
“
tableAll
“
>
<
tr
>
<
td align
=
“
center
“
>
<
table id
=
“
content
“
width
=
“
80%
“
>
<
tr
>
<
td
>
<
table id
=
“
line1
“
width
=
“
100%
“
>
<
tr
>
<
td
>
<
asp:Label ID
=
“
lblLine1
“
runat
=
“
server
“
Text
=
“
大井ふ頭 混雑予想情報
“
Font
–
Size
=
“
Large
“
></
asp:Label
></
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
table id
=
“
line2
“
width
=
“
100%
“
>
<
tr
>
<
td style
=
“
width: 33%
“
align
=
“
center
“
>
<
asp:LinkButton ID
=
“
lnkbtnLastWeek
“
runat
=
“
server
“
Font
–
Size
=
“
Medium
“
>
前週＜＜
</
asp:LinkButton
></
td
>
<
td style
=
“
width: 34%
“
>
<
asp:Label ID
=
“
lblThisWeek
“
runat
=
“
server
“
Font
–
Size
=
“
Medium
“
Text
=
“
11/6（月）～11/12（日）
“
></
asp:Label
></
td
>
<
td style
=
“
width: 33%
“
>
<
asp:LinkButton ID
=
“
lnkbtnNextWeek
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
＞＞翌週
</
asp:LinkButton
></
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td style
=
“
height: 32px
“
>
<
table id
=
“
line3
“
width
=
“
100%
“
>
<
tr
>
<
td
>
<
asp:GridView ID
=
“
GridView1
“
runat
=
“
server
“
RowStyle
–
Font
–
Size
=
“
Medium
“
RowStyle
–
HorizontalAlign
=
“
Center
“
ShowHeader
=
“
False
“
AutoGenerateColumns=
“
False
“
OnRowDataBound
=
“
GridView1_RowDataBound
“
BorderColor
=
“
Black
“
BorderStyle
=
“
Solid
“
BorderWidth
=
“
2
“
>
<
Columns
>
<
asp:TemplateField ItemStyle
–
BorderColor
=
“
Black
“
ItemStyle
–
BorderWidth
=
“
1
“
ItemStyle
–
BorderStyle
=
“
Solid
“
>
<
ItemTemplate
>
<
asp:Label ID
=
“
lblNo
“
Width
=
“
50
“
runat
=
“
server
“
Text
=
‘
<%#DataBinder.Eval(Container.DataItem,”NO”) %>
‘
/>
</
ItemTemplate
>
</
asp:TemplateField
>
<
asp:TemplateField ItemStyle
–
BorderColor
=
“
Black
“
ItemStyle
–
BorderWidth
=
“
1
“
ItemStyle
–
BorderStyle
=
“
Solid
“
>
<
ItemTemplate
>
<
asp:Label ID
=
“
lblColumns2
“
Width
=
“
120
“
runat
=
“
server
“
Text
=
‘
<%#DataBinder.Eval(Container.DataItem,”ターミナル”) %>
‘
/>
</
ItemTemplate
>
<
ItemStyle BackColor
=
“
Transparent
“
BorderColor
=
“
Transparent
“
/>
</
asp:TemplateField
>
<
asp:TemplateField ItemStyle
–
BorderColor
=
“
Black
“
ItemStyle
–
BorderWidth
=
“
1
“
ItemStyle
–
BorderStyle
=
“
Solid
“
>
<
ItemTemplate
>
<
asp:Label ID
=
“
lblColumns3
“
Width
=
“
120
“
runat
=
“
server
“
Text
=
‘
<%#DataBinder.Eval(Container.DataItem,”更新日時”) %>
‘
/>
</
ItemTemplate
>
</
asp:TemplateField
>
<
asp:TemplateField ItemStyle
–
BorderColor
=
“
Black
“
ItemStyle
–
BorderWidth
=
“
1
“
ItemStyle
–
BorderStyle
=
“
Solid
“
>
<
ItemTemplate
>
<
asp:GridView ID
=
“
GridView2
“
runat
=
“
server
“
DataKeyNames
=
“
id
“
RowStyle
–
HorizontalAlign
=
“
Center
“
AutoGenerateColumns=
“
False
“
DataSourceID
=
“
AccessDataSource2
“
RowStyle
–
Font
–
Size
=
“
Medium
“
RowStyle
–
BackColor
=
“
#ccccff
“
ShowHeader =
“
false
“
OnRowDataBound
=
“
GridView2_RowDataBound
“
CellPadding
=
“
0
“
>
<
Columns
>
<
asp:BoundField DataField
=
“
Monday
“
ItemStyle
–
Width
=
“
55
“
ItemStyle
–
BackColor
=
“
#C0FFFF
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Tuesday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Wednesday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Thursday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Friday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Saturday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
<
asp:BoundField DataField
=
“
Sunday
“
ItemStyle
–
Width
=
“
55
“
ReadOnly
=
“
True
“
/>
</
Columns
>
</
asp:GridView
>
<
asp:AccessDataSource ID
=
“
AccessDataSource2
“
runat
=
“
server
“
DataFile
=
“
~/App_Data/test.mdb
“
SelectCommand=
“
SELECT * FROM [stu] WHERE ([id] = ?)
“
>
<
SelectParameters
>
<
asp:Parameter Name
=
“
id
“
Type
=
“
string
“
/>
</
SelectParameters
>
</
asp:AccessDataSource
>
</
ItemTemplate
>
<
ControlStyle BackColor
=
“
White
“
/>
</
asp:TemplateField
>
</
Columns
>
<
RowStyle Font
–
Size
=
“
Medium
“
HorizontalAlign
=
“
Center
“
/>
</
asp:GridView
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td style
=
“
height: 32px
“
>
<
table id
=
“
line4
“
width
=
“
100%
“
>
<
tr
>
<
td align
=
“
center
“
>
<
asp:Label ID
=
“
lblMark
“
runat
=
“
server
“
Font
–
Size
=
“
Medium
“
Text
=
“
上段：混雑予想（×：大混雑、△：混雑、○：普通、◎：空き） 下段：搬出催促（☆）
“
></
asp:Label
></
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
table id
=
“
line5
“
width
=
“
100%
“
>
<
tr
>
<
td
>
<
asp:Label ID
=
“
lblExcelOutput
“
runat
=
“
server
“
Font
–
Size
=
“
Medium
“
Text
=
“
搬出入作業週間予報ダウンロード（Excelファイル）
“
></
asp:Label
></
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
table id
=
“
line6
“
width
=
“
100%
“
>
<
tr
>
<
td style
=
“
width: 20%
“
>
<
asp:LinkButton ID
=
“
lnkbtnExcel1
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
今週（11月第2週）
</
asp:LinkButton
></
td
>
<
td style
=
“
width: 20%
“
>
<
asp:LinkButton ID
=
“
lnkbtnExcel2
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
11月第3週
</
asp:LinkButton
></
td
>
<
td style
=
“
width: 20%
“
>
<
asp:LinkButton ID
=
“
lnkbtnExcel3
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
11月第4週
</
asp:LinkButton
></
td
>
<
td style
=
“
width: 20%
“
>
<
asp:LinkButton ID
=
“
lnkbtnExcel4
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
11月第5週
</
asp:LinkButton
></
td
>
<
td style
=
“
width: 20%
“
>
<
asp:LinkButton ID
=
“
lnkbtnExcel5
“
Font
–
Size
=
“
Medium
“
runat
=
“
server
“
>
12月第1週
</
asp:LinkButton
></
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
asp:Content
>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/193136.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...