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

izuoyan

浏览: 9220585 次
性别:
来自: 上海

最近访客更多访客>>

GDGZWQZ

morelily

eternal1025

devcang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-06 ( 32)
2012-05 ( 145)
2012-04 ( 50)
更多存档...

ASP SharePoint UI Web JavaScript

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"/>

 <tablestyle="width:66%">

<tr>

<tdstyle="height:60px;text-align:center">

</td>

<tdstyle="height:60px;text-align:center">

</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%">

<asp:TemplateField>

<inputid="Checkbox2"runat="server"onclick="CheckAll(this)"type="checkbox"visible="false"/>

</HeaderTemplate>

<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="图片">

<asp:TextBoxID="TextBox1"runat="server"Text='<%#Eval("完整路径")%>'></asp:TextBox>

</EditItemTemplate>

<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">

<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>

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

<span

分享到：

最全面的表单验证脚本 | div 边框

2007-03-27 09:15
浏览 1085
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论