Gridview增加全选功能与日期字段显示格式化

最新推荐文章于 2020-10-12 23:12:21 发布

原创最新推荐文章于 2020-10-12 23:12:21 发布 · 1.4k 阅读

·

0

·

本内容遵循CC 4.0 BY-SA版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个 ASP.NET 应用程序中使用 GridView 控件实现复选框全选和获取选中值的方法。通过 JavaScript 函数实现了对复选框的控制，并详细展示了页面代码。同时提到了日期格式化显示的注意事项。

页面代码如下:

<script language="javascript" type="text/javascript">

// 得到已选择chedcbox的值

function GetSelectedValues()

{

var checkBoxSelectedObjList = window.document.getElementsByName("CheckBoxSelected");

if (checkBoxSelectedObjList == undefined) return true;

var selectedCount = checkBoxSelectedObjList.length;

var idList = "";

for (var i = 0; i < selectedCount; i++)

{

if (checkBoxSelectedObjList[i].checked)

{

if (idList == "")

idList = checkBoxSelectedObjList[i].value;

else

idList += "," + checkBoxSelectedObjList[i].value;

}

}

return idList;

}

// 全选或不选

function SelectAllCase(selectAllObj)

{

var checkBoxSelectedObjList = window.document.getElementsByName("CheckBoxSelected");

if (checkBoxSelectedObjList == undefined) return;

for (var i = 0; i < checkBoxSelectedObjList.length; i++)

{

if (selectAllObj.checked)

checkBoxSelectedObjList[i].checked = true;

else

checkBoxSelectedObjList[i].checked = false;

}

}

</script>

<asp:GridView ID="GridViewLogList" runat="server" DataKeyNames="DataImportBulk_Id" AutoGenerateColumns="False"

HeaderStyle-HorizontalAlign="center" HeaderStyle-VerticalAlign="middle" Width="100%" OnDataBound="GridViewLogList_DataBound">

<Columns>

<asp:TemplateField>

<HeaderTemplate>

<input type='checkbox' name='checkboxall' runat='server' id='checkboxselectall' onclick='SelectAllCase(this);' />

</HeaderTemplate>

<ItemTemplate>

<input type="checkbox" name="CheckBoxSelected" value="<%# Eval("Id") %>" />

</ItemTemplate>

<ItemStyle Wrap="False" Width="30px" />

<HeaderStyle Wrap="False" Width="30px" />

</asp:TemplateField>

<asp:BoundField DataField="BeginDateTime" HeaderText="开始时间" HtmlEncode="False" DataFormatString="{0:yyyy-MM-dd hh:mm:ss}">

<ItemStyle Wrap="False" />

<HeaderStyle Wrap="False" />

</asp:BoundField>

</Columns>

</asp:GridView>

如上代码:日期格式化日期必须加上"HtmlEncode='False'"否则"DataFormateString"中日期格式不起作用

标签

#asp #function #javascript #input #server

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。