62,074
社区成员
发帖
与我相关
我的任务
分享GridView点击编辑按钮后，弹出的一个文本框，点击文本框可以显示日历控件
我的GridView里有一个时间列，他的<ItemTemplate>模板里放Labe用来显示时间， <EditItemTemplate>模板里放的是一个TextBOx控件，我想在点击编辑按钮的时候啊，时间列里显示出文本框里，点击文本框的时候可以弹出Js的日历控件。不知道这样是不是可以实现，应该怎么做比较好？Html代码.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowDeleting="GridView1_RowDeleting" DataKeyNames="ID" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3">
<Columns>
<asp:TemplateField HeaderText="编号">
<ItemTemplate>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="添加时间">
<EditItemTemplate>
<asp:TextBox ID="txtAddTime" runat="server" Text='<%# Eval("addtime") %>' ></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("addtime") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:CommandField HeaderText="操作" ShowDeleteButton="True" ShowEditButton="True" DeleteText="<span id="de" onclick="JavaScript:return confirm('确定删除吗？')">删除</span> " />
</Columns>
<FooterStyle BackColor="White" ForeColor="#000066" />
<RowStyle ForeColor="#000066" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
</asp:GridView>
</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowDeleting="GridView1_RowDeleting" DataKeyNames="ID" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3">
<Columns>
<asp:TemplateField HeaderText="编号">
<ItemTemplate>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="添加时间">
<EditItemTemplate>
<asp:TextBox ID="txtAddTime" runat="server" Text='<%# Eval("addtime") %>' ></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("addtime") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:CommandField HeaderText="操作" ShowDeleteButton="True" ShowEditButton="True" DeleteText="<span id="de" onclick="JavaScript:return confirm('确定删除吗？')">删除</span> " />
</Columns>
<FooterStyle BackColor="White" ForeColor="#000066" />
<RowStyle ForeColor="#000066" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
</asp:GridView>
</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
SomethingJack 2012-03-16
- 打赏
- 举报
在文本框中使用my97date日期控件`
feiwufengsha1234 2012-03-16
- 打赏
- 举报
用JS做成日期控件，在页面引用JS。上网上搜一下很多这方面的代码。
syb1045 2011-06-26
- 打赏
- 举报
kan ku cha
boyuanzhi2008 2011-06-26
- 打赏
- 举报
你做出这个效果没啊
littlehand 2009-04-30
- 打赏
- 举报
<asp:TextBox ID="txtAddTime" OnClientClick="show('日历')" runat="server" Text=' <%# Eval("addtime") %>' > </asp:TextBox>
