extjs初探

extjs一个封装更加高级的js库,让ajax变得更容易使用,组件是通过闭包技术封装了div,所以,引用时还需要引用一个css文件,当然也可以通过自定义js来覆盖extjs的这个样式。下面是最简单的一个extjs程序。

<!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=utf-8″ />
<title>extjs</title>

<link href=”extjs/resources/css/ext-all.css” rel=”stylesheet” type=”text/css” /><!–extjs的默认样式,必须!–>
<script src=”extjs/adapter/ext/ext-base.js” type=”text/javascript”></script><!–extjs的适配器,可以与其他js库(如jquery)联合使用–>
<script src=”extjs/ext-all-debug.js” type=”text/javascript”></script><!–extjs的所有组件都在这里偶~–>

</head>

<body>

<script>
Ext.onReady(function(){//像不像jquery?是啊!是啊!
Ext.Msg.alert(‘Hello’,’world’);//这个alert可于js的alert不同额,不信可以通过谷歌浏览器查看元素源码,你会发现,这是个div!!是啊!是啊!正因如此,extjs完美支持ajax,而不怕被意外中断了!
});
</script>
</body>
</html>

© 2014, 李德涛博客. 版权所有.

《extjs初探》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注