[es] - EXTJS 4-Nerade primeri iz API Dokumentacije

alfa-pro
Pancevo

Član broj: 241818
Poruke: 476
*.dynamic.sbb.rs.

+7 Profil

EXTJS 4-Nerade primeri iz API Dokumentacije

^{08.12.2012. u 18:50 - pre 143 meseci}

Skinuo sam extjs 4 i imam problema sada sa njim. Iz njegove Api doc sam pokusao da kreiram neke panele i layoutove ali neuspesno...

Sve sam lepo povezao ali opet nece da reaguje na kod iz dokumentacije.

Moja dir struktura je:

---- testExtjs
--------- extjs
----------app
--------------myPanel.js
--------------app.js
---------- index.html

u extjs dir-u je cela biblioteka extjs-a.
app folder je gde se nalaze moje skripte.

u index.html je obican html koji mi sadrzi ovo.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title> My:: Layout </title>

    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
    <script type="text/javascript" src="extjs/ext-all.js"></script>

    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript" src="app/myPanel.js"></script>
</head>
<body>

</body>
</html>

Proveio sam linkove dali su validni za ext-all.js i ext-all.css i sve je ok ucita mi fajlove ispravno bez greske.
U app.js ukucam alert("test") dobijem poruku test. Sto znaci da radi extjs i da je povezan uspesno.

E sada na primer evo ovo iz njihove dokumentacije za Layoutove

http://localhost/testExtjs/ext...!/guide/layouts_and_containers

Prekopiram ovaj kod odande u moj app.js

Code:
Ext.create('Ext.Container', {
    fullscreen: true,
    layout: 'hbox',
    items: [
        {
            xtype: 'panel',
            html: 'message list',
            flex: 1
        },
        {
            xtype: 'panel',
            html: 'message preview',
            flex: 2
        }
    ]
});

I to neradi. Nije problem samo sa layoutovima nego sa skoro svacime takodje is sa panelima

Takodje neradi.

Code:
Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 200,
    html: '<p>World!</p>',
    renderTo: Ext.getBody()
});

A na primer ovo iz get started dela radi super
http://localhost/testExtjs/ext...x.html#!/guide/getting_started

Code:

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});

U cemu je greska, uopste nerazumem? Ja sam nesto malo radio u extjs 3 i koliko toliko sam uspevao da ukapiram i da izvedem nesto...
Negde na netu sam procitao da je problem u tim primerima sto se koristi Ext.create() ali dzaba kada nerazumem.

Kada vidjamo uvek ista lica, na kraju ona postaju deo našeg života. A kada postanu
deo našeg života,
onda žele i da nam ga izmene. I ako ne bude po njihovom, nije im pravo. Jer, svaki
čovek ima tačnu predstavu kako bi trebalo da živimo svoj život. A nikad nemaju pojma
kako treba da prožive sopstveni život.

Odgovor na temu