• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET简化编辑界面解决思路及实现代码(2)
    程序是需要不断改进,上午做了,下午再去看时,会觉它不够完美。
    比如这个: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中操作数据之二十:定制数据修改界面
    上一篇:C#数据绑定控件中的DataSource属性浅谈
    下一篇:水晶报表图片不显示两种问题分析及解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ASP.NET简化编辑界面解决思路及实现代码(2) ASP.NET,简化,编辑,界面,解决,