[ZT]DataGrid中TextBox的onChange事件解决方法

最新推荐文章于 2023-04-09 18:23:41 发布
最新推荐文章于 2023-04-09 18:23:41 发布
阅读量313 收藏
点赞数
文章标签： javascript ui xhtml ViewUI
原文链接：http://www.cnblogs.com/godwar/archive/2008/09/21/1295331.html
版权

 

来源： http://www.cnblogs.com/singlepine/archive/2006/05/21/405566.html
微软的控件功能很强,开发起来容易上手,可是需求总是不能满足的。所以我们为了满足不同需求,会重写一控件.
就比如 DataGrid中TextBox的onChange事件.DataGrid捕获不到,TextBox和Button不一样.Button有commandName属性,我们可以用commandName属性来区别触发的事件.如果要实现TextBox的onChange事件让DataGrid捕获,那就需要事件提升,现在有2种解决方案第一种,重写TextBox控件
前台代码

 

Code
 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
 2<%@ Register Namespace ="Abin.Controls"  TagPrefix="Abin"%>
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>无标题页</title>
 8</head>
 9<body>
10    <form id="form1" runat="server">
11    <div>
12        <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False"
13             OnItemCommand="DataGrid1_ItemCommand">
14            <Columns>
15                <asp:TemplateColumn>
16                    <ItemTemplate>
17                        <Abin:CommandTextBox ID="TextBox1" runat="server" CommandName="OnChange" AutoPostBack="True"></Abin:CommandTextBox>
18                    </ItemTemplate>
19                    <HeaderTemplate>
20                        工号
21                    </HeaderTemplate>
22                </asp:TemplateColumn>
23                <asp:TemplateColumn>
24                    <ItemTemplate>
25                        <Abin:CommandTextBox ID="TextBox2" runat="server" BackColor="LightGray" ReadOnly="True"></Abin:CommandTextBox>
26                    </ItemTemplate>
27                    <HeaderTemplate>
28                        名字
29                    </HeaderTemplate>
30                </asp:TemplateColumn>
31            </Columns>
32        </asp:DataGrid></div>
33    </form>
34</body>
35</html>
36
37


后台代码

Code
  1using System;
  2using System.Web.UI.WebControls;
  3using Abin.Controls;
  4
  5public partial class Default3 : System.Web.UI.Page
  6{
  7    Page_load#region Page_load
  8    protected void Page_Load(object sender, EventArgs e)
  9    {
 10        if (!IsPostBack)
 11        {
 12            BindDataGrid();
 13        }
 14    }
 15    #endregion
 16
 17    DataGrid绑定#region DataGrid绑定
 18    private void BindDataGrid()
 19    {
 20        DataGrid1.DataSource = new string[] { "Abin", "Abin", "Abin", "Abin", "Abin", "Abin" };
 21
 22        DataGrid1.DataBind();
 23    }
 24    #endregion
 25
 26    GetResult#region GetResult
 27    private string GetResult(string strName)
 28    {
 29        if (strName == "033221")
 30        {
 31            return "阿滨";
 32        }
 33        else if (strName == "033222")
 34        {
 35            return "小猪";
 36        }
 37        else if (strName.Length == 0)
 38        {
 39            return null;
 40        }
 41        else
 42        {
 43            return "沒有找到";
 44        }
 45    }
 46    #endregion
 47
 48    DataGrid1_ItemCommand#region DataGrid1_ItemCommand
 49    protected void DataGrid1_ItemCommand(object source, DataGridCommandEventArgs e)
 50    {
 51        if (e.CommandName == "OnChange")
 52        {
 53            string currenttxtName = null;
 54
 55            int index = e.Item.ItemIndex;
 56
 57            CommandTextBox ctb = this.DataGrid1.Items[index].FindControl("TextBox1") as CommandTextBox;
 58            
 59            if (ctb != null)
 60            {
 61                currenttxtName = ctb.Text;
 62            }
 63
 64            ctb = this.DataGrid1.Items[index].FindControl("TextBox2") as CommandTextBox;
 65
 66            if (ctb != null)
 67            {
 68                ctb.Text = GetResult(currenttxtName);
 69            }
 70        }
 71    }
 72    #endregion
 73
 74
 75}
 76
 77
 78
 79重写TextBox类
 80
 81
 82
 83using System;
 84using System.Web.UI.WebControls;
 85using System.ComponentModel;
 86/**//// <summary>
 87/// CommandTextBox 的摘要说明
 88/// </summary>
 89/// 
 90namespace Abin.Controls
 91{
 92    public class CommandTextBox : TextBox
 93    {
 94        属性#region 属性
 95        [Browsable(true)]
 96        public string CommandName
 97        {
 98            get
 99            {
100                return ViewState["CommandName"] == null ? string.Empty : ViewState["CommandName"].ToString();
101            }
102
103            set
104            {
105                ViewState["CommandName"] = value;
106            }
107        }
108
109        #endregion
110
111        事件冒泡#region 事件冒泡
112
113        protected virtual void OnCommand(CommandEventArgs e)
114        {
115            base.RaiseBubbleEvent(this, e);
116        }
117        #endregion
118
119        重写#region 重写
120        
121        protected override void OnTextChanged(EventArgs e)
122        {
123            if (this.AutoPostBack)
124            {
125                CommandEventArgs args = new CommandEventArgs(this.CommandName, null);
126
127                OnCommand(args);
128            }
129        }
130
131        #endregion
132    }
133}
134
135
136
137

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


