gridview的属性_grid css

gridview的属性_grid css正在做一个项目,其中用到了Gridview控件,内容如下即每行里又包括两小行,这个功能可以用两个嵌套的gridview实现,第二个要实现的是每个大行之间用实现相隔,每个小行之间用虚线网上很多资料都是关于Gridview的,但是关于样式的就不多后来发现可以在后台程序中动态改变CELL的式样protectedvoidGridView2_RowDataBound(obj

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

正在做一个项目,其中用到了Gridview控件,内容如下

gridview的属性_grid css

即每行里又包括两小行, 这个功能可以用两个嵌套的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;
}

终于大功告成

原代码

 

gridview的属性_grid css
using
 System;
gridview的属性_grid css

using
 System.Data;
gridview的属性_grid css

using
 System.Configuration;
gridview的属性_grid css

using
 System.Collections;
gridview的属性_grid css

using
 System.Web;
gridview的属性_grid css

using
 System.Web.Security;
gridview的属性_grid css

using
 System.Web.UI;
gridview的属性_grid css

using
 System.Web.UI.WebControls;
gridview的属性_grid css

using
 System.Web.UI.WebControls.WebParts;
gridview的属性_grid css

using
 System.Web.UI.HtmlControls;
gridview的属性_grid css
gridview的属性_grid css

public
 
partial
 
class
 HarboFuture : System.Web.UI.Page
gridview的属性_grid cssgridview的属性_grid css


