Extjs probleme panel

Get help with Spket IDE.
Post Reply
jacque99
Posts: 1
Joined: Tue Jan 17, 2012 10:16 pm

Extjs probleme panel

Post by jacque99 » Tue Jan 17, 2012 10:19 pm

Hello everyone
I work on a general test on the Mobile, and I Utilize a library sencha
You just need a browser to googleChrome to test


So I have some ideas like that, not necessarily good nor bad, but I suggest:
- Count the number of divs whenever you add more or you may get;
- Measure the height of the page with window.innerHeight;
- A mix between the two, measuring the cumulative height of all your divs;
- Etc.


0. Page B makes periodic requests to see if there is a div to be added,
1. you detect that the page A is full,
2. you send the div to the page B



Here's what I've done up to date, but I am completely blocked

Code: Select all


<!DOCTYPE html> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>Hello World</title> 
 
   
		<script src="sencha-touch-debug.js" type="text/javascript" ></script>
		
	
 
 		
				
        <script type="text/javascript"> 
		
	




		
 var w = (window.innerWidth); 
 var h = (window.innerHeight); 
 

 
  //alert (w);
 // alert (h);
 
				if(w <  h){
				// alert ("IPAD  w <  h     ,  horizental ");
				 
				 
				 
				 	new Ext.Application({
				launch: function() {
					new Ext.Container({
					
					
					
						fullscreen: true,
						
						
						
						
												
						layout: 'vbox',
						
						
						items: [
						
						{
						
						html: [
'<div   style="height: 100%;  width: 100%; border: 1px red solid; margin:auto; ">',
			'<img src="data/articles/Cycles.jpg"  style="width: 100%  "/>',
            '<p class="p4">VV__hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy .</p>',
            '</div>'
			]
						
						
						
						,
						xtype: 'panel',
						flex: 1
						},
						
												
						{
						
						
						
				html: [
	'<div  style="height: 100%; width: 100%;  border: 1px black solid; ">',
	'<img src="data/articles/Des-habits-et-des-hommes.jpg"   style="width: 100%  "/>',
			'<p class="p2"><b>Des Habits et des Hommes</b></p>',
            '<p class="p4">VV_hhjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy .</p>',
            '</div>'
			]
						
						
						
						
						
						
						,
						xtype: 'panel',
						flex: 2
						}
						]
						
						
						
					});
				}
			});
			
			
			
			
			
		
			
			
			
			
			
			
			
//Le travail est dans la partie en bas
			
			
			
			
			
			
				 
				} else {
				// alert ("IPAD  w >  h     ,  vertical   ");
				 
				 	new Ext.Application({
				launch: function() {
					new Ext.Container({
						fullscreen: true,
						
												
						layout: 'hbox',
						
						
						
						
						items: [
						
						{
						html: [

			
			
			
			'<div><img src="data/articles/Cycles.jpg"  style="width: 45%"/></div>',
			
			
			'<div style="width: 45%">VV__hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy </div>',
			
			
		
		
			
			'<div><img src="data/articles/Des-habits-et-des-hommes.jpg"   style="width: 45%  "/></div>',
			
			'<div  style="  width: 49%; border: 0px black solid; ">VV_Chjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj  fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf  uyufufyufyu  ufyuyfuyuy    </div>'
			
						
			]
						
						
						
						,
						xtype: 'panel',
						flex: 1
						},
						]//fin Item
						
						
					});
				}
			});
				
				
				
				
				
		/*					
var items = Ext.select('.x-panel-body div img');
items.each(function() { Ext.select('.x-panel-body div').appendChild(this); });
*/

}
				
 

		
			

			
 
</script>
 
    </head> 
    <body></body> 
</html>

eric_suen
Site Admin
Posts: 678
Joined: Wed Sep 28, 2005 7:00 am
Contact:

Re: Extjs probleme panel

Post by eric_suen » Wed Jan 18, 2012 4:26 am

if you have question about how to use extjs, you should post your question in this forum - http://www.sencha.com/forum/

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests