tabindex对自定义控件无效？？

zwylala 2010-08-20 10:57:27

自己定义了一个canvas标签，里面有一个ComboBox
用这个自定义控件时，在属性里设置tabindex后，不会tab到该控件，只会在tab完其他控件后才tab到？？？
有什么方法可以tabindex到自定义控件吗？？

...全文

475 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

manager2000 2011-10-09

打赏
举报

楼上方法不错

zwylala 2010-08-23

打赏
举报

[Quote=引用 6 楼 leemiki 的回复:]
<mx:TextInput id="txtname" tabIndex="1" keyDown="tabNext1(event)"/>

public function tabNext1(event:KeyboardEvent):void
{
if(event.keyCode == Keyboard.TAB)
{
txtphone.setFocus();
}
}
……
[/Quote]

前面控件中已经加了这句：focusIn="combobox.open()"，所以tab到combobox时已经为打开状态。
不知道你有没试过，keyDown事件照你的方法这样写后：按tab的确可以让焦点第二个就跳到DeComboBox中，但是继续按tab焦点就会跳到第一个textinput（即txtname）；因为默认DeComboBox是最后一个tab到的，所以再按tab，焦点就又会回到第一个控件。
为什么这个自定义控件是默认最后TAB到的？？tabindex属性对它无效？？这个要怎么解决？

zwylala 2010-08-23

打赏
举报

[Quote=引用 6 楼 leemiki 的回复:]
<mx:TextInput id="txtname" tabIndex="1" keyDown="tabNext1(event)"/>

public function tabNext1(event:KeyboardEvent):void
{
if(event.keyCode == Keyboard.TAB)
{
txtaddress.setFocus();
}
}
……
[/Quote]

前面控件中已经加了这句：focusIn="combobox.open()"，所以tab到combobox时已经为打开状态。
我是想实现这个功能，不知道你有没试过，keyDown事件这样写后：按tab的确可以让焦点第二个就跳到DeComboBox中，但是继续按tab焦点就会跳到第一个textinput（即txtname）；因为默认DeComboBox是最后一个tab到的，所以再按tab，焦点就又会回到第一个控件。
为什么这个自定义控件是默认最后TAB到的？？tabindex属性对它无效？？这个要怎么解决？

水中影子 2010-08-23

打赏
举报

楼上方法不错

java_struts2 2010-08-23

打赏
举报

又想了下，其实也不用这么麻烦，这个问题主要是你对自定义组件赋的tabindex,作用对象是整个canvas,要想让其中的combox也有这个tabindex,你就必须自己做了，也就是把canvas得到的tabindex再赋给它的子对象combox,代码如下

<?xml version="1.0" encoding="utf-8"?>

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100" focusEnabled="true" creationComplete="iniTabindex();" >

<mx:Script>

    <![CDATA[

        import mx.collections.ArrayCollection;

        

        

        [Bindable]

        public var sex:ArrayCollection = new ArrayCollection(

            [{label:"", data:0},

             {label:"man", data:1},

             {label:"woman", data:2}

            ]

        );

        

        public function iniTabindex():void{

        	combobox.tabIndex = this.tabIndex;

        }

        

    ]]>

</mx:Script>

    <mx:ComboBox id="combobox" dataProvider="{sex}" focusIn="combobox.open()" >

    </mx:ComboBox>

</mx:Canvas>

java_struts2 2010-08-23

打赏
举报

在定义你的DeComboBox方法时覆盖tabindex方法就行了，代码如下
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100" focusEnabled="true" >
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;

[Bindable]
public var sex:ArrayCollection = new ArrayCollection(
[{label:"", data:0},
{label:"man", data:1},
{label:"woman", data:2}
]
);

public override function set tabIndex(index:int):void{
super.tabIndex = index;
combobox.tabIndex = index;
}

]]>
</mx:Script>
<mx:ComboBox id="combobox" dataProvider="{sex}" focusIn="combobox.open()" >
</mx:ComboBox>
</mx:Canvas>

还有就是在主应用中要在组件构建完成后对自定义的combox赋值，要不会报空指针，主应用代码如下
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
xmlns:DeView="com.test.*" creationComplete="iniApp();">

