当前位置:编程学习 > C#/ASP.NET >>

怎样设置ASP.net中的Panel控件出现在鼠标焦点处?

我最近在做一个网站,在做后台的时候想要实现点击编辑操作可以使编辑状态框出现在编辑按钮附近。我自己的思路是。看代码
<div id="nav_main">
                            <asp:DataList ID="datalistMain" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"
                                OnItemCommand="datalistMain_ItemCommand" OnItemDataBound="datalistMain_ItemDataBound"
                                OnCancelCommand="datalistMain_CancelCommand" OnUpdateCommand="datalistMain_UpdateCommand">
                                <ItemTemplate>
                                    <div id="list">
                                        <div id="listContent">
                                            <asp:HyperLink ToolTip='<%# Eval("N_url") %>' NavigateUrl='<%#"http://"+Eval("N_url") %>'
                                                Target="_blank" runat="server"><%#Eval ("N_name") %></asp:HyperLink>
                                            <asp:Label ID="lblID" Visible="false" runat="server" Text='<%#Eval("N_id") %>'></asp:Label>
                                        </div>
                                        <div id="listEdit">
                                            <asp:ImageButton BorderStyle="None" ID="navMainEdit" runat="server" ToolTip="修改"
                                                CommandName="editItem" CssClass="navMainEdit" ImageUrl="~/Images/btnImage.gif" />
                                            <asp:ImageButton ID="navMainDele" runat="server" ToolTip="删除" OnClientClick="return confirm('确定要删除吗?')"
                                                CommandName="deleItem" CssClass="navMainDele" ImageUrl="~/Images/btnImage.gif" />
                                        </div>
                                        <asp:Panel ID="editDiv" runat="server" Visible="false">
                                            <table id="editTbl">
                                                <tr>
                                                    <td>
                                                        <asp:Button ID="btnEdit1" Text="确认" runat="server" CommandName="Update" />
                                                        <asp:Button ID="btnCancel1" Text="取消" runat="server" CommandName="Cancel" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblEditID" Visible="false" runat="server" Text='<%#Eval("N_id") %>'></asp:Label>
                                                        <asp:TextBox ID="txtEditName" Width="130px" runat="server" Text='<%# Eval("N_name") %>'></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:TextBox ID="txtEditUrl" Width="130px" runat="server" Text='<%# Eval("N_url") %>'></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblTypeVis" Visible="false" runat="server" Text='<%# Eval("N_type") %>'></asp:Label>
                                                        <asp:DropDownList ID="droplistEditType" Width="90px" runat="server">
                                                        </asp:DropDownList>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblMarkVis" Visible="false" runat="server" Text='<%# Eval("N_mark") %>'></asp:Label>
                                                        <asp:DropDownList ID="droplistEditMark" Width="90px" runat="server">
                                                        </asp:DropDownList>
                                                    </td>
                                                </tr>
                                            </table>
                                        </asp:Panel>
                                    </div>
                                </ItemTemplate>
                            </asp:DataList>
                        </div>


使用Panel来放置项目的编辑内容,并隐藏,在点击编辑操作之后显示。再操作。
感觉Datalist的每个Item都绑定太麻烦了,而且感觉不是很完美。
我想实现点击编辑后绑定在外面的编辑框(这个不难),我现在想让编辑框随着按钮点击而出现在附近,
这样item多的时候(可编辑内容不多,3、4项而已),编辑起来方便很多。求方法、思路,万谢!!! asp.net Panel js --------------------编程问答-------------------- 第一次发帖求助
求大神帮忙啊 --------------------编程问答-------------------- 求思路
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,