1、在使用extjs3的时候首先必须包换最基本的js文件和css文件。如下
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
2、extjs从Ext.onReady(function)开始执行,这点类似于jquery。
如:
Ext.onReady(function(){
Ext.MessageBox.alert('helloworld', 'Hello World.');
});
我们可以在这里写下自己的开始方法。
以下是一个例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
<title id="page-title">Extjs3测试</title>
<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
title: 'test',
preventBodyReset: true,
renderTo: 'panel-basic',
width: 400,
html: "hello"
});
});
</script>
</head>
<body>
<div id="panel-basic" class="container">
</div>
</body>
</html>