asp.net ASPxTextBox等控件实现"回车模拟Tab"的 常用代码整理_实用技巧

近期在做一个Web项目,我使用DevExpress第三方控件。
由于该控件使用技巧中文资料较少,还真够呛的,只能边摸索,边开发。

今天我要实现一些编辑框如ASPxTextBox、ASPxComboBox等控件回车模拟Tab的功能。这没办法,用户用惯了回车,讨厌按Tab来移动焦点(鼠标点击更麻烦)。

以ASPxTextBox为例,在ClientSideEvents属性中可设置许多客户端JavaScript代码,其中KeyPress就是我要写的。

首先,得准备要模拟Tab的JS代码,这网上很多,我随便D了一个,试试有用,贴出如下:

复制代码 代码如下:

//回车键模拟tab 在onkeydown中
function EnterAsTab()
{
var el_keydown=window.event.srcElement;
  var len;
if ((window.event.keyCode==13&&el_keydown.type!="textarea")
|| (window.event.keyCode==13 && window.event.ctrlKey && el_keydown.type=="textarea"))
{
len = document.forms(0).length;
    for (var i=0;i<len;i++)
    {    
      if (document.forms(0).elements(i)==el_keydown)
      {
        //跳过hidden、disabled类型的输入框
        //如果下个控件是按钮,也要求跳过再下一个,直到非按钮或无控件
        do
         {        
           i++;
           if(i>=len)
           return;
         }
         while ((document.forms(0).elements(i).disabled||document.forms(0).elements(i).type=='hidden'
           || document.forms(0).elements(i).type=='button'
           || document.forms(0).elements(i).type=='submit'
           || document.forms(0).elements(i).type=='reset'
           || document.forms(0).elements(i).type=='href'));
         //alert('对象'+i+'类型:'+document.forms(0).elements(i).type);
         document.forms(0).elements(i).focus();
         document.forms(0).elements(i).select();
        event.returnValue=false; //抛弃多余的回车,否则进入textarea、button会直接送出回车!
        return;
      }
    }
  }
}

接着,就在ASPxEditBox控件HTML代码中插入KeyPress事件代码了。

复制代码 代码如下:

<dxe:ASPxTextBox ID="txtCodeName" runat="server" Width="170px"
Text='<%# Bind("CodeName") %>'>
<ClientSideEvents KeyPress="function(s,e){var key = event.keyCode;
if( key==13){EnterAsTab();}}" />
</dxe:ASPxTextBox>

先获取键值event.keyCode,赋值给key。然后判断键值是否等于13(回车键),如果是,则调用前面的JS函数EnterAsTab()。
其它控件类似。

时间: 2024-09-14 02:09:25

asp.net ASPxTextBox等控件实现&quot;回车模拟Tab&quot;的 常用代码整理_实用技巧的相关文章

ASP.NET程序中常用代码汇总_实用技巧

1. 打开新的窗口并传送参数: //传送参数: response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="++"')</script>") //接收参数: string a = Request.QueryString("id"); string b = Request.QueryS

给Repeater控件里添加序号的5种才常见方法介绍_实用技巧

.net是目前非常热门的一种程序编译语言,在.net培训中的众多知识点中,给Repeater控件里添加序号的5种方法是非常重要的一个.下面就由达内的老师为大家介绍一下这方面的内容. Repeater是我们经常用的一个显示数据集的数据控件,经常我们希望在数据前显示数据的序号,那么我们该怎么为Repeater控件添加序号呢?下面编辑为大家介绍几种常用的为Repeater控件添加序号的方法: 方法一: 利用Container.ItemIndex属性,代码如下: 复制代码 代码如下: <Itemtemp

AspNetPager分页控件源代码(Version 4.2)第1/2页_实用技巧

//AspNetPager分页控件源代码(Version 4.2): using System; using System.IO; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Collections.Specialized; using System.Text; using System.Componen

.NET的file文件上传控件使用方法 修改web.config文件上传大文件_实用技巧

修改Webcong文件: 以下为引用的内容: 复制代码 代码如下: <system.web> <httpRuntime maxRequestLength="40690" useFullyQualifiedRedirectUrl="true" executionTimeout="6000" useFullyQualifiedRedirectUrl="false" minFreeThreads="8&q

Repeater控件动态变更列(Header,Item和Foot)信息(重构cs)_实用技巧

早上有分享<Repeater控件动态变更列(Header,Item和Foot)信息> ,是动态变更一些列的内容. 虽然它算不上是完全动态化,但它已经达到初期想要的效果.如果你稍有仔细,也能轻易把它弄出来.现另开一篇,Insus.NET不是重新另外写,而是想重构cs的代码,因为前一篇的代码虽然简单,但代码冗余过多. 重构开始:首先把这五个变量删除,因为在重构过程中,已经不需要这五个变量了. 复制代码 代码如下: //宣告5个变量,将用来存储那5个月份每个部分的数量 decimal c1, c2,

Repeater控件动态变更列(Header,Item和Foot)信息实现思路_实用技巧

需求开发一个小报表,显示最近五个月的summary的数量统计,报表会随月份的变化而变化,如下图.第一列[Department]固定,第二至第六列,也就是说Nov 2012 这列会在下月的时候消失,其后的列会向前移,最后一列Mar 2013 会变为Apr 2013. 下图中,最底一行是显示每一列的总数(除第一列外). 为了这个报表,Insus.NET决定使用Repeater控件来实现.难度在于动态显法第二列至第六列的列名,以及绑定数据.最后一行计算总计的,只要完成上面的动态绑定之后,也算不上问题,

控件开发时两种JS嵌入资源方式的使用方法_实用技巧

第一种: 直接把要嵌入的JS文件属性设置为"嵌入的资源".protected override void OnInit(EventArgs e) {       base.OnInit (e);        if(!base.Page.IsStartupScriptRegistered("Script"))         {                 Assembly assembly = typeof(TestControl).Assembly;    

asp.net GridView控件中模板列CheckBox全选、反选、取消_实用技巧

复制代码 代码如下: using System; using System.Data; using System.Data.SqlClient; 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.WebC

ASP.NET 页面刷新和定时跳转代码整理_实用技巧

刷新的实现方法: =========================================== .net //第1: /*-- 内置跳转 ----*/ Response.Redirect( Request.Url.ToString( ) ); //第2: /*----内置 html ----*/ Response.AddHeader( "Refresh","0" ); //将指定的标头和值添加到此响应的 HTTP 标头. //第3: Response.Wr