Asp .NET控件获取焦点的常见问题

最新推荐文章于 2023-06-15 10:35:37 发布
原创 最新推荐文章于 2023-06-15 10:35:37 发布 · 1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#asp #.net #javascript #textbox #button
#server
本文汇总了在ASP.NET开发中遇到的控件交互问题，包括如何设置按钮的选中状态、DropDownList的选择操作、TextBox的焦点与内容处理，以及GridView中的CheckBoxField获取和无数据情况的处理。此外，还涉及了UpdatePanel中运行脚本和回车触发按钮的方法。

在asp .net开发时，使用控件过程常有些小问题，每次都去找有点麻烦，在此收集遇到的问题，不断补充……

Ｏ、通用

1、如何画出控件的选中状态，像设计时的那样

【解决方案】可通过换图片来实现：示例代码如下(btnAdd为一服务端按钮控件)

btnAdd.Attributes（"onMouseOver") = "javascript:this.src='AN_Add_Over.gif';"   
btnAdd.Attributes("onMouseOut")= "javascript:this.src='AN_Add.gif';"   
btnAdd.Attributes("onMouseDown") = "javascript:this.src='AN_Add_Down.gif';"
btnAdd.Attributes（"onMouseOver") = "javascript:this.src='AN_Add_Over.gif';"
btnAdd.Attributes("onMouseOut")= "javascript:this.src='AN_Add.gif';"
btnAdd.Attributes("onMouseDown") = "javascript:this.src='AN_Add_Down.gif';"

一、DropDownList

1、如何选择选项：

【问题描述】DropDownList控件不能直接赋值给Text属性来选择。

【解决办法】

string id="1";  
DropDownList1.Items.FindByValue(id).Selected=true;
string id="1";
DropDownList1.Items.FindByValue(id).Selected=true;


2、不能在 DropDownList 中选择多个项：

【问题描述】当选择一个选项时（源代码如下），出现“不能在 DropDownList 中选择多个项”的错误提示。

DropDownList1.Items.FindByValue(id).Selected=true;  
DropDownList1.Items.FindByValue(id).Selected=true;

【解决办法】

DropDownList1.ClearSelection();  
DropDownList1.Items.FindByValue(id).Selected=true;  
DropDownList1.ClearSelection();
DropDownList1.Items.FindByValue(id).Selected=true;

二、TextBox

1、获取焦点时，选中内容

【技巧】

<asp:TextBox ID="TextBoxUserID" runat="server" style="width:160px" onfocus="javascript:this.select()"/>
<input type="text" onfocus="this.select()" value="sssssbbbbccc"/>
<asp:TextBox ID="TextBoxUserID" runat="server" style="width:160px" onfocus="javascript:this.select()"/>
<input type="text" onfocus="this.select()" value="sssssbbbbccc"/>

2、Password风格时，赋值

【问题描述】Password风格时，直接对Text属性赋值无效。

【解决办法】

textBoxPasswordField.Attributes.Add("value", "mypass");
textBoxPasswordField.Attributes.Add("value", "mypass");

3、回车转移焦点到下一控件

【方法一：C#后台代码】

this.txt_userName.Attributes.Add("onkeydown","if(event.keyCode==13)event.keyCode=9");
this.txt_userName.Attributes.Add("onkeydown","if(event.keyCode==13)event.keyCode=9");

【方法二：Asp.NET 前台代码】

<ASP:TextBox onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">
<ASP:TextBox onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">

【方法三：通用】

<mce:script language="javascript" for="document" event="onkeydown"><!--  
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')  
     event.keyCode=9;  
// --></mce:script>
<mce:script language="javascript" for="document" event="onkeydown"><!--
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')
     event.keyCode=9;
// --></mce:script>

判断是否为button, 是因为在HTML上会有type="button"；判断是否为submit,是因为HTML上会有type="submit"；判断是否为reset,是因为HTML上的"重置"应该要被执行；判断是否为空,是因为对于HTML上的"<a>链接"也应该被执行,这种情况发生的情况不多,可以使用"tabindex=-1"的方式来取消链接获得焦点.

三、GridView

1、获取CheckBoxField列值

【问题描述】直接通过GridView的Cells属性是无法获取其值的，其中Text属性为空串。

【解决办法】

/*-----------------------------------------
// 前台代码
<asp:GridView ID="GridView1" runat="server" Width="418px">
     <Columns>
         <asp:CheckBoxField DataField="是否有效" HeaderText="有效性" />
     </Columns>
</asp:GridView>
-----------------------------------------*/

//后台代码：  
CheckBox cb = (CheckBox)GridView_Users.SelectedRow.Cells[1].Controls[0];  
bool bResult= cb.Checked;
/*-----------------------------------------
// 前台代码
<asp:GridView ID="GridView1" runat="server" Width="418px">
     <Columns>
         <asp:CheckBoxField DataField="是否有效" HeaderText="有效性" />
     </Columns>
</asp:GridView>
-----------------------------------------*/

