因为经常用EasyUI习惯啦,现在学习用ExtJs,常常将EasyUI的东西写到ExtJs中。为了不犯低级错误,我归类一下自己常错的地方,说不上你也中招啦!
我们知道HTML onload的作用是页面加载完成后执行的动作,那么EasyUI如何实现呢,$(function(){ 要执行的函数主体 }); EtJs又是如何实现的呢,Ext.onReady(function(){ 要执行的函数主体 }); 我们仔细看,不难发现,其实EasyUI和ExtJs和后半部分都是一样的,只是前面有一点区别:EasyUI用$字符代替了其自身,这一点我们在平时引用其属性的时候最为清楚啦,如:$('#name').val();$(#manager'').datagrid({});等等,最前面的都是一样的,$就代表EasyUI了;而ExtJs却用Ext.来代替其自身,如我们平时引用ExtJs的属性都是Ext.MessageBox.alert('','');Ext.Array.every();等等。
引入外部css文件:
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
引入外部js文件:
<script type="text/javascript" src="../../resources/ext/bootstrap.js"></script>
在HTML中引入外部文件时注意路径问题:要么输入绝对路径,要么输入相对路径,但是相对路径一定要注意啦,是相对于需要引入外部文件的文档为准的路径,这就有上一级目录或者下一级目录,平级目录。上一级目录要用“../”字符表示,上几级目录就有几个../字符,平级目录直接可以写需要引入文档的名称,下一级目录要相对于现在的目录一级一级追踪下去,如 js/session01.js