前台代码

Code
 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
 2
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>无标题页</title>
 8</head>
 9<body>
10    <form id="form1" runat="server">
11    <div>
12        <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False">
13            <Columns>
14                <asp:TemplateColumn>
15                    <ItemTemplate>
16                        <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
17                    </ItemTemplate>
18                    <HeaderTemplate>
19                        工号
20                    </HeaderTemplate>
21                </asp:TemplateColumn>
22                <asp:TemplateColumn>
23                    <ItemTemplate>
24                        <asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" BackColor="LightGray"></asp:TextBox>
25                    </ItemTemplate>
26                    <HeaderTemplate>
27                        名字
28                    </HeaderTemplate>
29                </asp:TemplateColumn>
30            </Columns>
31        </asp:DataGrid></div>
32    </form>
33</body>
34</html>
35
36


后台代码

Code
 1using System;
 2using System.Data;
 3using System.Configuration;
 4using System.Collections;
 5using System.Web;
 6using System.Web.Security;
 7using System.Web.UI;
 8using System.Web.UI.WebControls;
 9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HtmlControls;
11
12public partial class Default4 : System.Web.UI.Page
13{
14    Page_load#region Page_load
15    protected void Page_Load(object sender, EventArgs e)
16    {
17        if (!IsPostBack)
18        {
19            BindDataGrid();
20        }
21    }
22    #endregion
23
24    DataGrid绑定#region DataGrid绑定
25    private void BindDataGrid()
26    {
27        DataGrid1.DataSource = new string[] { "Abin", "Abin", "Abin", "Abin", "Abin", "Abin" };
28
29        DataGrid1.DataBind();
30    }
31    #endregion
32
33    GetResult#region GetResult
34    private string GetResult(string strName)
35    {
36        if (strName == "033221")
37        {
38            return "阿滨";
39        }
40        else if (strName == "033222")
41        {
42            return "小猪";
43        }
44        else if (strName.Length == 0)
45        {
46            return null;
47        }
48        else
49        {
50            return "沒有找到";
51        }
52    }
53    #endregion
54
55    TextBox1_TextChanged#region TextBox1_TextChanged
56    protected void TextBox1_TextChanged(object sender, EventArgs e)
57    {
58        TextBox tb = (TextBox)sender;
59
60        if (tb != null)
61        {
62            TableCell cell = tb.Parent as TableCell;
63
64            if (cell != null)
65            {
66                DataGridItem dgi = cell.Parent as DataGridItem;
67
68                string currenttxtName = null;
69
70                int index = dgi.ItemIndex;
71
72                tb = DataGrid1.Items[index].FindControl("TextBox1") as TextBox;
73
74                if (tb != null)
75                {
76                    TextBox tb1 = DataGrid1.Items[index].FindControl("TextBox2") as TextBox;
77
78                    tb1.Text = GetResult(tb.Text);
79                }
80            }
81        }
82
83    }
84    #endregion
85}
86
87

 


2种方法都实现了。代码很简单。我就不讲解了.
完整的代码下载
http://files.cnblogs.com/mextb1860/WebSite2.zip

转载于:https://www.cnblogs.com/godwar/archive/2008/09/21/1295331.html

banglvfei0870
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui-textbox和easyui-combobox的onchange事件响应实例
08-01
在这个实例中，我们将深入探讨 EasyUI 中的两个重要组件：`easyui-textbox` 和 `easyui-combobox`，以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件，它扩展了原生 HTML 的 `input` 元素...
easyui中datagrid列表里面带有textbox和combobox的示例
feinifi的博客
01-14 5532
datagrid在默认情况下，我们只是用来展示数据，大多数情况下是和分页结合使用，但是偶尔的一些特殊需求，他要展示一个form表单的一些列表项，而且还可以在列表中进行修改，最终提交表单的时候，我们在列表里面的文本框或者下拉框中做的修改，能够体现在form表单中，我们知道，datagrid的columns属性，提供了如{field:"action",formatter:actions}的形式，可以直...
ASP.NET TextBox输入时触发OnTextChanged事件
qq_43628355的博客
04-09 634
TextBox4.Text = TextBox1.Text + "是客户？
DataGrid模板列中TextBox的焦点相应键盘事件
郭岩（guoyan19811021，吉祥）的专栏
10-22 1245
     DataGrid模板列中TextBox的焦点相应键盘事件     首先在DataGrid中加入模板列:                                                                                                                            
