Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    13
    Vote Rating
    0
    juniorplenty is on a distinguished road

      0  

    Default x-list-parent not redrawing on orientation change

    x-list-parent not redrawing on orientation change


    Sencha Touch version tested:
    • 1.1.0
    • default sencha CSS and JS, with inline clown-color CSS below
    Platform tested against:
    • Android 2.2
    Description:
    • After initial page render, the x-list-parent (and below) components do not re-draw to adjust to the new width, despite being in a "fullscreen" container. When the list itself is made "fullscreen", the behavior is correct. This runs counter to the following, from the Ext.List Sencha Touch documentation:
      layoutOnOrientationChange : Boolean Set this to true to automatically relayout this component on orientation change. This property is set to true by default if a component is floating unless you specifically set this to false. Also note that you dont have to set this property to true if this component is a child of a fullscreen container, since fullscreen components are also laid out automatically on orientation change.
    • Note: explicitly layoutOnOrientationChange = true has no effect
    Test Case:
    Code:
    <!DOCTYPE html>
    <html>
      <head>
        <meta http-equiv='content-type' content='text/html;charset=UTF-8' />
        <link rel='stylesheet' type='text/css' href='/sencha-touch.css' /><!-- standard sencha css -->
        <script type='text/javascript' src='/js/lib/sencha/touch/sencha-touch.js'></script><!-- standard sencha 1.1.0 js -->
        <style type="text/css">/* CSS to clown-color elements */
    
    
    .x-list           { background-color: orange !important; }
    .x-list-parent    { background-color: green  !important; }
    .x-list-item      { background-color: blue   !important; }
    .x-list-item-body { background-color: red    !important; }
    
    
        </style>
        <script type='text/javascript'>
    
    
    Ext.regApplication({
        name: 'app'
      , autoInitViewport : true
      , launch: function(){app.viewport.doComponentLayout();app.viewport.show();}
    });
    
    
    Ext.regModel('Contact',{fields:['firstName']});
    
    
    app.store = new Ext.data.JsonStore({
        model : 'Contact'
      , data: [{firstName: 'Tommy'}]
    });
    
    
    app.viewport = new Ext.Panel({
      fullscreen:true
      , items : [
        new Ext.List({
          itemTpl:'{firstName}'
          , store:app.store
    
    
          // UNCOMMENT TO FIX LAYOUT ON ORIENTATION    CHANGE
          // , fullscreen:true
        })
      ]
    });
    
    
        </script>
      </head>
      <body></body>
    </html>

    See this URL :
    http://m.tixelated.com/test.html

    Steps to reproduce the problem:
    • see sample html page, and adjust for sencha js/css paths. Remove the noted line to fix the problem (although this won't work for standard usage.)
    • the list components have been colored to be easily identifiable. On orientation change from portrait to landscape, you'll see that the x-list (orange) expands, but nothing else does. (The same behavior occurs going from landscape->portrait, but the components stay stretched.)
    The result that was expected:
    • correct redraw of all list components
    The result that occurs instead:
    • x-list-parent doesn't expand or contract to reflect the new orientation
    Screenshot or Video:
    • none
    Debugging already done:
    • this is the minimum code required to reproduce the error
    Possible fix:
    • not provided

  2. #2
    Sencha - Support Team mike.estes's Avatar
    Join Date
    Mar 2011
    Location
    Redwood City, CA
    Posts
    221
    Vote Rating
    9
    mike.estes will become famous soon enough

      0  

    Default


    your app.viewport definition is missing the layout setting, as it only has one direct child you probably want to specify a 'fit' layout.

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    13
    Vote Rating
    0
    juniorplenty is on a distinguished road

      0  

    Default new example w/layout, same bug

    new example w/layout, same bug


    Ok - submitting a new example that includes a layout but exhibits the same (buggy) behavior:
    Code:
    <!DOCTYPE html><html>  <head>    <meta http-equiv='content-type' content='text/html;charset=UTF-8' />    <link rel='stylesheet' type='text/css' href='/sencha-touch.css' /><!-- standard sencha css -->    <script type='text/javascript' src='/js/lib/sencha/touch/sencha-touch.js'></script><!-- standard sencha 1.1.0 js -->    <style type="text/css">/* CSS to clown-color elements */.x-list           { background-color: orange !important; }.x-list-parent    { background-color: green  !important; }.x-list-item      { background-color: blue   !important; }.x-list-item-body { background-color: red    !important; }    </style>    <script type='text/javascript'>Ext.regApplication({    name: 'app'  , autoInitViewport : true  , launch: function(){app.viewport.doComponentLayout();app.viewport.show();}});Ext.regModel('Contact',{fields:['firstName']});app.store = new Ext.data.JsonStore({    model : 'Contact'  , data: [{firstName: 'Tommy'}]});app.viewport = new Ext.Panel({  fullscreen:true  , items : [    new Ext.List({      itemTpl:'{firstName}'      , store:app.store      // UNCOMMENT TO FIX LAYOUT ON ORIENTATION    CHANGE      // , fullscreen:true    })  ]});    </script>  </head>  <body></body></html>

  4. #4
    Sencha User
    Join Date
    Aug 2011
    Posts
    13
    Vote Rating
    0
    juniorplenty is on a distinguished road

      0  

    Default


    Er - you can just view it here: http://m.tixelated.com/test.html