extjs環境搭建需要引入2個問題一個css一個js

瓜瓜東西發表於2014-07-13
原文網址 : https://blog.csdn.net/cgwcgw_/article/details/37735871
JSCSS
<%@ 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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 引入extjs的css樣式檔案 -->
<link rel="stylesheet" type="text/css"
href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/bootstrap.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
//alert("開始了");  
//彈出一個提示框       Ext相當於名稱空間  
//Ext.MessageBox.alert("aaaaa");  
//Ext.MessageBox.alert("標題","這裡是內容");  
//javascript類  
function User(name, sex, age) {
this.name = name;
this.sex = sex;
this.age = age;
this.showMsg = function() {
Ext.MessageBox.alert("演示js原始的建立物件的方法", "建立user1對的姓名是======"
+ this['name'] + "     性別是=====" + this['sex']
+ "     年齡是====" + this['age']);
}
}
//建立類的物件  
var user1 = new User("小爽", "女", "1");
//user1.name   user1['name']  
//Ext.MessageBox.alert("演示js原始的建立物件的方法","建立user1對的姓名是======"+user1['name']);  
//user1.showMsg();  
var user2 = {
name : "小狼",
sex : "男",
age : "2",
toString : function() {
Ext.MessageBox.alert("演示js原始的建立物件的方法", "建立user2物件的姓名是:"
+ this['name'] + "  性別是:" + this['sex'] + "  年齡是:"
+ this['age']);
}
};
//user2.toString();  
//Array陣列  
var arrs = [ 1, 2, 3, 4, -3, -4 ];
//遍歷陣列-------老方式  
/*for(var i=0;i<arrs.length;i++){  
   alert(arrs[i]);  
}  
//過濾    值小於0的排除  
for(var i=0;i<arrs.length;i++){  
   if(arrs[i]>0){  
       alert(arrs[i]);  
   }  
}*/
var newArrs = Ext.Array.filter(arrs, function(item) {
if (item > 0) {
//真假  如果返回的是true 就保留陣列元素 如果是false 就不保留陣列元素   
return true;
} else {
//不處理操作  
return false;
}
}, this);
alert(newArrs.join("\n"));
Ext.Array.each(newArrs, function(item) {
alert(item);
});
});
</script>
</head>
<body>


</body>
</html>

相關文章