onchange触发不了
chiwawa_的博客
07-07 2664
onchange触发不了
C#实现给DataGrid单元行添加双击事件的方法
12-26
本文实例讲述了C#实现给DataGrid单元行添加双击事件的方法。分享给大家供大家参考。具体如下： 现在我需要做到的功能是当我单击DataGrid某行时显示相对应选中的数据信息，在双击此相同行时弹出删除对话框，应该怎么...
DataGrid中实现超链接的3种方法
01-01
1.使用DataGrid中的超链接列—HyperLinkColumn 相信很多人都使用过datagrid中的超链接列,它很好用，默认情况下只能传递一个参数，如下所示： 代码如下:”CompanyName” DataNavigateUrlField=”CustomerID” ...
ASP.NET中访问DataGrid中所有控件值的方法
01-02
本文实例讲述了ASP.NET中访问DataGrid中所有控件值的方法。分享给大家供大家参考，具体如下： <%@ Page Language=C# %> <%@ import Namespace=System.Collections %> [removed] void Page_Load...
TextBox JS前台赋值触发Onchange事件，屏蔽键盘操作
small_small_chick的专栏
09-06 3173
1.  TextBox JS前台赋值触发Onchange事件 1)     1. 用动态生成的或着Textbox时通过js给input输入框赋值，并不触发input输入框的onchange  事件可以通过以下下方式来解决。  后台C#代码： System.Web.UI.WebControls.TextBoxtextbox = new System.Web.UI.WebControls
mvc试图 下拉框不重复_微软Canvas App实战踩坑指南——不完美的代码复用
weixin_39767983的博客
11-25 103
对开发人员而言，代码复用是一种非常常规的动作。通常我们可以封装一些代码作为一个函数，然后通过参数反复调用以减少重复代码。而Excel使用者们也会编写一种叫做宏的东西来达到类似效果（实际上宏就是保存好的VBA函数）。开始编写Canvas app表达式之后，大家会发现，这东西不能自定义函数啊！这个坑不大不小，刚好把大家的热情之火浇灭。毕竟在控件之间复制粘贴是小事，挺容易的，但是回头来修改的时候，不知道...
下拉框的触发事件分析（onchange、onfocus、onclick）
zhanghuan0303的博客
04-23 1万+
select的onChange事件问题解决（onchange、onfocus、onclick、onmousedown） 一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！ 所以 selected>个人//在这要选定一个默认的值 “selected” 单位 这样在选择第二个时，值就会变即可触发onChang
datagrid某列中的textbox触发事件
疯吻IT
02-28 1673
html:asp:datagrid id="dg_RecItem" runat="server" CssClass="DataGrid" Width="98%" AutoGenerateColumns="False">                                    SelectedItemStyle CssClass="dgdSelectedItem">Selected
input文本框没有onchange事件，可以通过下面两种方法实现当input内容改变时触发事件
热门推荐
六月心悸
08-14 2万+
文本框内容改变是触发事件 jsp: input文本框没有onchange事件，可以通过下面两种方法实现当input内容改变时触发事件 方法一： $(".currentPage").on('input',function(e){      alert("TextChanged!") ;  });  方法二： $(".currentPage"
wpf mvvm datagrid 中button绑定命令方法
最新发布
06-11
在WPF MVVM中，你可以使用命令模式来将一个按钮的点击事件绑定到ViewModel中的一个方法。以下是在DataGrid中使用按钮并绑定命令方法的步骤： 1. 在ViewModel中创建一个ICommand属性，该属性将绑定到按钮的Command属性。可以使用RelayCommand等现有的ICommand实现，也可以自己实现ICommand接口。如下所示： ```csharp public class MyViewModel { public ICommand MyCommand { get; set; } public MyViewModel() { MyCommand = new RelayCommand(ExecuteMyCommand); } private void ExecuteMyCommand(object parameter) { // 在这里编写命令方法的代码 } } ``` 2. 在XAML中，在DataGrid中创建一个Button列，并将Button的Command属性绑定到ViewModel中的命令属性。如下所示： ```xaml <DataGrid ...> <DataGrid.Columns> ... <DataGridTemplateColumn Header="Action"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Button Content="Do Something" Command="{Binding DataContext.MyCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" CommandParameter="{Binding}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> ``` 注意，这里使用了RelativeSource来绑定到Window的DataContext，因为DataGrid的DataContext通常是绑定到ViewModel的。 3. 运行应用程序并单击按钮时，将调用ViewModel中的ExecuteMyCommand方法。 请注意，如果你要在DataGrid中使用按钮，可能需要使用DataGridTemplateColumn来创建一个自定义列。在该列中，使用DataTemplate来定义Button的外观和行为，并将Button的Command属性绑定到ViewModel中的命令属性。还可以将Button的CommandParameter属性绑定到DataGrid中的当前行，以便在命令方法中访问该行的数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值