Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>A quick look... Major issue - over-nesting. Your view is a container (or panel inheriting all container attributes) - layout fit. It has 1 item in it - a container with layout vbox (with 6 items - that continues to nest and nest...).</p> <p>The first container (view), is this to fill a region in another view/panel? ie: why are you using layout:fit?</p> <p>Assumption: This panel seems to be a standalone page, where you want it to be fullscreen and without scrolling / overflow. </p> <p>Remove one of the top containers to have this:</p> <pre><code>Ext.define('MyApp.view.TimerPanel', { extend: 'Ext.Container', alias: 'widget.timer', config: { layout: { type: 'vbox', }, scrollable: false, // shouldn't be needed. fullscreen: true, items: [{ xtype: 'container', docked: 'top', height: 50, layout: { type: 'hbox' }, ... </code></pre> <p>Your container will fill the screen from "fullscreen" and the vbox|flex values you have on child elements will offer the ratios you want.</p> <p>What you were experiencing was the "scrolling causing drag on form/field elements bug" from over-nesting your view, as well as over-configuring settings. Sencha has defaults and fallbacks for most options not set. Some things when set, offer a conflict to something else. Add in touch-events to all the listeners on fields and the code just spits the dummy and starts causing errors.</p> <p>When your page starts doing scroll/drag errors, start by removing all the settings of fullscreen and scrollable (ie: not set to true/false/other - remove them!), then check your layouts - make certain you're using the simplest method to show what you need. Then start adding in fullscreen/scrollable when absolutely necessary.</p> <p>As for scrollable, it seems some further descriptions could be helpful :D An example of a complex setting for scrolling:</p> <pre><code>scrollable: { direction: 'vertical', directionLock: true, translatable: { translationMethod: 'auto' }, momentumEasing: { momentum: { acceleration: 30, friction: 0.5 }, bounce: { acceleration: 20, springTension: 0.5, }, minVelocity: 5 }, outOfBoundRestrictFactor: 0 }, </code></pre> <p>An example of no scrolling:</p> <pre><code> scrollable: false, </code></pre> <p>A simple method for scrollable-y true, scrollable-x false:</p> <pre><code> scrollable: 'vertical', </code></pre> <p>Scrollable accepts both string and object configurations.</p> <p>Hope this all helps. Cheers, G</p> <p>P.S. If it still plays up, I'll try and find the time to give it a once-over to be able to give you working code.</p>
    singulars
    1. This table or related slice is empty.
    1. POScroll Bug with Ext.Picker in Sencha Touch
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USgreg.arnott
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThank you for your extensive help Greg! At least a hint ;-) I once again spent several hours trying to figure out what causes the problem. But still I wasn't able to solve the problem. I tried to remove each unnecessary value and to clean up the nesting. But the appearance is still the same. Therefore I would appreciate it if you could help me further. What do you need?
      singulars
      1. PO
      1. USMarkus
    2. COSorry @Markus - I'd written a long response with the promised code, yet lost internet connection (for a week!) before I could submit. By the time the net was transferred into my name and up and working, I was buried in work - 37/40 days 12+ hrs/day. Project released yesterday, so now I can come back out into the world for a little while. I've also some gems for you in some hidden Sencha secrets which'll help your coding too. I'll post it all once I get home from work and can fire up the home system.
      singulars
      1. PO
      1. USgreg.arnott
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload