tomohikoのブログ: ASP.NET

ラベル ASP.NET の投稿を表示しています。すべての投稿を表示

2015年3月16日月曜日

IIS上でASP.NETを動かすもCSS変更が適用されないときの対処。

aspx内に記述されているCSSファイル名に対し、xxx.css?と"?"を拡張子の最後に付ける。

そして、サーバ上のaspxに上書きすると新しいCSSが読み込まれ、変更が適用される。

（※ サーバ上のCSSの実ファイルの拡張子には"?"を付けなくてよい。）

2015年2月23日月曜日

DataGrid内のセルを結合する方法

目的

　表題のとおり、DataGrid内のセルを結合し、表示する方法を示す。

結合前後

　　結合前

結合後

ソースのポイント

ItemDataBoundメソッド内以下の処理を行う。

ColumnSpanプロパティの設定する
あふれてしまう２列目（item2)の１～５のデータを削除する

protected void MyGrid_ItemDataBound(object sender, DataGridItemEventArgs e)

{

if(e.Item.ItemType != ListItemType.Header && e.Item.ItemType != ListItemType.Footer)

{

e.Item.Cells[0].ColumnSpan = 2; // Colspanの設定

e.Item.Cells.RemoveAt(1); // ★ポイント：不要なデータの削除★

}

ソース全文

Default.aspx.cs -------------------------------

using System;

using System.Collections.Generic;

using System.Data;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace DataGrid_ColSpan

{

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

DataTable dt = new DataTable();

DataRow dr = null;

dt.Columns.Add(new DataColumn("item", typeof(string)));

dt.Columns.Add(new DataColumn("item2", typeof(string)));

for (int i = 0; i < 5; i++ )

{

dr = dt.NewRow();

dr["item"] = i.ToString();

dr["item2"] = (i+1).ToString();

dt.Rows.Add(dr);

}

MyGrid.DataSource = dt;

MyGrid.DataBind();

}

protected void MyGrid_ItemDataBound(object sender, DataGridItemEventArgs e)

{

if(e.Item.ItemType != ListItemType.Header && e.Item.ItemType != ListItemType.Footer)

{

e.Item.Cells[0].ColumnSpan = 2; // Colspanの設定

e.Item.Cells.RemoveAt(1); // ★ポイント：不要なデータの削除★

}

-------------------------------

Default.aspx -----------------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DataGrid_ColSpan._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>DataGrid_ColSpan Sample</title>

</head>

<body>

<div>

<asp:DataGrid id="MyGrid" runat="server" OnItemDataBound="MyGrid_ItemDataBound" />

</div>

</form>

</body>

</html>

-----------------------------------

2015年2月20日金曜日

DataGrid内にDropDownListを文字列で設定する。

メモとして残す。
後で編集する予定。

################# Default.aspx.cs ################
using System;
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DataGridInPanel
{
public partial class _Default : System.Web.UI.Page
{

void BindDataGrid( DataView dv )
{
datagrid.DataSource = dv;
datagrid.DataBind();
}
// 表示用のデータソース (DataView) を生成
private DataView CreateDataSource()
{
DataTable dt = new DataTable();
DataRow dr;

dt.Columns.Add(new DataColumn("DropDownList", typeof(string)));

for (int i = 0; i < 5; i++)
{
dr = dt.NewRow();

dr["DropDownList"] = "<select name=\"blood\"><option value=\"A\">A型</option><option value=\"B\">B型</option></select>";

dt.Rows.Add(dr);
}

DataView dv = new DataView(dt);
return dv;
}

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataView dv = CreateDataSource();
BindDataGrid(dv);
}
}
}
}

################# Default.aspx ################

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DataGridInPanel._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:Panel ID="Panel1" runat="server">
<asp:DataGrid runat="server" ID="datagrid" />
</asp:Panel>

</div>
</form>
</body>
</html>