Ext4.0错误!!!
model.js:
Ext.onReady(function(){
Ext.define('person',{
extend:'Ext.data.Model',
fields:[
{name:'name', type:'string'},
{name:'age', type:'int'}
]
});
var store=new Ext.data.Store({
fields:[
{name:'name',type:'string'},
{name:'age',type:'int'}
],
proxy:{
model:'person',
type:'ajax',
url:'test2.jsp'
}
//autoLoad:true
});
store.load(function(records,operation,success){
Ext.Array.each(records,function(model){
alert(model.get('name'));
});
});
});
test2.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<!-- 引入使用extjs所依赖的js文件 交给引导程序处理-->
<script type="text/javascript" src="bootstrap.js"></script>
<!-- 引入自己的js文件 extjs所依赖的js文件的引入一定要在自己的js之前引入-->
<!-- <script type="text/javascript" src="model.js"></script> -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
response.getWriter().write("[{name:'lay',age:21},{name:'jianhua',age:22}]");
%>
</body>
</html>
test3.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<!-- 引入使用extjs所依赖的js文件 交给引导程序处理-->
<script type="text/javascript" src="bootstrap.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<!-- 引入自己的js文件 extjs所依赖的js文件的引入一定要在自己的js之前引入-->
<script type="text/javascript" src="model.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
获取不到数据!!
刚接触extjs,好多问题啊,求高手指导啊!!!
ext4
JavaScript
------解决方案--------------------刚学就多看看官方example和api吧。http://docs.sencha.com/extjs/4.2.0/#!/example
------解决方案--------------------用FF debug,看AJAX请求过来的东西是什么,很快就解决了。
记得关流啊。
------解决方案--------------------Extjs 的引入文件这两个必须的吧。
<script type="text/javascript"
src="../js/lib/ext-3.4.0/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript"
src="../js/lib/ext-3.4.0/ext-all-debug.js"></script>