TabIndex problem for child jqx windows

[lijgpParticipant]

Hi,
I have two pop up windows.If the user click country add button,a window will be displayed .Using that window we can add states for that country(Like Master-Detail).Again user click the add city button on state window,Another window will be populated.here we can add cities of that states.

The problems is i can’t set tab index for child level windows.

$('#1').jqxWindow('focus'); 
 $("#1").on('open', function () {
                $("#firstName").jqxInput('selectAll');
  });

This is fine for first window.but the child windows of this window(id:1) can not be set by tabindex.

[Peter StoevKeymaster]

Hi lijgp,

What is a child window according to you? Do you use modal or non modal windows? Would you provide a full sample which we would be able to test(something similar to the samples which we have and which demonstrates your scenario).

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[lijgpParticipant]

Here is my code..I have two popup windows,if i clik btn0_1 button,the first window will be displayed.From that window i have a second button if i click the btn1_3 ,another window will be displayed.

<input type="button" id="btn0_1" value="Show Window 1">
		<!-- first window  -->
		
	<div id="1">

		<div>Window 1</div>

		<div style="overflow: hidden;">

			<input type="text" id="txt1_1"> <br><br>
			<input type="text" id="txt1_2"><br><br> 
		
			<input type="button" id="btn1_3" value="Show Window 2">
			

		</div>

	</div>
	
		<!-- second window  -->
	<div id="2">

		<div>Window 2</div>

		<div style="overflow: hidden;"> 

			<input type="text" id="txt2_1"> <br><br>
			<input type="text" id="txt2_2"><br><br>
			<input type="button" id="btn2_3" value="Show Window 3">
			

		</div>

	</div>
	

Jquery

			//Window1 
				  $("#1").jqxWindow({
				    	width:600,maxWidth: 840,height: 600, maxHeight: 700,resizable: false,theme:theme,  isModal: true, autoOpen: false, modalOpacity: 0.5           
				    });
				//Window2
				  $("#2").jqxWindow({
				    	width:400,maxWidth: 840,height: 400, maxHeight: 700,resizable: false,theme:theme,  isModal: true, autoOpen: false, modalOpacity: 0.5           
				    });
				
				  $("#btn0_1").click(function () {	
						 $("#1").jqxWindow('open');
						 $("#1").jqxWindow('focus');
						 $("#btn1_3").jqxInput('selectAll'); 
					  });  
				  
				  
				  $("#btn1_3").click(function () {	
					 $("#2").jqxWindow('open');
					 $("#2").jqxWindow('focus');
					 $("#txt2_1").jqxInput('selectAll'); 
				  });  
		       
		       
		       
		       
		       
				      $("#txt1_1").jqxInput({theme : theme});
				      $("#txt1_1").width(300);
				      $("#txt1_1").height(25);
				      
				      $("#txt1_2").jqxInput({theme : theme});
				      $("#txt1_2").width(300);
				      $("#txt1_2").height(25);
				      
				      $("#txt2_1").jqxInput({theme : theme});
				      $("#txt2_1").width(300);
				      $("#txt2_1").height(25);
				      
				      $("#txt2_2").jqxInput({theme : theme});
				      $("#txt2_2").width(300);
				      $("#txt2_2").height(25);

The problem is the tab index for inner popup window(id:2) does not work.

[lijgpParticipant]

Any one please help me..

Thanks.

[Peter StoevKeymaster]

Hi lijgp,

We cannot reproduce a problem with jQWidgets 3.2.2(the current version). When the first window is opened and Tab is pressed, the focus goes to the first input. After that, I open the second window, I press Tab and the focus goes to the first input of the second window as it should. Do you use the same version of jQWidgets?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[lijgpParticipant]

Yes..the problem is from second text box..please check again ..if you apply tab 2ed time on 2ed window,the focus will be gone to 1st window..
Iam very sure about this ..as well as i have tested with different browsers.

[lijgpParticipant]

Thank you peter..Issue solved .I have moved to latest version of jqwidjets

[Author]

Posts