{

gridview的属性_grid css    
protected void Page_Load(object sender, EventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        DataTable objDtInfo 
= new DataTable();
gridview的属性_grid css        objDtInfo.Columns.Add(
NOtypeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
ターミナルtypeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
更新日時typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css
gridview的属性_grid css        DataRow objDrHeader 
= objDtInfo.NewRow();
gridview的属性_grid css        objDrHeader[
0= NO;
gridview的属性_grid css        objDrHeader[
1= ターミナル;
gridview的属性_grid css        objDrHeader[
2= 更新日時;
gridview的属性_grid css
gridview的属性_grid css        objDtInfo.Rows.Add(objDrHeader); 
gridview的属性_grid css
gridview的属性_grid css        
for (int i = 0; i < 4; i++)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            DataRow objDrItem 
= objDtInfo.NewRow();
gridview的属性_grid css            objDrItem[
0= (i + 1).ToString();
gridview的属性_grid css            objDrItem[
1= 大井1号/2号;
gridview的属性_grid css            objDrItem[
2= DateTime.Now.ToString();
gridview的属性_grid css            objDrItem[
3= ;
gridview的属性_grid css            objDrItem[
4= ;
gridview的属性_grid css            objDrItem[
5= ;
gridview的属性_grid css            objDrItem[
6= ;
gridview的属性_grid css            objDrItem[
7= ×;
gridview的属性_grid css            objDrItem[
8= ;
gridview的属性_grid css            objDrItem[
9= ;
gridview的属性_grid css            objDtInfo.Rows.Add(objDrItem); 
gridview的属性_grid css        }

gridview的属性_grid css        GridView1.DataSource 
= objDtInfo;
gridview的属性_grid css        GridView1.DataBind(); 
gridview的属性_grid css    }

gridview的属性_grid css    
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        
if (e.Row.RowIndex > 1)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            AccessDataSource accessDS 
= e.Row.FindControl(AccessDataSource2as AccessDataSource;
gridview的属性_grid css            accessDS.SelectParameters[
id].DefaultValue = (e.Row.RowIndex).ToString();
gridview的属性_grid css        }

gridview的属性_grid css
gridview的属性_grid css    }

gridview的属性_grid css
gridview的属性_grid css     
protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        e.Row.Attributes.Add(
onmouseoverthis.style.backgroundColor=’#E6F5FA’);
gridview的属性_grid css        e.Row.Attributes.Add(
onmouseoutthis.style.backgroundColor=’#ccccff’);
gridview的属性_grid css        
gridview的属性_grid css        
for (int i = 0; i < e.Row.Cells.Count; i++)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            e.Row.Cells[i].Attributes.Add(
classlinebottom);
gridview的属性_grid css        }

gridview的属性_grid css    }

gridview的属性_grid css}


gridview的属性_grid css

 

ASPX

 

gridview的属性_grid css
<%
@ Page Language
=

C#

 MasterPageFile
=

~/MasterTop.master

 AutoEventWireup
=

true

 CodeFile
=

HarboFuture.aspx.cs

 Inherits
=

HarboFuture

 Title
=

Untitled Page

 
%>

gridview的属性_grid css

<
asp:Content ID
=

Content1

 ContentPlaceHolderID
=

ContentPlaceHolder1

 Runat
=

Server

>

gridview的属性_grid css  

<
table id 
=
 

all

 
class
=

tableAll

 
>

gridview的属性_grid css  

<
tr
>
 
gridview的属性_grid css   

<
td align 
=
 

center

 
>

gridview的属性_grid css    

<
table id 
=
 

content

 width 
=
 

80%

 
>

gridview的属性_grid css        
gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td 
>

gridview的属性_grid css                

<
table id 
=
 

line1

  width 
=
 

100%

  
>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblLine1

 runat
=

server

 Text
=

大井ふ頭 混雑予想情報

 Font

Size 
=
 

Large

 
></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line2

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td style 
=

 width: 33%

 align 
=
 

center

 
>
 
gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnLastWeek

 runat
=

server

 Font

Size 
=
 

Medium

>
前週<<
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style 
=

 width: 34%

>

gridview的属性_grid css                            

<
asp:Label ID
=

lblThisWeek

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

11/6(月)~11/12(日)

></
asp:Label
></
td
>
 
gridview的属性_grid css                        

<
td style 
=

 width: 33%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnNextWeek

 Font

Size 
=
 

Medium

 runat
=

server

>
>>翌週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td style
=

height: 32px

  
>

gridview的属性_grid css                

<
table id 
=
 

line3

 width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:GridView ID
=

GridView1

 runat
=

server

 RowStyle

Font

Size 
=
 

Medium

 RowStyle

HorizontalAlign 
=
 

Center

 ShowHeader 
=
 

False

 
gridview的属性_grid css                            AutoGenerateColumns

=

False

 OnRowDataBound
=

GridView1_RowDataBound

 BorderColor 
=
 

Black

 BorderStyle 
=

Solid

 BorderWidth 
=
 

2

 
>

gridview的属性_grid css                            

<
Columns 
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

 
>

gridview的属性_grid css                                    

<
ItemTemplate 
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblNo

 Width 
=
 

50

  runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”NO”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                

</
asp:TemplateField 
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblColumns2

 Width 
=
 

120

 runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”ターミナル”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                    

<
ItemStyle BackColor
=

Transparent

 BorderColor
=

Transparent

 
/>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblColumns3

 Width 
=
 

120

 runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”更新日時”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                         

<
asp:GridView ID
=

GridView2

 runat
=

server

 DataKeyNames
=

id

  RowStyle

HorizontalAlign 
=
 

Center


gridview的属性_grid css                                            AutoGenerateColumns

=

False

 DataSourceID
=

AccessDataSource2

 RowStyle

Font

Size 
=
 

Medium

  RowStyle

BackColor 
=
 

#ccccff

 
gridview的属性_grid css                                            ShowHeader 

=
 

false

 OnRowDataBound 
=
 

GridView2_RowDataBound

 CellPadding 
=
 

0

>
                     
gridview的属性_grid css                                            

<
Columns
>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Monday

 ItemStyle

Width 
=
 

55

    ItemStyle

BackColor 
=

#C0FFFF

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Tuesday

  ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Wednesday

  ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Thursday

 ItemStyle

Width 
=
 

55

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Friday

  ItemStyle

Width 
=
 

55

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Saturday

   ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Sunday

   ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

</
Columns
>

gridview的属性_grid css                                         

</
asp:GridView
>
 
gridview的属性_grid css                                         

<
asp:AccessDataSource ID
=

AccessDataSource2

 runat
=

server

 DataFile
=

~/App_Data/test.mdb


gridview的属性_grid css                                            SelectCommand

=

SELECT * FROM [stu] WHERE ([id] = ?)

>

gridview的属性_grid css                                            

<
SelectParameters
>

gridview的属性_grid css                                                

<
asp:Parameter Name
=

id

 Type
=

string

 
/>

gridview的属性_grid css                                            

</
SelectParameters
>

gridview的属性_grid css                                        

</
asp:AccessDataSource
>

gridview的属性_grid css                                    

</
ItemTemplate
>
                                   
gridview的属性_grid css                                    

<
ControlStyle BackColor
=

White

 
/>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                
gridview的属性_grid css                            

</
Columns
>

gridview的属性_grid css                                

<
RowStyle Font

Size
=

Medium

 HorizontalAlign
=

Center

 
/>

gridview的属性_grid css                            

</
asp:GridView
>

gridview的属性_grid css                        

</
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td style
=

height: 32px

>

gridview的属性_grid css                

<
table id 
=
 

line4

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td align 
=
 

center

 
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblMark

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

上段:混雑予想(×:大混雑、△:混雑、○:普通、◎:空き) 下段:搬出催促(☆)

></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line5

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblExcelOutput

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

搬出入作業週間予報ダウンロード(Excelファイル)

></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line6

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel1

 Font

Size 
=
 

Medium

 runat
=

server

>
今週(11月第2週)
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel2

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第3週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel3

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第4週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel4

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第5週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel5

 Font

Size 
=
 

Medium

 runat
=

server

>
12月第1週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css       
gridview的属性_grid css    

</
table
>

gridview的属性_grid css    

</
td
>
 
gridview的属性_grid css    

</
tr
>

gridview的属性_grid css

</
table
>
    
gridview的属性_grid css

</
asp:Content
>

gridview的属性_grid css
gridview的属性_grid css
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/193136.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python程序设计实践题EXP01-求圆面积、温度转换和绘制五角星

    python程序设计实践题EXP01-求圆面积、温度转换和绘制五角星一、计算圆的面积思路:根据圆面积的计算公式进行求解。程序代码:1importmath2radius=253area=math.pi*radius**2#**是幂运算4p

    2022年7月5日
    22
  • matplotlib之pyplot模块——饼图(pie():圆环图(donut)、二层圆环图、三层圆环图(旭日图))「建议收藏」

    matplotlib之pyplot模块——饼图(pie():圆环图(donut)、二层圆环图、三层圆环图(旭日图))「建议收藏」在matplotlib中pie()不单可以绘制饼图,还可以绘制圆环图(donut)。圆环图可以看成饼图的变种,matplotlib没有提供专门绘制圆环图的接口。在matplotlib之pyplot模块之饼图(pie():基础参数,返回值)中,我们提到了wedgeprops参数,通过wedgeprops参数传递饼块对象Wedge的width参数即可快速实现圆环图。下面通过三个案例简单说明圆环图、二层圆环图、三层圆环图的制作方法。

    2022年9月25日
    0
  • iphone上的设备管理去哪里了_设备管理在哪里

    iphone上的设备管理去哪里了_设备管理在哪里正常是没有设备管理的选项的,当你的iPhone上有未信任程序(已经安装好的才行,正在下载/安装的都不算)时才会有这个选项设置>通用>设备管理

    2022年8月1日
    2
  • 10个常用的3D建模软件,作为3D建模的软件东西很杂很碎,还需多练习才最重要「建议收藏」

    10个常用的3D建模软件,作为3D建模的软件东西很杂很碎,还需多练习才最重要「建议收藏」很多人都会好奇,电脑是怎么将手绘的2D图形变成3D的实际物品的?究竟是什么神奇魔法能够瞬间将我们的想法变成现实的呢?今天来和大家介绍下工业设计师经常会用到的10个3D建模软件。SolidworksSolidworks是工业设计师经常会用到的一款建模软件。SolidWorks是一款在MircosoftWindows上才能运行的建模计算机辅助设计和计算机辅助工程的计算机程序,由DassaultSystemes开发和发布。这是一款很常见的很普遍的工业设计建模软件,如果你以后有机会在国外找工

    2022年5月12日
    70
  • Luajit 概述「建议收藏」

    Luajit 概述「建议收藏」一、JIT即时编译器JIT:即时编译器。将频繁执行的代码,通过JIT编译器编译成机器码缓存起来,下次再调用时直接执行机器码。相比与原生Lua的逐条执行虚拟机指令效率更高。对于那些只执行一次的代码,则保持于原生Lua一样,逐条执行。JIT带来的效率提升,并不一定能抵消编译效率的下降。当虚拟机执行指令时并不会立刻用JIT进行编译。只有部分指令需要JIT进行编译,JIT将决定那些代码将被编译。延迟编译有…

    2022年10月7日
    1
  • 模拟火车2019中国线路手机版_com.neon.cube2048

    模拟火车2019中国线路手机版_com.neon.cube2048jzoj6009. 【THUWC2019模拟2019.1.18】Counting (dp)

    2022年4月21日
    93

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号