//后台代码：
CheckBox cb = (CheckBox)GridView_Users.SelectedRow.Cells[1].Controls[0];
bool bResult= cb.Checked;

2、GridView无数据时不显示的问题

【问题描述】绑定数据时，如果DataTable对象行数为0，则添加一空行，然后修改显示样子。

【解决办法】

protected bool GridViewBind(GridView gridview, string sqlcmd)  
{  
    try
    {  
        DataTable dt = new DataTable();  
        SqlDataAdapter sqlda = new SqlDataAdapter(sqlcmd, GetConnectionString());  
        sqlda.Fill(dt);  
        gridview.AutoGenerateColumns = true;  
        gridview.Font.Size = FontUnit.XSmall;  
        if (dt.Rows.Count == 0)   // 添加空记录  
        {  
            dt.Rows.Add(dt.NewRow());           
            gridview.DataSource = dt;  
            gridview.DataBind();  

            int columnCount = gridview.Rows[0].Cells.Count;  
            gridview.Rows[0].Cells.Clear();  
            gridview.Rows[0].Cells.Add(new TableCell());  
            gridview.Rows[0].Cells[0].ColumnSpan = columnCount;  
            gridview.Rows[0].Cells[0].Text = "没有记录.";  
            dt.Rows.Clear();  
        }  
        else
        {     
            gridview.DataSource = dt;  
            gridview.DataBind();  
        }  

    }  
    catch (Exception ex)  
    {  
        SetErrorMessage(string.Format("绑定 GridView 时出现异常：/n    ", ex.Message));  
        return false;  
    }  
    return true;  
}
        protected bool GridViewBind(GridView gridview, string sqlcmd)
        {
            try
            {
                DataTable dt = new DataTable();
                SqlDataAdapter sqlda = new SqlDataAdapter(sqlcmd, GetConnectionString());
                sqlda.Fill(dt);
                gridview.AutoGenerateColumns = true;
                gridview.Font.Size = FontUnit.XSmall;
                if (dt.Rows.Count == 0)   // 添加空记录
                {
                    dt.Rows.Add(dt.NewRow());        
                    gridview.DataSource = dt;
                    gridview.DataBind();

                    int columnCount = gridview.Rows[0].Cells.Count;
                    gridview.Rows[0].Cells.Clear();
                    gridview.Rows[0].Cells.Add(new TableCell());
                    gridview.Rows[0].Cells[0].ColumnSpan = columnCount;
                    gridview.Rows[0].Cells[0].Text = "没有记录.";
                    dt.Rows.Clear();
                }
                else
                {  
                    gridview.DataSource = dt;
                    gridview.DataBind();
                }

            }
            catch (Exception ex)
            {
                SetErrorMessage(string.Format("绑定 GridView 时出现异常：/n    ", ex.Message));
                return false;
            }
            return true;
        }

四、UpdatePanel（AJAX）

1、UpdatePanel中运行脚本

【解决办法】

view plaincopy to clipboardprint?
ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "test", "alert('哈哈，执行了这个脚本哦。')", true);
ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "test", "alert('哈哈，执行了这个脚本哦。')", true);

回车时 触发指定的某个按钮控件 (方法二)


第一步:

//在html aspx页 加上下列JS代码

    <script language="jscript">
     function SubmitKeyClick(button)
     {
        if(event.keyCode == 13)
        {
            event.keyCode=9;
            event.returnValue = false;
            document.all[button].click();
        }    
     }
     </script>

第二步:

//在 <form>表单中加上如下代码 onkeydown="SubmitKeyClick('IB_search') 调用jscript方法指点控件名 id

<form id="form2" runat="server" onkeydown="SubmitKeyClick('IB_search');">

第三步:指定的asp:imagebutton控件

<td style="height: 23px">
                        <asp:imagebutton id="IB_search" runat="server" imageurl="~/AdminManage/Images/search_confirm.jpg" OnClick="IB_search_Click"></asp:imagebutton>
                    </td>

