通过DIV显示GridView中每行的图片

1.前台代码:

<%...@ControlLanguage="C#"AutoEventWireup="true"CodeFile="ImageControl.ascx.cs"Inherits="usercontrol_ImageControl"%>
<%...@RegisterSrc="FolderTree.ascx"TagName="FolderTree"TagPrefix="uc2"%>
<%...@RegisterSrc="DepartPageControl.ascx"TagName="DepartPageControl"TagPrefix="uc1"%>

<scripttype="text/javascript">...
//<![CDATA[
functionCheckAll(oCheckbox)
...{
varGridView2=document.getElementById("<%=GridView1.ClientID%>");
for(i=1;i<GridView2.rows.length;i++)
...{
GridView2.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked=oCheckbox.checked;
}
}

functiontakePostion(ln,dn)
...{
varobj=document.getElementById(dn);
vartipDiv=obj;mouseX=event.x+document.body.scrollLeft;mouseY=event.y+document.documentElement.scrollTop;
with(tipDiv.style)
...{
display='block';left=parseInt(mouseX)+"px";top=(parseInt(mouseY)+20)+"px";
position='absolute';
}
}
functionhidden(ln,dn)
...{
varobj=document.getElementById(dn);
with(obj.style)
...{
display="none";
}
}
//]]>
</script>

<basetarget="_self"/>
<center>
&nbsp;<tablestyle="width:66%">
<tr>
<tdstyle="height:60px;text-align:center">
</td>
<tdstyle="height:60px;text-align:center">
<strong><spanstyle="font-size:14pt">&nbsp;插入图片</span></strong></td>
</tr>
<tr>
<tdstyle="height:60px;text-align:center">
</td>
<tdstyle="height:60px;text-align:center">
<asp:RadioButtonListID="radbtnUpload"runat="server"AutoPostBack="True"OnSelectedIndexChanged="radbtnUpload_SelectedIndexChanged"
RepeatDirection="Horizontal">
<asp:ListItemSelected="True">从图片库中选图片</asp:ListItem>
<asp:ListItem>上传新图片</asp:ListItem>
</asp:RadioButtonList></td>
</tr>
<tr>
<tdrowspan="1"style="vertical-align:top;text-align:left">
<asp:TreeViewID="TreeView1"runat="server"OnSelectedNodeChanged="TreeView1_SelectedNodeChanged"
ShowLines="True"Font-Size="9pt"ForeColor="#000000">
<SelectedNodeStyleForeColor="Red"/>
</asp:TreeView>
</td>
<tdstyle="text-align:center">
<asp:PanelID="Panel1"runat="server"Width="100%">
<tablestyle="width:100%">
<tr>
<tdcolspan="3"style="text-align:center">
<tablewidth="100%">
<tr>
<tdcolspan="3"style="height:21px;text-align:left">
<asp:GridViewID="GridView1"runat="server"DataKeyNames="序号"CssClass="table"AllowPaging="True"
OnRowDataBound="GridView1_RowDataBound"PageSize="5"AutoGenerateColumns="False"
Width="100%">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<inputid="Checkbox2"runat="server"onclick="CheckAll(this)"type="checkbox"visible="false"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxID="ItemCheckBox"name="R_Check"runat="server"Visible="False"/>
<asp:LinkButtonID="lnkSelect"runat="server"CommandName="Select"OnCommand="lnkSelect_Command">选择</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateFieldHeaderText="图片">
<EditItemTemplate>
<asp:TextBoxID="TextBox1"runat="server"Text='<%#Eval("完整路径")%>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:ImageID="Image1"runat="server"Height="40px"ImageUrl='<%#Eval("完整路径")%>'
Width="35px"/>
</ItemTemplate>
<ItemStyleHorizontalAlign="Center"Width="45px"/>
</asp:TemplateField>
<asp:BoundFieldDataField="路径"HeaderText="图片说明">
</asp:BoundField>
<asp:BoundFieldDataField="序号"HeaderText="序号"/>
<asp:BoundFieldDataField="完整路径"HeaderText="完整路径"/>
</Columns>
<PagerSettingsVisible="False"/>
</asp:GridView>
</td>
</tr>
<tr>
<tdcolspan="3"style="height:21px;text-align:right">
&nbsp;
<asp:LinkButtonID="lnkbtnFrist"runat="server"OnClick="lnkbtnFrist_Click">首页</asp:LinkButton>
<asp:LinkButtonID="lnkbtnPre"runat="server"OnClick="lnkbtnPre_Click">上一页</asp:LinkButton>
<asp:LabelID="lblCurrentPage"runat="server"></asp:Label>
<asp:LinkButtonID="lnkbtnNext"runat="server"OnClick="lnkbtnNext_Click">下一页</asp:LinkButton>
<asp:LinkButtonID="lnkbtnLast"runat="server"OnClick="lnkbtnLast_Click">尾页</asp:LinkButton>
跳转到第<asp:DropDownListID="ddlCurrentPage"runat="server"AutoPostBack="True"OnSelectedIndexChanged="ddlName_SelectedIndexChanged">
</asp:DropDownList>页</td>
</tr>
</table>
<asp:ButtonID="btnOutPut"runat="server"Text="确定"OnClick="btnOutPut_Click"
CssClass="button_skin"Visible="False"/></td>
</tr>
</table>
</asp:Panel>
<asp:PanelID="Panel2"runat="server"Visible="False"Width="100%">
<tablestyle="width:100%">
<tr>
<tdcolspan="3"style="text-align:center">
<inputid="File1"type="file"runat="server"class="button_skin"/>
<asp:ButtonID="btnUpImage"runat="server"OnClick="btnUpImage_Click"Text="上传"
CssClass="button_skin"/></td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</center>
<scriptsrc="wz_tooltip.js"type="text/javascript"></script>
<divid='d'style='display:none;padding:3px;border-color:#0066ff;border-style:dashed;border-width:1px;"align=left'><imgid="showmaximg"src=''alt="图片"/></div>
<!--<divid='d'style='display:none;OVERFLOW:auto;WIDTH:260px;HEIGHT:300px'align="left"><imgid="showmaximg"src=''/></div>-->

2.后台代码:

usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
usingSystem.IO;
usingMicrosoft.SharePoint;
usingyesinda.yesindakms.sharepoint;
usingyesinda.yesindakms.sharepoint.List;

publicpartialclassusercontrol_ImageControl:System.Web.UI.UserControl
...