DataGrid中TextBox的onChange事件提升

最新推荐文章于 2021-03-25 16:22:59 发布
最新推荐文章于 2021-03-25 16:22:59 发布
阅读量2.6k 收藏 3
点赞数
分类专栏： ASP.NET 文章标签： textbox datagrid server string null asp
 
微软的控件功能很强,开发起来容易上手,可是需求总是不能满足的。所以我们为了满足不同需求,会重写一控件.
就比如 DataGrid中TextBox的onChange事件.DataGrid捕获不到,TextBox和Button不一样.Button有commandName属性,我们可以用commandName属性来区别触发的事件.如果要实现TextBox的onChange事件让DataGrid捕获,那就需要事件提升,现在有2种解决方案第一种,重写TextBox控件
前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<%@ Register Namespace ="Abin.Controls"  TagPrefix="Abin"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False"
             OnItemCommand="DataGrid1_ItemCommand">
            <Columns>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <Abin:CommandTextBox ID="TextBox1" runat="server" CommandName="OnChange" AutoPostBack="True"></Abin:CommandTextBox>
                    </ItemTemplate>
                    <HeaderTemplate>
                        工号
                    </HeaderTemplate>
                </asp:TemplateColumn>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <Abin:CommandTextBox ID="TextBox2" runat="server" BackColor="LightGray" ReadOnly="True"></Abin:CommandTextBox>
                    </ItemTemplate>
                    <HeaderTemplate>
                        名字
                    </HeaderTemplate>
                </asp:TemplateColumn>
            </Columns>
        </asp:DataGrid></div>
    </form>
</body>
</html>

后台代码

using System;
using System.Web.UI.WebControls;
using Abin.Controls;

public partial class Default3 : System.Web.UI.Page
{
    #region Page_load
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindDataGrid();
        }
    }
    #endregion

    #region DataGrid绑定
    private void BindDataGrid()
    {
        DataGrid1.DataSource = new string[] { "Abin", "Abin", "Abin", "Abin", "Abin", "Abin" };

        DataGrid1.DataBind();
    }
    #endregion

    #region GetResult
    private string GetResult(string strName)
    {
        if (strName == "033221")
        {
            return "阿滨";
        }
        else if (strName == "033222")
        {
            return "小猪";
        }
        else if (strName.Length == 0)
        {
            return null;
        }
        else
        {
            return "沒有找到";
        }
    }
    #endregion

    #region DataGrid1_ItemCommand
    protected void DataGrid1_ItemCommand(object source, DataGridCommandEventArgs e)
    {
        if (e.CommandName == "OnChange")
        {
            string currenttxtName = null;

            int index = e.Item.ItemIndex;

            CommandTextBox ctb = this.DataGrid1.Items[index].FindControl("TextBox1") as CommandTextBox;
           
            if (ctb != null)
            {
                currenttxtName = ctb.Text;
            }

            ctb = this.DataGrid1.Items[index].FindControl("TextBox2") as CommandTextBox;

            if (ctb != null)
            {
                ctb.Text = GetResult(currenttxtName);
            }
        }
    }
    #endregion


}


重写TextBox类


using System;
using System.Web.UI.WebControls;
using System.ComponentModel;
/// <summary>
/// CommandTextBox 的摘要说明
/// </summary>
///
namespace Abin.Controls
{
    public class CommandTextBox : TextBox
    {
        #region 属性
        [Browsable(true)]
        public string CommandName
        {
            get
            {
                return ViewState["CommandName"] == null ? string.Empty : ViewState["CommandName"].ToString();
            }

            set
            {
                ViewState["CommandName"] = value;
            }
        }

        #endregion

        #region 事件冒泡

        protected virtual void OnCommand(CommandEventArgs e)
        {
            base.RaiseBubbleEvent(this, e);
        }
        #endregion

        #region 重写
       
        protected override void OnTextChanged(EventArgs e)
        {
            if (this.AutoPostBack)
            {
                CommandEventArgs args = new CommandEventArgs(this.CommandName, null);

                OnCommand(args);
            }
        }

        #endregion
    }
}


这样就可以实现捕获了，现在我们用第2种方法来实现


前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
                    </ItemTemplate>
                    <HeaderTemplate>
                        工号
                    </HeaderTemplate>
                </asp:TemplateColumn>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" BackColor="LightGray"></asp:TextBox>
                    </ItemTemplate>
                    <HeaderTemplate>
                        名字
                    </HeaderTemplate>
                </asp:TemplateColumn>
            </Columns>
        </asp:DataGrid></div>
    </form>
</body>
</html>