<mx:Script>
<![CDATA[
public function iniApp():void{
cb.tabIndex = 2;
}
]]>
</mx:Script>

<mx:Panel width="800">
<mx:HBox>

<mx:Form>
<mx:FormItem label="name:">
<mx:TextInput id="txtname"
tabIndex="1"/>
</mx:FormItem>
<mx:FormItem label="address:">
<mx:TextInput id="txtaddress"
tabIndex="3"/>
</mx:FormItem>
</mx:Form>
<mx:Form>
<mx:FormItem label="sex:">
<DeView:DeComboBox id="cb" />
</mx:FormItem>
<mx:FormItem label="phone:">
<mx:TextInput id="txtphone"
tabIndex="4"/>
</mx:FormItem>
</mx:Form>
</mx:HBox>
</mx:Panel>

</mx:Application>

zwylala 2010-08-20

打赏
举报

[Quote=引用 1 楼 leemiki 的回复:]
tab到该控件什么意思？？

最好把相关代码贴出来
[/Quote]

就是控件用tabindex编好号码，按tab键焦点一个一个跳过来，轮到canvas的时候焦点不会跳到这里，直接跳到下一个控件，代码不好贴出来…………

leemiki 2010-08-20

打赏
举报

tab到该控件什么意思？？

最好把相关代码贴出来

leemiki 2010-08-20

打赏
举报

txtphone.setFocus();

改成txtaddress.setFocus();

leemiki 2010-08-20

打赏
举报

<mx:TextInput id="txtname" tabIndex="1" keyDown="tabNext1(event)"/>

public function tabNext1(event:KeyboardEvent):void
{
if(event.keyCode == Keyboard.TAB)
{
txtphone.setFocus();
}
}

Combox获取焦点后，再按Tab键是默认Close的，需要在close事件里分发一个自定义事件出来再设焦点

实现这样的功能有没有那个必要？？影响整个操作流程？很是怀疑

zwylala 2010-08-20

打赏
举报

[Quote=引用 3 楼 leemiki 的回复:]
引用 2 楼 zwylala 的回复:
代码不好贴出来…………

晕！又不是让你把源码贴出来，你不能写个类似结构的testDemo贴出来？？

文字描述我一直认为很容易误解
[/Quote]

代码贴出来了，帮忙看看！

zwylala 2010-08-20

打赏
举报

晕！又不是让你把源码贴出来，你不能写个类似结构的testDemo贴出来？？

文字描述我一直认为很容易误解
[/Quote]

代码贴出来了，在控件里都设置了TabIndex，但是不会按照顺序，DeComboBox设置的是“2”，但是最后一个轮到。

自定义控件：DeComboBox
一个canvas里面有一个combobox



<?xml version="1.0" encoding="utf-8"?>

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100">

<mx:Script>

	<![CDATA[

		import mx.collections.ArrayCollection;

		[Bindable]

		public var sex:ArrayCollection = new ArrayCollection(

			[{label:"", data:0},

			 {label:"man", data:1},

			 {label:"woman", data:2}

			]

		);

	]]>

</mx:Script>

	<mx:ComboBox id="combobox" dataProvider="{sex}" focusIn="combobox.open()">

		

	</mx:ComboBox>

</mx:Canvas>

TabTest.mxml



<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

	 xmlns:DeView="*">



<mx:Panel width="800">

	<mx:HBox>

			

	<mx:Form>

		<mx:FormItem label="name:">

			<mx:TextInput id="txtname" tabIndex="1"  />

		</mx:FormItem>

		<mx:FormItem label="address:">

			<mx:TextInput id="txtaddress" tabIndex="3"  />

		</mx:FormItem>

	</mx:Form>

	<mx:Form>

		<mx:FormItem label="sex:">

			<DeView:DeComboBox id="cb" tabIndex="2" />

		</mx:FormItem>

		<mx:FormItem label="phone:">

			<mx:TextInput id="txtphone" tabIndex="4"  />

		</mx:FormItem>

	</mx:Form>

	</mx:HBox>

	</mx:Panel>

	

</mx:Application>