Orandor
关注
asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件
05-13
asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件 自己亲手做的 ，虽然很简单，但是很实用
ASP.Net基本控件之TextBox控件
YNO
03-25 2741
前言Asp.net服务器控件是微软为了方便开发者开发而推出的一系列控件，他们都以类似&lt;asp:*ID="btnOK" runat="server" …/&gt;的方式出现在 Visual Studio 2005的源视图里， *代表了控件名，如&lt;asp:Button ID="btnOK" runat="server"Text="提交" /&gt;就表示这是一个 But
ASP.NET焦点定位
Teng_s2000的专栏
07-20 3432
在利用ASP.NET开发网站的时候，常常需要用户在进入某个页面的时候将焦点定位到某一个控件上。方法：1.在Html代码中使用Javascript定位，类似方法22.在程序代码中使用Javascript，即在cs代码中使用适用于Vs2005或者Vs2003    protected void Page_Load(object sender, EventArgs e)    {
ASP.net中让文本框得到焦点
逐日★风的草窝
03-20 998
Page.RegisterStartupScript("focus","document.all.TextBox1.focus()"); 
asp.net设置焦点
大尾巴狼专栏
01-08 3658
这是《基于功能更丰富的基础类构建您自己的 ASP.NET 页面》的一部分，细看之后单独拿出来。设置焦点有两种方法I 直接在pageload里写：SetFocus("TheFirstName");2 在script里：                                                           function __setFocus(ctl)
dropdownlist控件失去焦点的小应用和函数substr
weixin_30851409的博客
07-01 145
先 dropdownlist控件的AutoPostBack 设置为true,就是它会失去焦点前自动提交了; dropdownlist里面有几个items,如:单选题,多选题,打字题 然后,在事件DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e) 中加入代码 {if (DropDownList1.Selec...
asp.net控件与JavaScript实现TextBox获取焦点时出现日历
u012709815的专栏
03-28 2800
asp.net控件与JavaScript实现TextBox获取焦点时出现日历 效果:当光标落入TextBox中,其下出现日历.日历是asp.net 的日历控件. (1)aspx中代码: JavaScript部分:     function getAbsolutePosition(element)     {        var point = { x: element.off
element组件autofocus（ 自动获取焦点）失效
weixin_43923808的博客
06-15 1317
【代码】element组件autofocus（ 自动获取焦点）失效。
4.创建第一个MVC项目
热门推荐
sdtsfhh的专栏
11-20 2万+
第2章          Hello MVCWorld   内容摘要 初始化开发环境创建第一个ASP.NETMVC应用程序控制器、活动和视图简单数据访问   本章我们将引入贯穿本书第1部分的示例程序——GuestBook。通过GuestBook，用户向网站中发布他们的名字以及消息，同时可以浏览其他用户发布的消息。虽然GuestBook比较简单，但我们将用它学习ASP.NET MVC的
asp.net 获得焦点.
Leopard 的程序角落
07-13 1265
 写了一个SetFocusControl函数来封装上面的JavaScript代码，并且注册到页面上，注册到页面上使用的是Page.RegisterStartupScript 方法      Public Sub SetFocusControl()Sub SetFocusControl(ByVal ControlName As String)          character 34 = "  
Asp.Net 获得焦点的方式如下列代码：
weixin_30597269的博客
08-04 299
Asp.Net 获得焦点的方式如下列代码： Response.Write("<script> function window.onload(){document.all.TextBox1.focus();}</script>"); 这样，页面初始化时，焦点就在TextBox1上了。 转载于:https://www.cnblogs.com/hekeboy/arc...
TextBox获得焦点——客户端JavaScript
weixin_30387663的博客
05-06 234
.aspx <div> <asp:TextBoxID="txtUser"runat="server"Text="请输入用户名"></asp:TextBox> <br/> <asp:TextBoxID="txtPwd"runat="server"TextMode="Pa...
ASP.NET使下一控件获取焦点
懒虫不懒，不信你看！
08-30 812
//如果文本框1的长度为2时，使文本框2获取焦点。this.TextBox1.Attributes["onkeyup"]="if(this.value.length==2)"+ this.TextBox2.ClientID +".focus();";
在asp.net中让控件获得焦点的方法
diaojia3171的博客
03-10 207
答1： static public bool SetFocus(System.Web.UI.Control control) { if (HttpContext.Current.Request.Browser.JavaScript) { control.Page.RegisterStartupScript("SetFocus","<script l...
回车焦点跳到下一个TextBox。
huangwenquan123的专栏
08-31 1396
无标题页 $(document).ready(function(){ $("body").keydown(function(e){ e=e||window.event;
Asp.Net js捕获页面中获得焦点的控件
kgdlin的专栏
07-12 880
Asp.Net js捕获页面中获得焦点的控件html>head>script language="javascript">...function f()...{        if(event.srcElement.name)        ...{                alert(event.srcElement.name);        }}script>head>bo
asp.net中实现在文本框按下回车键后相当于按下tab键focus跳到下一个文本框
weixin_33834679的博客
03-31 451
 public static void AddOnKeyDown(System.Web.UI.WebControls.TextBox tb, String strButtonID)    {        tb.Attributes.Add("onkeydown ", String.Format("if(event.keyCode==13 || event.keyCode==10)   {{doc...
Button无法获取焦点
modabobo
06-27 927
默认情况下，Button及其子类控件在触摸模式下是无法获取焦点的。 尽管在属性中设置了android:focusable="true" 但还是无法获取焦点。 所以需要设置其允许在触摸模式下可以获取焦点： android:focusable="true" android:focusableInTouchMode="true" 这样Button控件就可以正常获取光标了。 注：因为设置...
asp.net中不同区域获得回车焦点的方法
akk47067的博客
08-16 185
使用panel来区分不同的区域，实现了回车提交。以下代码在VS2005中实现。 default.aspx文件 <form id="form1" runat="server"><div> <asp:Panel ID="Panel1" runat="server" Height="47px" Width="360px" Default...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值