• 締切済み

ASP.NET GRID VIEWの画像表示

ASP.NET+ACCESSで簡単なデーターベースを作成しています。まったくの初心者です。 Grid Viewでデーターを表示させています。そこに画像を表示させたいと思ってます。画像はACCESSに直接保存させています。 ACCESSにはロングバイナリーと表示されて保存されています。 Grd ViewにはSystem.Byte[]と表示されてしまいます。マイクロソフトのVisual Web Developer 2008で作成しています。Gird Viewの項目のプロパティなどの設定でバイナリデータを画像として表示させることは可能でしょうか? いろいろネットで調べましたが該当するサイトがなくて困ってしまいました。 こちらは、画像のパスで表示する方法でした。 http://www.atmarkit.co.jp/fdotnet/dotnettips/807aspgridvwimage/aspgridvwimage.html こちらも画像のパスで登録でした。 http://msdn.microsoft.com/ja-jp/library/aa479350.aspx もしくは、このようなコードの画像の項目の部分を何か書き換えればよいのでしょうか? <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="AccessDataSource1"> <Columns> <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True" SortExpression="ID" /> <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" /> <asp:ImageField DataAlternateTextField="ImgData"> </asp:ImageField> </Columns> </asp:GridView> まったくの素人で申し訳ございません。よろしくお願いします。

みんなの回答

  • Wingwrong
  • ベストアンサー率38% (5/13)
回答No.1

まだここ見てますか? バイナリデータをGridViewに出すのは結構大変です。 簡単に説明すれば、 1.バイナリデータを表示するためだけのASPページを作成する 2.GridViewのimageURLとして、1.のASPページへのリクエストをかける という手順が必要になってきます。 まずは真っ白のページにバイナリデータを画像として表示する、 というページを作るところから初めてみるといいかもしれません。

chubachika
質問者

お礼

ありがとうございます。 ものすごくわかり易い答えでした。 バイナリデータを表示することは出来てましたし、それをURLとして指定してあげるという考えは浮かんできませんでした。 早速試して見たいと思います。 ASPページへリクエストというのがちょっと分かりませんががんばります! ありがとうございます。

