Hi Morris,
From your description you want to add a browse button in the EditTemplate
of the GridView, which acts like the <input type="file"/>. In addition, you
don't want to upload the file, correct?
If so it's not that easy. To not allow the file upload we have to use
another form. And to put the <input type="file"/> in the <table> we have to
put the input on the same form. So obviously it's a contradiction and
cannot be achieved.
A workaround I can suggest is to put the <input type="file"/> in another
form and set the absolute position to attach it on the <table>. Here's a
working sample (IE only. As far as I know it's impossible to create a cross
browser workaround. Maybe you can use Silverlight or Flash to achieve your
requirement.):
Aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
Inherits="_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 id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function AssignValueToInput()
{
var id=document.getElementById("Hidden2").value;
if(id!="")
{
var obj=document.getElementById(id);
if(obj)
{
obj.value=document.getElementById("File1").value + "";
}
}
}
function ShowAndPlaceHtmlInputFile()
{
var id=document.getElementById("Hidden1").value;
if(id!="")
{
var obj=document.getElementById(id);
if(obj){
var offsettop=getY(obj);
var offsetleft=getX(obj);
var div=document.getElementById("mydiv");
div.style.left=offsetleft;
div.style.top=offsettop;
div.style.display="inline";
}
}
}
function getY( oElement )
{
var iReturnValue = 0;
while( oElement != null ) {
iReturnValue += oElement.offsetTop;
oElement = oElement.offsetParent;
}
return iReturnValue;
}
function getX( oElement )
{
var iReturnValue = 0;
while( oElement != null ) {
iReturnValue += oElement.offsetLeft;
oElement = oElement.offsetParent;
}
return iReturnValue;
}
</script>
</head>
<body onload="ShowAndPlaceHtmlInputFile()">
<form id="form1" runat="server">
<input id="Hidden1" runat="server" type="hidden" value=""/>
<input id="Hidden2" runat="server" type="hidden" value=""/>
<div>
<asp:GridView ID="GridView1" runat="server" DataKeyNames="Test"
AutoGenerateColumns="false" DataSourceID="SqlDataSource1"
AutoGenerateEditButton="true" >
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label id="Label1" runat="server" Text='<%#Eval("Name") %>' />
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%#Bind("Name") %>'
style="z-index:2;" ></asp:TextBox>
<asp:Button ID="Button1" style=" visibility:hidden;" runat="server"
Text="Browse..." OnLoad="Button1_Load" />
</EditItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:AConnectionString %>"
DeleteCommand="DELETE FROM [Table1] WHERE [Test] =
@test"
InsertCommand="INSERT INTO [Table1] ([Test], [Name]) VALUES (
@test,
@Name)"
SelectCommand="SELECT * FROM [Table1]"
UpdateCommand="UPDATE [Table1] SET [Name] = @Name WHERE [Test] =
@test">
</asp:SqlDataSource>
</div>
</form>
<form id="form2" action="Default.aspx" style="z-index:1;">
<div id="mydiv" style="z-index:2; display:none; position:absolute;">
<input id="File1"type="file" onchange="AssignValueToInput()"
style="width:1px" />
</div>
</form>
</body>
</html>
Aspx.cs:
public partial class _Default : System.Web.UI.Page
{
protected void Button1_Load(object sender, EventArgs e)
{
Button b = (Button)sender;
this.Hidden1.Value = b.ClientID;
TextBox t = (TextBox)b.FindControl("TextBox1");
this.Hidden2.Value = t.ClientID;
}
}
As far as I can tell, you probably have to change the requirement (at
least, allow the file upload). Or else please use some RIA techniques such
as Silverlight or Flash.
You can get started to learn Silverlight here (Currently Silverlight is
still in RC0 but it will be released soon):
http://silverlight.net/
If you have further questions, just feel free to ask.
Regards,
Allen Chen
Microsoft Online Community Support
Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
(e-mail address removed).
==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/en-us/subscriptions/aa948868.aspx#notifications.
Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://support.microsoft.com/select/default.aspx?target=assistance&ln=en-us.
==================================================
This posting is provided "AS IS" with no warranties, and confers no rights.
--------------------
| Thread-Topic: GridView Template field to browse explorer/directory
| thread-index: AckpelLJxUTnQXZrQzuZDUFfLyOvaQ==
| From: =?Utf-8?B?TW9ycmlzIE5ldW1hbg==?= <
[email protected]>
| Subject: GridView Template field to browse explorer/directory
| Date: Wed, 8 Oct 2008 12:16:10 -0700
| Lines: 23
| Message-ID: <
[email protected]>
| MIME-Version: 1.0
| Content-Type: text/plain;
| charset="Utf-8"
| Content-Transfer-Encoding: 7bit
| X-Newsreader: Microsoft CDO for Windows 2000
| Content-Class: urn:content-classes:message
| Importance: normal
| Priority: normal
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.3119
| Newsgroups: microsoft.public.dotnet.framework.aspnet.webcontrols
| Path: TK2MSFTNGHUB02.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet.webcontrols:4057
| NNTP-Posting-Host: tk2msftsbfm01.phx.gbl 10.40.244.148
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet.webcontrols
|
| Hi,
|
| I have a gridview on the contents page of my web form.
|
| The GridView is bound to a datasource. I would like one of the fields
when
| in edit mode to display the contents of the bound field with the ability
to
| have a Browse button that the user can navigate, select a different file
path
| and name. When the update button clicked, I want the file path and name
| selected to be save to the bound field I don't want the file to be
uploaded
| but just the selected file name saved.
|
| I have tried the FileUpload control with the Enable and Visible
properties
| bound to the field. However when I click edit, I get error "Specified
cast
| is not valid".
|
| I tried the HTMLInputFile control, however I don't see how to bind the
field.
|
| Is there another control that I should be using?
|
| Appreciate any help.
| --
| Thanks
| Morris
|
