guida EXT JS

**dragon88** · 02-10-2009, 17:55

Salve,

vorrei iniziare ad imparare ad usare qualche libreria di javascript, ho scaricato la questa libreria:
http://www.extjs.com/products/extjs/....php?dl=extjs3
Ho iniziato ha vedere gualche quida sull'ogetto Window della libreria ma non è che ho capito molto, esiste una guida completa per questa libreria?

**cavicchiandrea** · 02-10-2009, 18:54

Non so dirti se è completa, ma se non l'hai già letta potresti partire da qui altrimenti come non detto

**dragon88** · 03-10-2009, 10:04

ho provato con questo esempio:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<title>Prove Ext JS</title>
</head>

<body>
<script type="text/javascript" src="prova.js"></script>
</body>
</html>

La pagina prova.js contiene questo codice:

codice:

var tabs = new Ext.TabPanel({
  region: 'center',
  margins:'3 3 3 0',
  activeTab: 0,
  defaults:{autoScroll:true},
  bodyStyle:"background:#efefff",

  items:[
  {
    title: 'Primo tab',
    bodyStyle:"background:#efefff",
    layout:'fit',
    html: '<div>contenuto primo pannello</div>'
  },{
    title: 'Secondo tab',
    bodyStyle:"background:#efefff",
    layout:'fit',
    html: '<div>contenuto secondo pannello</div>'
  },{
    title: 'Terzo tab',
    bodyStyle:"background:#efefff",
    layout:'fit',
    html: '<div>contenuto terzo pannello</div>'
  },{
    title: 'Quarto tab',
    bodyStyle:"background:#efefff",
    layout:'fit',
    html: '<div>contenuto quarto pannello</div>'
  }]
});

Lo preso da questa pagina:http://javascript.html.it/articoli/l...one-a-extjs/3/

Come mai non funziona?

**guderian** · 07-10-2009, 15:20

c'è la chiamata al metodo render ?

panel.render();

**dragon88** · 07-10-2009, 15:56

Dove va il panel.render?

**guderian** · 07-10-2009, 17:12

nell 'esempio che hai preso c'era un oggetto panel all'inizio, no ?

Ext.onReady(function(){

var tabs = new Ext.TabPanel({

//le tue tabs....
// items:[ .... ]
})

var panel = new Ext.Panel({ .... })

panel.render();

});

alla fine, dopo aver creato tutti gli oggetti panel e tabs che ti interessano, devi renderizzarli
oppure se hai solo tabs ==> tabs.render();

**dragon88** · 08-10-2009, 19:21

ok, grazie

Discussione: guida EXT JS

Strumenti discussione

Ricerca discussione

Visualizza

guida EXT JS

Permessi di invio