gridview日期模板列,使用JS日历My97DatePicker
2009-09-16 07:43
375 查看
今天在GRIDVIEW中用JS日历My97DatePicker
GRIDVIEW建好,并设好数据源,把日期字段设成模板列
方法:只要在GRIDVIEW日期模板列编辑时(在行绑定数据后),在后台CS中对其属性,添加ONCLICK事件WdatePicker();
具体 fangqm.cn.aspx中GRIDVIEW代码,红色为日期列
指定日历JS位置
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
AutoGenerateEditButton="True" CellPadding="4" ForeColor="#333333"
GridLines="None" onrowcancelingedit="GridView1_RowCancelingEdit"
onrowediting="GridView1_RowEditing" onrowupdating="GridView1_RowUpdating"
onrowdatabound="GridView1_RowDataBound">
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<Columns>
<asp:TemplateField HeaderText="安装日期">
<EditItemTemplate>
<asp:TextBox ID="txtriqi" runat="server" Text='<%# Bind("anzhuangriqi") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("anzhuangriqi") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="dianwei_name" HeaderText="单位" />
<asp:BoundField DataField="wangdian_name" HeaderText="网点" />
</Columns>
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#999999" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
</asp:GridView>
fangqm.cn.cs部分代码:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)//数据行绑定
{
if (e.Row.RowType == DataControlRowType.DataRow)//1先判断当前行是不是数据行
{
if ( e.Row.RowState == DataControlRowState.Edit)//2再判断当前行状态是不是处于编辑状态
{
e.Row.Cells[1].Attributes.Add("onclick", "WdatePicker();");//对日期模板列添加单击事件WdatePicker()
}
}
}
GRIDVIEW建好,并设好数据源,把日期字段设成模板列
方法:只要在GRIDVIEW日期模板列编辑时(在行绑定数据后),在后台CS中对其属性,添加ONCLICK事件WdatePicker();
具体 fangqm.cn.aspx中GRIDVIEW代码,红色为日期列
指定日历JS位置
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
AutoGenerateEditButton="True" CellPadding="4" ForeColor="#333333"
GridLines="None" onrowcancelingedit="GridView1_RowCancelingEdit"
onrowediting="GridView1_RowEditing" onrowupdating="GridView1_RowUpdating"
onrowdatabound="GridView1_RowDataBound">
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<Columns>
<asp:TemplateField HeaderText="安装日期">
<EditItemTemplate>
<asp:TextBox ID="txtriqi" runat="server" Text='<%# Bind("anzhuangriqi") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("anzhuangriqi") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="dianwei_name" HeaderText="单位" />
<asp:BoundField DataField="wangdian_name" HeaderText="网点" />
</Columns>
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#999999" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
</asp:GridView>
fangqm.cn.cs部分代码:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)//数据行绑定
{
if (e.Row.RowType == DataControlRowType.DataRow)//1先判断当前行是不是数据行
{
if ( e.Row.RowState == DataControlRowState.Edit)//2再判断当前行状态是不是处于编辑状态
{
e.Row.Cells[1].Attributes.Add("onclick", "WdatePicker();");//对日期模板列添加单击事件WdatePicker()
}
}
}
相关文章推荐
- 使用js将long类型转化为"yyyy-MM-dd hh:mm:ss"日期格式&jQuery自带日历控件的汉化教程
- 在.Net下使用Access 的日期类型 及与js的日历控件交互
- My97DatePicker js日历的使用
- js日历选择日期插件使用(My970DatePicker)
- Js 日期选择,可以的一个页面中重复使用本JS日历,兼容IE及火狐等主流浏览器,而且界面简洁、美观,操作体验也不错。
- My97DatePicker日期插件WdatePicker.js的使用方法
- 使用moment.js轻松管理日期和时间
- 使用模板技术处理ASP.NET中GridView额外序号列的问题
- 使用JS,JQuery实现下拉框显示当前日期之前的年月
- 使用js时,如何获取系统当前时间并且得到格式为"yyyy年MM月"的日期
- 使用moment.js轻松管理日期和时间
- js和java中日期和日期字符串的相互转换和使用
- Handlerbars.js模板引擎的使用之中级篇
- 终于找到了在asp.net使用popcalendar.js 日历时候提示出现"缺少对象“的解决办法。
- js 日期控件laydate使用
- ASP.NET中日历控件和JS版日历控件的使用方法(第5节)
- 动态模板类使用 ITemplate 接口 GridView动态模板
- Soy文件生成JS文件 - 一个使用Google soy模板的例子
- jsp日期插件My97DatePicker 强大的日期控件 使用方便简单(转)
- QCalendar的使用:实现弹出日历选择日期的例子