Hola a todos,
Bueno no se si alguno maneje esta libreria, por motivos laborales pues yo estoy empezando a desarrollar con ella, pero me he encontrado con un problema ya empezando, buscando directamente en el foro de los creadores no hay una respuesta que me pueda ayudar, y como confio bastante en la comunidad forosdelweb, pues decidí postear aquí.
el problema es el siguiente y tal vez sea una tonteria pero aquí va:
empiezo con el ejemplo puesto en el siguiente link:
http://www.extjs.com/learn/Tutorial:Introduction_to_Ext_%28Spanish%29
son tres archivos, html, js y CSS, dejo el js y el html:
html:
<!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>
<title>Introduction to Ext: Starter Page</title>
<!-- Include YUI utilities and Ext: -->
<script type="text/javascript" src="../adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="ExtStart.js"></script>
<!-- Include Ext stylesheets here: -->
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../resources/css/ytheme-vista.css">
<link rel="stylesheet" type="text/css" href="ExtStart.css">
</head>
<body>
<h1>Introduction to Ext: Starter Page</h1>
<p>This is the starter page that accompanies the Introduction to Ext tutorial located at <a href="http://www.extjs.com/tutorial/introduction-ext">http://www.extjs.com/tutorial/introduction-ext</a>.</p>
<p>This page is intended to help you interactively explore some of the capabilities of the Ext library, so please make sure that your script references are correct. This page assumes by default that it is in a directory directly beneath the root Ext deployment directory. For example, if your Ext directory structure is located at "C:\code\Ext\v1.0\," then this file should be saved in a directory like "C:\code\Ext\v1.0\tutorial\." If you choose to locate this file somewhere else, then make sure you change the script references of this file as needed.</p>
<p>If you have any questions or issues getting this tutorial to work correctly, please stop by the <a href="http://www.extjs.com/forums/">Ext Forums</a> and ask for help!</p>
<div id="myDiv">This is a test div.</div>
<input type="button" id="myButton" value="My Button" />
<div id="grid-example" style="overflow: hidden; width: 535px; height: 125px;border:2px solid #999;margin:20px 50px;visibility:hidden;"></div>
</body>
</html>
el js:
/*!
* Ext JS Library 3.0.0
* Copyright(c) 2006-2009 Ext JS, LLC
* [email protected]
* http://www.extjs.com/license
*/
Ext.onReady(function() {
// Note: For the purposes of following along with the tutorial, all
// new code should be placed inside this method.
Ext.get('myButton').on('click', function(){
alert("Has hecho click en el botón");
});
});
basicamente el code esta bn, pero no entiendo por que no me deja ejecutar sobre el botón, y con el firebug me dice lo siguiente:
Ext is not defined
[Break on this error] Ext.onReady(function()
Espero me puedan colaborar, gracias de antemano.
ah por cierto, estoy trabajando local y he intentado con versiones diferentes 3, 3.2 y 2.3