関連するQ&A

  • gridviewの値でセッション書きこみ

    現在、ASP.netにて以下のようなアプリを処理を実施しようとしています。 画面A(gridview使用) ------------------------------- 名前A | 項目A |備考A ------------------------------- 名前B | 項目B |備考B ------------------------------- 名前C | 項目C |備考C ------------------------------- ソース <asp:GridView ID="GridView" runat="server" AutoGenerateColumns="False" DataSourceID="ods1" > <Columns> <asp:BoundField DataField="namae" HeaderText="名前" SortExpression="namae" > </asp:BoundField> <asp:BoundField DataField="koumoku" HeaderText="項目" SortExpression="koumoku" > </asp:BoundField> <asp:BoundField DataField="bikou" HeaderText="備考" SortExpression="bikou" > </asp:BoundField> </Columns> </asp:GridView> このようなときに、2行目をクリックしたときは  session(name) = "B" のようにクリックする行によってsessionを書くにはどうのようにすでばよいのでしょうか? 対応方法があれば教えてください。

  • <ASP>にTextBoxの値を設定する方法

    TextBoxに記述されたDB接続文字列を<ASP>内で設定しようと試みておりますが、失敗します。どのように記述を改めればよろしいでしょうか? ----------------- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebForm1" %> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { TextBox1.Text = Application["DB_CON_STRING"].ToString(); } </script> <!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"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <div> </div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"> <Columns> <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True" SortExpression="ID" /> <asp:BoundField DataField="DATETIME" HeaderText="DATETIME" SortExpression="DATETIME" /> <asp:BoundField DataField="MESSAGE" HeaderText="MESSAGE" SortExpression="MESSAGE" /> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="form1.TextBox1.Text"★ここがうまくいかない★ SelectCommand="SELECT * FROM TEST ORDER BY ID DESC"></asp:SqlDataSource> </form> </body> </html>

  • GridView表示の高速化

    開発環境:VB.NET&ASP いつもお世話になっています。 現在、上記環境でWebアプリの開発を行っていますが GridView表示に時間がかかり過ぎているため表示を高速化する手段を探しています。 現状、GridViewを表示する際には以下の時間がかかっています。 ・270件→約8秒から9秒 ・540件→約35秒から36秒 検索しましたが回避策を得ることが出来ませんでしたので有用な手段など ご存知の方がいらっしゃいましたらご教授いただきたく思います。 よろしくお願い致します。 GridViewは以下の定義となっています。 ------------------------------------------------------------ <asp:ButtonField ButtonType="Button" CommandName="InsertCommand" HeaderText="A" ShowHeader="True" Text="A" /> <asp:ButtonField ButtonType="Button" CommandName="EditCommand" HeaderText="B" ShowHeader="True" Text="B" /> <asp:ButtonField ButtonType="Button" CommandName="MoveCommand" HeaderText="C" ShowHeader="True" Text="C" /> <asp:ButtonField ButtonType="Button" CommandName="PasteCommand" HeaderText="D" ShowHeader="True" Text="D" /> <asp:BoundField DataField="seq" HeaderText="E" SortExpression="E" /> <asp:BoundField DataField="F" HeaderText="F" SortExpression="F" /> <asp:BoundField DataField="G" HeaderText="G" SortExpression="G" /> <asp:BoundField DataField="H" HeaderText="H" SortExpression="H" > <ItemStyle HorizontalAlign="Center" /> </asp:BoundField> <asp:BoundField DataField="I" HeaderText="I" SortExpression="I" /> <asp:BoundField DataField="J" HeaderText="J" SortExpression="J" > <ItemStyle HorizontalAlign="Center" /> </asp:BoundField> <asp:BoundField DataField="K" HeaderText="K" SortExpression="K" ItemStyle-HorizontalAlign="Left" > <ItemStyle HorizontalAlign="Left" /> </asp:BoundField> <asp:BoundField DataField="L" HeaderText="L" SortExpression="L" ItemStyle-HorizontalAlign="Left" > <ItemStyle HorizontalAlign="Center" /> </asp:BoundField> <asp:BoundField DataField="M" HeaderText="M" SortExpression="M" > <ItemStyle HorizontalAlign="Left" /> </asp:BoundField> <asp:BoundField DataField="N" HeaderText="N" SortExpression="N" ItemStyle-HorizontalAlign="Left" > <ItemStyle HorizontalAlign="Center" /> </asp:BoundField> <asp:BoundField DataField="O" HeaderText="O" SortExpression="O" ItemStyle-HorizontalAlign="Left" > <ItemStyle HorizontalAlign="Left" /> </asp:BoundField> <asp:TemplateField HeaderText="P" SortExpression="P"> <EditItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Bind("P") %>' /> </EditItemTemplate> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Bind("P") %>' Enabled="true" /> </ItemTemplate> <ItemStyle HorizontalAlign="Center" /> </asp:TemplateField> ------------------------------------------------------------ VB.NETソース ------------------------------------------------------------ Dim cnStr As String = System.Configuration.ConfigurationManager.ConnectionStrings("connect").ConnectionString strSql = "SELECT E, F, G, H, I, J, K, L, M, N, O, P FROM TABLE_NAME WHERE X = '" & Ddl.SelectedValue & "' ORDER BY E" Dim connection As New SqlClient.SqlConnection(cnStr) Dim adapter As New SqlClient.SqlDataAdapter(strSql, connection) adapter.Fill(ds) GridView1.DataSource = ds GridView1.DataBind() ------------------------------------------------------------

  • gridviewのスクロールバーを非表示にしたい

    以下のとおりgridviewを表示し、データが存在する時は右スクロールバーが使用できるようにしています。 データ件数が0件の時は"データなし"と表示するのですが、 この時、スクロールバーを非表示するにはどうすればよいのでしょうか? <div class ="conditionpart2"> <table class="condition"> <tr style="text-align:left;"> <td> <asp:UpdatePanel ID="UpdPlView" runat="server" UpdateMode="Conditional"> <ContentTemplate> <C1GridView:C1GridView ID="grdList" runat="server" AutoGenerateColumns="False" DataSourceID="sqldsList" VisualStylePath="~/Common/css/CmpOne" VisualStyle="Office2007Blue" UseEmbeddedVisualStyles ="False" AllowSorting="True" SelectionMode="None" EmptyDataText = "データなし" ClientOnColumnWidthChanged="c1GridView_widthChange" AllowColMoving="true" AllowColSizing="true" CellPadding="0" CellSpacing="0" DataKeyNames="CODE" Height="540px" Width="1203px" ScrollSettings-ScrollMode="ScrollBar" ScrollSettings-ScrollOrientation="Vertical" > <ScrollSettings ScrollMode="ScrollBar" /> <HeaderStyle HorizontalAlign="Center" CssClass="headerStyle" /> <EmptyDataTemplate> <asp:label CssClass="lblNoData" id="lblNoData" runat="server">データなし</asp:label> </EmptyDataTemplate> <EmptyDataRowStyle VerticalAlign="Middle" HorizontalAlign="Center" Height="500px" /> <RowStyle Height="24px" /> <Columns> <C1GridView:C1BoundField HeaderText="コード" DataField="CODE"> <ItemStyle Width="80px"></ItemStyle> </C1GridView:C1BoundField> <C1GridView:C1BoundField HeaderText="品名" DataField="NAME"> <ItemStyle Width="850px"></ItemStyle> </C1GridView:C1BoundField> </Columns> </C1GridView:C1GridView> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="ddlCode" EventName="SelectedIndexChanged" /> </Triggers> </asp:UpdatePanel> </td> </tr> </table> </div>

  • ASP.NET GridView Column表示

    書き方が変かも知れませんがご了承ください。 VS2005のVB.NETでまず、 With DataGridView .Columns("ab").HeaderText = "AB" .Columns("cd").HeaderText = "CD" .Columns("ef").HeaderText = "EF" End With のようにしてColumnsの表示を表していたのですが ASP.NETは GridView1.DataBind() の後同様にしてみたところ 表示されませんでした。 どのようにしたら好きに表示することが出来ますでしょうか?

  • TemplateFieldで入力制限

    GridViewについて教えてください。 <環境>ASP.NET データソースにSQLDataSourceを指定し、GridViewに全件を自動バインドして表示しています。 GridViewではTemplateField内にtxtNVERCHARをtxtDECIMALを作成し、txtDECIMAL入力後に"\999,999"と表示するよう "\"とカンマ編集をおこないたいと思っています。 txtDECIMALのTextChangedイベントを使えばいいのかと思ったのですがどのように記述すればよいかわかりません。 ご教授お願いします。 --------------------------------- <Columns> <asp:BoundField DataField="NO" HeaderText="NO" Visible="False" /></asp:BoundField> <asp:TemplateField HeaderText="ITEM"> <ItemTemplate> <asp:TextBox ID="txtNVERCHAR" runat="server" Text='<%# Bind("ITEM_NVERCHAR", "{0}") %>'></asp:TextBox> <asp:TextBox ID="txtDECIMAL" runat="server" Text='<%# Bind("ITEM_DECIMAL", "{0:c}") %>'></asp:TextBox> </ItemTemplate> </asp:TemplateField> </Columns> --------------------------------- Protected Sub txtDECIMAL_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Dim textbox As TextBox = DirectCast(sender, TextBox) Dim qty As String = textbox.Text ☆ここからが不明☆ End Sub ---------------------------------

  • GridViewからの値を全件LOOPして取得したい

    GridViewについて教えてください。 <環境>ASP.NET データソースにSQLDataSourceを指定し、GridViewに全件を自動バインドして表示しています。 画面上に設置したボタン押下のイベントハンドラで、そのGridViewの全行をループして各列の値を参照したいのですが、 以下のようなに記述しても(1)の部分でNOTHINGとなりエラーになります。 どのようにすればよいでしょうか? やりたいことは、GridView全行ループし、ITEMKINDの値が"1"の時、TemplateField内にあるtxtNVERCHARの値を取得することです。 ご教授お願いします。 --------------------------------- <Columns> <asp:BoundField DataField="ITEMKIND" HeaderText="ITEMKIND" Visible="False" /> </asp:BoundField> <asp:TemplateField HeaderText="ITEM"> <ItemTemplate> <asp:TextBox CssClass="txtstr" ID="txtNVERCHAR" runat="server" Text='<%# Bind("ITEM_NVERCHAR", "{0}") %>'></asp:TextBox> </ItemTemplate> </asp:TemplateField> </Columns> --------------------------------- Protected Sub 更新_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnExec.Click For Each row As GridViewRow In grdList.Rows Dim strITEMKIND As TextBox = DirectCast(row.FindControl("ITEMKIND"), TextBox)  ←(1) IF strITEMKIND.Text = "1" THEN Dim strDDL As TextBox = DirectCast(row.FindControl("txtNVERCHAR"), TextBox) End IF Next End Sub

  • ASP GridViewの高さを固定にするには?

    GridViewで全角10文字がちょうど表示できる幅を設定した場合、 10文字を超えるデータを表示しようとするととセル内で折り返してしまいます。 折り返しせず、10文字だけ表示するにはどうすればいいのでしょうか? <div id="containerData" class="containerData" onscroll="containerHeader.scrollLeft=this.scrollLeft;" runat="server"> <asp:UpdatePanel ID="UpdPlView" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:GridView ID="grdList" runat="server" CellPadding="0" AutoGenerateColumns="False" DataSourceID="sqldsList" ShowHeader="False" AllowPaging="False" ShowFooter="True" GridLines="None"> <Columns> <asp:TemplateField HeaderText=""> <ItemTemplate> <table cellspacing="0" class="detailRow"> <tr> <td style="width:100px;"><asp:Label ID="lbl1" runat="server" Text='<%# Eval("Field1") %>'></asp:Label></td> <td style="width:500px;"><asp:Label ID="lbl2" runat="server" Text='<%# Eval("Field2") %>'></asp:Label></td> </tr> </table> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </ContentTemplate> </asp:UpdatePanel> </div> </div> ***スタイルシート*** .containerData { font-size: 11pt; border: solid 1px black; height: 500px; } .detailRow tr { height:30px; background:white; } .detailRow td { border-bottom: 1px solid black; }

  • GridView でコンボボックスの設定

    再質問をさせていただきます。 gridviewを作成しました。 -------------------------------------------------------------------------------- <asp:GridView ID="grdList" runat="server" DataSourceID="sqldsList"> <Columns> <asp:BoundField DataField="ITEMNO" HeaderText="ITEMNO"></asp:BoundField> <asp:TextBox ID="txtNAME" runat="server" Text='<%# Bind("ITEM_NAME") %>'></asp:TextBox> <ItemTemplate>   <asp:DropDownList CssClass="cnbstr" ID="cnb_KBN" runat="server"     DataSourceID="sqldscnb1" DataTextField="NAME" DataValueField="NO" AutoPostBack="True"></asp:DropDownList> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> -------------------------------------------------------------------------------- このコンボボックスに値を設定させたいのですが、ITEMNO="01"の時だけ、txtNAMEの値を初期表示したいと思っています。 RowDataBound、RowCreatedで可能かと思ったのですができずに困っています。 どなたかご教授お願いします。 Protected Sub grdList_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles grdList.RowDataBound   If e.Row.RowType = DataControlRowType.DataRow Then     IF DataBinder.Eval(e.Row.DataItem, "ITEMNO").ToString() = "01" THEN       Dim dlist As DropDownList = DirectCast(e.Row.FindControl("cnb_KBN"), DropDownList)       dlist.SelectedValue = "ITEM_NAME" ←こんな感じのことをしたい     ELSE       設定しない     END IF   End If End Sub

  • <ASP.NET>DataGridでOnSelectedIndexChangedイベントが発生しない。

    こんにちわ。 VS.NET2003でASP.NET+C#で開発をしております。 DataGridコントロールを使用して、選択ボタンを追加し、選択時に処理を行おうと思っているのですが、OnSelectedIndexChangedイベントが発生しません。 ホームページ等にあるソースをそのまま打ち込むと発生するのですが、自分でコントロールを配置するとうまく動いていないようです。 何か設定があるのでしょうか? 一応HTMLレベルではこんな感じで、書いてます。 =WebForm1.aspx================================== <省略> <asp:DataGrid id=DataGrid1 runat="server" OnSelectedIndexChanged="DataGrid1_Select" DataSource="<%# dataSet11 %>" DataKeyField="SYAIN_NO" DataMember="syain" AutoGenerateColumns="False"> <Columns> <asp:BoundColumn DataField="SYAIN_NO" SortExpression="SYAIN_NO" HeaderText="SYAIN_NO"></asp:BoundColumn> <asp:BoundColumn DataField="SYAIN_NAME" SortExpression="SYAIN_NAME" HeaderText="SYAIN_NAME"></asp:BoundColumn> <asp:BoundColumn DataField="ADDRESS" SortExpression="ADDRESS" HeaderText="ADDRESS"></asp:BoundColumn> <asp:BoundColumn DataField="TEL" SortExpression="TEL" HeaderText="TEL"></asp:BoundColumn> <asp:ButtonColumn Text="選択" ButtonType="PushButton" CommandName="select"></asp:ButtonColumn> </Columns> </asp:DataGrid> <省略> =============================================== 選択ボタンを押したら、DataGrid1_Selectに飛ぶはずなのですが、デバッグしても止まりません… どなたかアドバイスお願いします。