Div显示详细信息、拖动

来源:互联网 发布:materialdesign软件 编辑:程序博客网 时间:2024/06/16 18:15
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MemberManager.aspx.cs" Inherits="member_MemberDetail" %>
<!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>
    <link href="../css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/Http.js"></script>
    <script type="text/javascript" src="../js/MyDragLibrary.js"></script>
    <script type="text/javascript">
       function ShowDetail(olinkButton,uid){
          var url = "MemberDetail.aspx?uid="+uid+"&catch="+new Date().getTime();
          var x = window.event.clientX+document.documentElement.scrollLeft;
          var y = window.event.clientY + document.documentElement.scrollTop;
          var fnCallBack=function(oResult)
          {
             var oDivResult = document.getElementById("divResult");
             var oDivContent = document.getElementById("divContent");
             if (oDivContent){
                oDivContent.innerHTML = oResult;
             }
             if (oDivResult){
                oDivResult.style.display="block";
                oDivResult.style.left = x;
                oDivResult.style.top = y;
                MyDragHandler.AttachDrag("divResult");
             }
          }
          var fnLoading=function(){
          //TODO:添加一个loading.gif
          }
          Http.get(url,fnCallBack,fnLoading,null);
       }
      
       function closeDiv(){
         var oDivResult = document.getElementById("divResult");
         if (oDivResult){
            oDivResult.style.display="none";
         }
       }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:GridView ID="gvMemberDetail" runat="server" BackColor="LightGoldenrodYellow"
                BorderColor="Tan" BorderWidth="1px" CellPadding="2" DataSourceID="odsGetAllMemberDetail"
                ForeColor="Black" CssClass="backStageManager" GridLines="None" AutoGenerateColumns="False">
                <FooterStyle BackColor="Tan" />
                <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                <HeaderStyle BackColor="Tan" Font-Bold="True" />
                <AlternatingRowStyle BackColor="PaleGoldenrod" />
                <Columns>
                    <asp:TemplateField HeaderText="会员编号">
                        <EditItemTemplate>
                            <asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("uid") %>'></asp:TextBox>
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:LinkButton ID="lbtnMemberNo" OnClientClick='<%# Eval("uid", "ShowDetail(this,{0});return false") %>'
                                runat="server"><%# Eval("uid") %></asp:LinkButton>
                        </ItemTemplate>
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:TemplateField>
                    <asp:BoundField DataField="userName" HeaderText="会员名">
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:BoundField>
                    <asp:TemplateField HeaderText="性别">
                        <EditItemTemplate>
                            <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("gender") %>'></asp:TextBox>
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Image ID="Image1" runat="server" ImageUrl='<%# ShowGenderImg(Eval("gender")) %>' />
                        </ItemTemplate>
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:TemplateField>
                    <asp:BoundField DataField="birth" DataFormatString="{0:d}" HeaderText="出生日期">
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:BoundField>
                    <asp:BoundField DataField="registTime" DataFormatString="{0:d}" HeaderText="注册时间">
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:BoundField>
                    <asp:TemplateField HeaderText="信息来源">
                        <EditItemTemplate>
                            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="Label2" runat="server" Text='<%# GetInfoSource(Eval("infoSource_detail")) %>'></asp:Label>
                        </ItemTemplate>
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="操作">
                        <EditItemTemplate>
                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:ImageButton ID="ibtnDelete" runat="server" ImageUrl="~/images/Delete.gif" OnClick="ibtnDelete_Click"
                                OnClientClick="return confirm('删除后将不可恢复,确认删除吗?');" CommandArgument='<%# Eval("uid") %>' />
                        </ItemTemplate>
                        <HeaderStyle BackColor="#80FFFF" />
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <asp:ObjectDataSource ID="odsGetAllMemberDetail" runat="server" SelectMethod="GetAllMemberDetail"
                TypeName="BLL.MemberManager"></asp:ObjectDataSource>
            <br />
        </div>
        <div id="divResult" style="border-right: #003399 1px solid; border-top: #003399 1px solid;
            border-left: #003399 1px solid; border-bottom: #003399 1px solid; width: 408px;
            position: absolute; display: none; background-color: White">
            <div id="divTitle" style="width: 100%; height: 20px; text-align: right;">
                <span onclick="closeDiv()" style="width: 10px; height: 20px; cursor: pointer">
                    <img src="../images/closeWindow.gif" /></span>
            </div>
            <div id="divContent">
            </div>
        </div>
    </form>
</body>
</html>
原创粉丝点击