ASP.NET简化编辑界面解决思路及实现代码(2)
更新时间：2013年01月25日 11:11:06 作者：
这篇与前一篇改进部分，也许大家会留意到动画演示，主要是GridVeiw的更新与删除会在每row都有。因此Insus.NET把它抽取出来，放在GridView外,感兴趣的朋友可以了解下啊，希望本文对你有所帮助
程序是需要不断改进，上午做了，下午再去看时，会觉它不够完美。
比如这个：https://www.jb51.net/article/33563.htm现在Insus.NET把它改为下面这个样子：
这篇与前一篇改进部分，也许大家会留意到动画演示，主要是GridVeiw的更新与删除会在每row都有。因此Insus.NET把它抽取出来，放在GridView外。致于一次性更新多笔记录，Insus.NET在很早之前已经录制过视频下载地址。还有一个就是删除，在每row第一列放了一个CheckBox，让用户可以选择记录进行删除。
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" />
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" />
</ItemTemplate>
</asp:TemplateField>
删除前提示用户确认之后，再删除，但是在这里遇上一个问题，就是首先判断是否有选择记录，再confirm用户确认删除
还有一点要注意的地方，就是选择CheckBox之后，行可以Highlight，实现方可以参考：https://www.jb51.net/article/33558.htm
以下较完整代码，仅供参考：
<asp:Table ID="Table1" runat="server" CssClass="table" CellPadding="2" CellSpacing="0">
<asp:TableHeaderRow Height="20" BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
Chinese Name
</asp:TableHeaderCell>
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0" Width="50%">
English Name
</asp:TableHeaderCell>
</asp:TableHeaderRow>
<asp:TableRow Height="20">
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox ID="txt_CName" runat="Server" CssClass="textbox" />
</asp:TableCell>
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox ID="txt_EName" runat="Server" CssClass="textbox" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<div style="margin-top: 3px; margin-bottom: 3px; padding: 3px;">
<asp:Button ID="ButtonInsert" Text="Insert" runat="Server" OnClick="ButtonInsert_Click" />
<asp:Button ID="ButtonUpdate" Text="Update" runat="Server" OnClick="ButtonUpdate_Click" />
<asp:Button ID="ButtonDelete" Text="Delete" runat="Server" OnClick="ButtonDelete_Click"
CausesValidation="false" />
</div>
<asp:GridView ID="GvCutterType" runat="server" DataKeyNames="CutterTypeId" AutoGenerateColumns="false"
CellPadding="2" CellSpacing="0" Width="100%" BorderWidth="0" BorderColor="#c0c0c0"
RowStyle-Height="20" ShowHeader="false">
<Columns>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" />
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:TextBox ID="txtCName" runat="server" Text='<%# Eval("CName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="50%" />
<ItemTemplate>
<asp:TextBox ID="txtEName" runat="server" Text='<%# Eval("EName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
xxx.aspx.cs:
protected void ButtonInsert_Click(object sender, EventArgs e)
{
//do Insert something
//obj.Insert(......);
}
protected void ButtonUpdate_Click(object sender, EventArgs e)
{
//reference this url: http://www.cnblogs.com/insus/articles/1400150.html
}
protected void ButtonDelete_Click(object sender, EventArgs e)
{
// string dataKeyNames = xxx;
// string[] arr = dataKeyNames.Substring(1).Split(',');
try
{
foreach (string s in arr)
{
//obj.Delter(s);
}
}
catch (Exception ex)
{
//alert exception message
}
}
比如这个：https://www.jb51.net/article/33563.htm现在Insus.NET把它改为下面这个样子：
这篇与前一篇改进部分，也许大家会留意到动画演示，主要是GridVeiw的更新与删除会在每row都有。因此Insus.NET把它抽取出来，放在GridView外。致于一次性更新多笔记录，Insus.NET在很早之前已经录制过视频下载地址。还有一个就是删除，在每row第一列放了一个CheckBox，让用户可以选择记录进行删除。
复制代码 代码如下:
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" />
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" />
</ItemTemplate>
</asp:TemplateField>
删除前提示用户确认之后，再删除，但是在这里遇上一个问题，就是首先判断是否有选择记录，再confirm用户确认删除
还有一点要注意的地方，就是选择CheckBox之后，行可以Highlight，实现方可以参考：https://www.jb51.net/article/33558.htm
以下较完整代码，仅供参考：
复制代码 代码如下:
<asp:Table ID="Table1" runat="server" CssClass="table" CellPadding="2" CellSpacing="0">
<asp:TableHeaderRow Height="20" BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
Chinese Name
</asp:TableHeaderCell>
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0" Width="50%">
English Name
</asp:TableHeaderCell>
</asp:TableHeaderRow>
<asp:TableRow Height="20">
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox ID="txt_CName" runat="Server" CssClass="textbox" />
</asp:TableCell>
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox ID="txt_EName" runat="Server" CssClass="textbox" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<div style="margin-top: 3px; margin-bottom: 3px; padding: 3px;">
<asp:Button ID="ButtonInsert" Text="Insert" runat="Server" OnClick="ButtonInsert_Click" />
<asp:Button ID="ButtonUpdate" Text="Update" runat="Server" OnClick="ButtonUpdate_Click" />
<asp:Button ID="ButtonDelete" Text="Delete" runat="Server" OnClick="ButtonDelete_Click"
CausesValidation="false" />
</div>
<asp:GridView ID="GvCutterType" runat="server" DataKeyNames="CutterTypeId" AutoGenerateColumns="false"
CellPadding="2" CellSpacing="0" Width="100%" BorderWidth="0" BorderColor="#c0c0c0"
RowStyle-Height="20" ShowHeader="false">
<Columns>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" />
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:TextBox ID="txtCName" runat="server" Text='<%# Eval("CName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="50%" />
<ItemTemplate>
<asp:TextBox ID="txtEName" runat="server" Text='<%# Eval("EName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
xxx.aspx.cs:
复制代码 代码如下:
protected void ButtonInsert_Click(object sender, EventArgs e)
{
//do Insert something
//obj.Insert(......);
}
protected void ButtonUpdate_Click(object sender, EventArgs e)
{
//reference this url: http://www.cnblogs.com/insus/articles/1400150.html
}
protected void ButtonDelete_Click(object sender, EventArgs e)
{
// string dataKeyNames = xxx;
// string[] arr = dataKeyNames.Substring(1).Split(',');
try
{
foreach (string s in arr)
{
//obj.Delter(s);
}
}
catch (Exception ex)
{
//alert exception message
}
}
您可能感兴趣的文章:
- ASP.NET 防止用户跳过登陆界面
- ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
- ASP.NET简化编辑界面解决思路及实现代码
- ASP.Net中利用CSS实现多界面的两种方法
- asp.net通过动态加载不同CSS实现多界面
- 在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息
- 在ASP.NET 2.0中操作数据之十六：概述插入、更新和删除数据
- 在ASP.NET 2.0中操作数据之十七：研究插入、更新和删除的关联事件
- 在ASP.NET 2.0中操作数据之十八：在ASP.NET页面中处理BLL/DAL层的异常
- 在ASP.NET 2.0中操作数据之十九：给编辑和新增界面增加验证控件
- 在ASP.NET 2.0中操作数据之二十：定制数据修改界面
相关文章
这篇文章主要给大家介绍了关于ASP.NET Core实现单体程序的事件发布/订阅的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
本篇文章介绍了，.NET中应用程序内共享UdpClient联机的实现方法。需要的朋友参考下2013-05-05
asp.net中SqlCacheDependency缓存技术概述
这篇文章主要介绍了asp.net中SqlCacheDependency缓存技术概述,是大型web程序设计中常用的技术,本文对此进行了较为详细的描述,需要的朋友可以参考下2014-08-08
前两天看了一个自定义分页控件，和AspNetPager一样是实现IPostBackEventHandler接口，不过简洁许多，就想能不能实现ICallbackEventHandler接口做到无刷新分页呢？想到了就马上去做，终于，设想变成了现实！！2010-03-03
这篇文章主要为大家详细介绍了如何使用重绘项美化WinForm中控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
本文给大家分享ASP.NET Core文件压缩常见的三种误区，就每种误区给大家讲解的非常详细，是项目实践的最佳纪录，对ASP.NET Core文件压缩相关知识感兴趣的朋友一起看看吧2021-05-05
增强.net的功能需要用到了扩展实现代码，大家可以参考下2008-09-09
ASP.NET相对于ASP,设置权限方面有点不同，有一点儿设置错了都运行不到。在网上搜索到的都是很垃圾的答案，没有一个用得到的，下面是我自己设置并从中遇到的问题摸索后得到的经验，给大家分享。2011-08-08
Asp.Net文本换行...2007-04-04
这篇文章主要为大家详细介绍了asp.net基础学习之前端页面布局，什么是母版页，如何创建母版页，感兴趣的小伙伴们可以参考一下2016-08-08
最新评论