Extjs面板按钮的响应函数如何能够正确获取点击按钮的itemId

Extjs面板按钮的响应函数如何能够正确获取点击按钮的itemId,第1张

把文本域替换成DIV,标上DIV的ID,然后new一个Ext的文本对象,在文本对象里用renderTo渲染到DIV的位置上去就OK了,线条还是用HMTL来画出,例子如下 在JS里写如下: new ExtformTextField({ fieldLabel:'XXX', name:'XXX', renderTo:'TESTID', //如果要对文本框进行验证,加入以下代码 allowBlank:false, blankText:'请填写XXX',//为空之后的提示信息 msgTarget :'qtip',//显示一个浮动的提示信息。 })

思路:根据name值获取对象数组后使用循环取出id值,关键代码如下:

obj = documentgetElementsByName(input_name);

for(i=0;i<objlength;i++){

// obj[i]id;

}

实例演示如下:

1、HTML结构:提供了3个name值相同的input和一个name值不同的干扰input

<input type="text" name="test" id="test1" value="name=test id=test1"/>

<input type="text" name="test" id="test2" value="name=test id=test2"/>

<input type="text" name="test" id="test3" value="name=test id=test3"/>

<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>

<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementsByName("test");

str = "";

for(i=0;i<objlength;i++){

str += obj[i]id + " ";

}

alert(str)

}

3、点击按钮后效果

通常元素的ID获取使用getElementById()方法,实例如下:

元素值设定为input:

<input name="input_name" id="input_id" class="password"></input>

在JS中获取ID值也就是“input_id”这个值:

<script type="text/javascript" language="javascript">

var item = documentgetElementById("input_id");

</script>

如此,所有为input_id的ID的input对象都在item中了。

传一个对象进去,如:<input type="button" id="test" onclick="javascript:click(this)" value="test"/>

然后就可以这样获取id

function click(obj){

var id = objid;

}

用this,this表示当前对象,你直接获取当前对象的ID,Value,和name 就行了,不需要事先知道控件的ID或者name,下面的例子alert出来了控件的三个属性:

<input id="txt" type="text" value="我们请为您返回数据。" onClick="javascript:alert(thisID+'--'+thisvalue+'--'+thisname)" />

只要使用getAttribute("id")函数即可获取li元素的id值,下面我们一起实例 *** 作一下吧

首先我们在html当中创建li标签

使用JS获取li元素对象,getElementsByTagName("li")

3接着我们打印出这样的运行效果看一下:

4使用JS获取li元素的ID 值即可,getAttribute("id")

5下面我们一起来看下运行效果

以上就是关于Extjs面板按钮的响应函数如何能够正确获取点击按钮的itemId全部的内容,包括:Extjs面板按钮的响应函数如何能够正确获取点击按钮的itemId、javascript:; 当前循环中的id值怎样拿到、javascript中如何获取元素的ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9547327.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存