后台代码

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default4 : System.Web.UI.Page
{
    #region Page_load
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindDataGrid();
        }
    }
    #endregion

    #region DataGrid绑定
    private void BindDataGrid()
    {
        DataGrid1.DataSource = new string[] { "Abin", "Abin", "Abin", "Abin", "Abin", "Abin" };

        DataGrid1.DataBind();
    }
    #endregion

    #region GetResult
    private string GetResult(string strName)
    {
        if (strName == "033221")
        {
            return "阿滨";
        }
        else if (strName == "033222")
        {
            return "小猪";
        }
        else if (strName.Length == 0)
        {
            return null;
        }
        else
        {
            return "沒有找到";
        }
    }
    #endregion

    #region TextBox1_TextChanged
    protected void TextBox1_TextChanged(object sender, EventArgs e)
    {
        TextBox tb = (TextBox)sender;

        if (tb != null)
        {
            TableCell cell = tb.Parent as TableCell;

            if (cell != null)
            {
                DataGridItem dgi = cell.Parent as DataGridItem;

                string currenttxtName = null;

                int index = dgi.ItemIndex;

                tb = DataGrid1.Items[index].FindControl("TextBox1") as TextBox;

                if (tb != null)
                {
                    TextBox tb1 = DataGrid1.Items[index].FindControl("TextBox2") as TextBox;

                    tb1.Text = GetResult(tb.Text);
                }
            }
        }

    }
    #endregion
}


 
fanweiwei
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyui中datagrid行内编辑自动计算
baduiliao3311的博客
09-13 985
在项目开发中，如果列表中涉及的有计算逻辑的，最偷懒的办法的办法，先建一个form表单，摆一些文本框，读取文本框内的值，编写计算逻辑得出结果，So easy!!! 可是有些客户对打开一个新的表单，太麻烦（客户就是上帝，能解决的麻烦，就给客户解决了），希望能在列表中直接编辑字段内容，自动计算值。我这个需求让我废了半天时间。对计算的列，客户想手动的修改计算的结果。然后还有一列，不手动改，也是...
easyui datagrid editor在编辑状态下更新列值并不结束编辑。
y136118630的博客
06-17 1万+
首先是自定义了一个方法uodateColumn更新列值 /** *自定义的修改列值方法 */ $.extend($.fn.datagrid.methods, { updateColumn: function(datagrid,data) { datagrid.each(function(){ //获取缓存中的配置数据 var gr
easyui-textbox和easyui-combobox的onchange事件响应实例
08-01
这是我自己总结出来easyui-textbox和easyui-combobox的onchange事件响应实例，绝对可用，网上很多实例都无法运行，这个我亲自测试可用使用才传上来的，供大家参考学习。
[ZT]DataGrid中TextBox的onChange事件解决方法
banglvfei0870的博客
09-21 314
来源：http://www.cnblogs.com/singlepine/archive/2006/05/21/405566.html微软的控件功能很强,开发起来容易上手,可是需求总是不能满足的。所以我们为了满足不同需求,会重写一控件.就比如DataGrid中TextBox的onChange事件.DataGrid捕获不到,TextBox和Button不一样.Button有c...
easyui-textbox与easyui-combobox的onChange事件
yan_yzy的博客
10-13 9275
easyui-textbox中 //这样写没用，并不会在文本框输入数字发生变化时出发fee方法 //直接在js初始化中$('#edt').textbox({ onChange: function(value) { fee(); } }); //combobox同理 $("#edtR").combobox({ onChang
EasyUI DataGrid中单元格combbox绑定 onchange事件
weberhuangxingbo的博客
12-12 3087
一、代码片段 /** * 初始化表配置Tab页 */ function initDomainTableGrid(grid) { var editRow = undefined; var datagrid; var types = this.buildRuleParamOption(null); $('#'+grid).datag...
asp.net使用DataGridTree实现下拉树的方法
10-25
4. **事件绑定**：可以为`<asp:textbox>`或`input`配置`onchange`事件，用于实现数字改变时自动更新父节点值。 5. **报表配置**：通过关闭`viewstate`来提升加载速度；动态定义列时可以创建新的`boundcolumn`实例。...
DataGridTree(asp.netmvc4.0)
06-25
1.代码包含asp.netMVC4.0版 DataGridTree 2.代码包含asp.net ...文本框 input 或 <asp:TextBox 配置事件onchange='sumParent(this);' 数字改变相应所有父节点也随着改变 针对数字型 其他不支持 * 不过可以自定义js
easyui datagrid editor text事件绑定
qq_35201754的博客
03-25 672
.... .... <th id="skuCodeId" field="skuCode" width="150" data-options="editor: { type: 'text', options: { onClick:f..
easyui datagrid 编辑状态时,为列添加文本改变事件
⑧o年崋日常记录
11-14 6479
最近用到jQuery EasyUI 的时候在datagrid编辑状态的时候,输入值统计合计的时候没有文本改变事件. 所以特地加上了文本改变事件用于统计合计...easyui的版本是1.4.3 第一步 在10707添加一个自定义的文本改变事件,参数对应index 行号 colName列名 (可自定义扩展) //文本编辑中值改变事件 onTextChangeEdit: ...
(原创)EasyUI中datagrid的行编辑模式中，找到特定的Editor，并为其添加事件
热门推荐
d7011800的专栏
03-19 6万+
有时候在行编辑的时候，一个编辑框的值要根据其它编辑框的值进行变化，那么可以通过在开启编辑时，找到特定的Editor，为其添加事件   // 绑定事件, index为当前编辑行 var editors = $('#staffLogDetailGrid').datagrid('getEditors', index);      console.info(editors[5]); var
2013-5-8:Js中文本框的onchange事件
weixin_30721077的博客
05-08 217
window.onload=function(){ document.getElementById('txt1').onchange=function(){ //当文本框内容发生变话时，会在标题栏中显示文本框中的内容 document.title=this.value; };...
textbox选择历史记录后无法触发onchange事件
haibin_hu的专栏
12-13 2551
function Changea() { document.getElementById('').value = "dddd"; // document.getElementById('').onchange(); } function Changeor() { //通过离焦事件，判断当前文本框的值和原来的text值是
easyui textbox 值改变事件
liupeipei1234的专栏
03-23 7716
&lt;script type="text/javascript"&gt; $(function () { $('#A').textbox('setValue', 10); $('#C').textbox('setValue', $('#A').textbox('getValue')); function ch...
ASP.NET DataGrid 中文字符拼音排序示例与实现代码
"在ASP.NET DataGrid中实现中文字符排序的详细教程" 在ASP.NET开发中，尤其是在使用DataGrid控件时，有时会遇到需要对包含中文字符的数据进行排序的需求。本文提供了一个基于Flex MX（ActionScript）框架的示例代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值