GoldenLine
Zaloguj się
Dawid Makowski

Dawid Makowski NEW DESERT,
właściciel

Temat: Viewport

Witam,

Mam pytanie o Viewport w Extjs, próbuję wrzucić go wewnątrz jakiegoś diva, a ten skurczybyk ciągle renderuje się w body.

Próbowałem ustawiać applyTo i wtedy coś sie dzieje, ale renderuje mi się tylko jeden z paneli, zamiast wszystkie, natomiast renderTo wogóle olewa sprawę i nadal renderuje viewporta w body.

Czy ktoś miał podobne problemy?

Pozdr
Link do wypowiedziLink

konto usunięte

Temat: Viewport

A możesz pokazać kawałek kodu, którym próbujesz to robić? Sam zaczynam na poważnie z Extem ale może coś uda się pomóc
Link do wypowiedziLink
Dawid Makowski

Dawid Makowski NEW DESERT,
właściciel

Temat: Viewport

Kod żywcem z przykładu próbuję go wrzucić w ramy jakiegoś diva o mniejszych rozmiarach wewnątrz mojego cmsa więc nawet nie ma co za bardzo wklejać.

Właśnie robiłem research i na dzień dobry siakieś klocki się robią :)
Link do wypowiedziLink
Grzegorz K.

Grzegorz K. Angular, JavaScript,
Frontend, UI

Temat: Viewport

"A specialized container representing the viewable application area (the browser viewport).

The Viewport renders itself to the document body, and automatically sizes itself to the size of the browser viewport and manages window resizing. There may only be one Viewport created in a page. Inner layouts are available by virtue of the fact that all Panels added to the Viewport, either through its items, or through the items, or the add method of any of its child Panels may themselves have a layout.

The Viewport does not provide scrolling, so child Panels within the Viewport should provide for scrolling if needed using the autoScroll config."

Użyj layout: border
Link do wypowiedziLink
Grzegorz K.

Grzegorz K. Angular, JavaScript,
Frontend, UI

Temat: Viewport

Tu znajdziesz coś takiego:

http://examples.extjs.eu/simplevp.html

http://examples.extjs.eu/
Link do wypowiedziLink
Dawid Makowski

Dawid Makowski NEW DESERT,
właściciel

Temat: Viewport

dokładnie mam layout border, i usilnie gość wchodzi w body, jak dam applyTo to wtedy wrzuca coś w diva, ale tylko element centralny.

Tamten przykład też widziałem z tym, że tam to jest jako iframe do którego środka leci jakby zupełnie nowa strona w sumie faktycznie może to być jedyne wyjście.

Dzięki za chęci
Link do wypowiedziLink
Dominik Mikiewicz

Dominik Mikiewicz maps made easy,
www.cartomatic.pl ||
cartoninjas.net

Temat: Viewport

a próbowałeś renderTo?
Link do wypowiedziLink
Dawid Makowski

Dawid Makowski NEW DESERT,
właściciel

Temat: Viewport

yup :)
Link do wypowiedziLink
Dominik Mikiewicz

Dominik Mikiewicz maps made easy,
www.cartomatic.pl ||
cartoninjas.net

Temat: Viewport

znaczy się oki?

Poniżej nieznacznie zmodyfikowany przykład z docu i wszystko jest oki:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

     <!--ExtJs css and js-->

    <link href="jsLibs/extjs/3.2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" />

    <script src="jsLibs/extjs/3.2.1/adapter/ext/ext-base-debug-w-comments.js" type="text/javascript"></script>

    <script src="jsLibs/extjs/3.2.1/ext-all-debug-w-comments.js" type="text/javascript"></script>

</head>

<body>

<div id="testContainer" style="position:absolute; top:300px; left: 300px;" />







</body>

</html>

<script type="text/javascript">

    var myBorderPanel = new Ext.Panel({

        renderTo: 'testContainer',

        width: 700,

        height: 500,

        

        layout: 'border',

        items: [{

            title: 'South Region is resizable',

            region: 'south',     // position for region

            height: 100,

            split: true,         // enable resizing

            resizable: true,

            margins: '0 5 5 5'

        }, {

            // xtype: 'panel' implied by default

            title: 'West Region is collapsible',

            region: 'west',

            margins: '5 0 0 5',

            width: 200,

            collapsible: true,   // make collapsible

            cmargins: '5 5 0 5', // adjust top margin when collapsed

            id: 'west-region-container',

            layout: 'fit',

            unstyled: true

        }, {

            title: 'Center Region',

            region: 'center',     // center region is required, no width/height specified

            xtype: 'container',

            layout: 'fit',

            margins: '5 5 0 0'

}]

        });



</script>
Link do wypowiedziLink
Dawid Makowski

Dawid Makowski NEW DESERT,
właściciel

Temat: Viewport

Faktycznie Panel działa, dzięki za pomoc chociaż ciekawi mnie czemu wievport jest taki uparty :)
Link do wypowiedziLink
Dominik Mikiewicz

Dominik Mikiewicz maps made easy,
www.cartomatic.pl ||
cartoninjas.net

Temat: Viewport

Odpowiedź nieco wyżej ;-)

A specialized container representing the viewable application area (the browser viewport).

The Viewport renders itself to the document body, and automatically sizes itself to the size of the browser viewport and manages window resizing. There may only be one Viewport created in a page. Inner layouts are available by virtue of the fact that all Panels added to the Viewport, either through its items, or through the items, or the add method of any of its child Panels may themselves have a layout.

The Viewport does not provide scrolling, so child Panels within the Viewport should provide for scrolling if needed using the autoScroll config."

Użyj layout: border
Link do wypowiedziLink
Grzegorz K.

Grzegorz K. Angular, JavaScript,
Frontend, UI

Temat: Viewport

Dominik Mikiewicz:
Odpowiedź nieco wyżej ;-)


Ale to mój cytat :)

initComponent viewport jest skonstruowany tak:


   initComponent : function() {

        Ext.Viewport.superclass.initComponent.call(this);

        document.getElementsByTagName('html')[0].className += ' x-viewport';

        this.el = Ext.getBody();

        this.el.setHeight = Ext.emptyFn;

        this.el.setWidth = Ext.emptyFn;

        this.el.setSize = Ext.emptyFn;

        this.el.dom.scroll = 'no';

        this.allowDomMove = false;

        this.autoWidth = true;

        this.autoHeight = true;

        Ext.EventManager.onWindowResize(this.fireResize, this);

        

    },

this.renderTo = this.el;

i z default jest renderowany do body - koniec i kropka.Grzegorz K. edytował(a) ten post dnia 08.10.10 o godzinie 20:36
Link do wypowiedziLink
Dominik Mikiewicz

Dominik Mikiewicz maps made easy,
www.cartomatic.pl ||
cartoninjas.net

Temat: Viewport

myślałem, że nieco wyżej wystarczy ;-)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Viewport polinilią




Wyślij zaproszenie do
Anuluj