ExtJS의 첫 번째 프로그램 시작

2260 단어
ExtJS는 주로 전단 사용자 인터페이스를 만드는 데 사용되며 백엔드 기술과 무관한 전단 aax 프레임워크입니다.기능이 풍부해서 아무도 그 오른쪽을 벗어날 수 없다.인터페이스의 아름다움이든 기능의 강도든 ext의 표 컨트롤러가 1위를 차지했다.단선 행, 다선 행, 선택한 행을 강조 표시하고, 드래그하여 열의 폭을 바꾸고, 열에 따라 정렬합니다. 이러한 기본 기능은 ExtJS 경량급으로 이루어집니다.줄 번호를 자동으로 생성하고 checkbox 전체 선택을 지원하며 어떤 열을 표시할지 동적 선택하고 로컬과 원격 페이지를 지원하며 칸을 자신의 생각에 따라 렌더링할 수 있습니다. 이것도 생각할 수 있는 기능입니다.게다가grid를 편집할 수 있고, 새 줄을 추가하고, 한 줄 또는 여러 줄을 삭제하고, 여러 줄 데이터를 제시하며, 드래그는grid의 크기를 바꾸고, grid 사이를 드래그하거나, 심지어tree와grid 사이를 드래그할 수 있다. 아, 이런 기능들은 정말 신기하다.더욱 놀라운 것은 이 기능들이 뜻밖에도 ext 표 컨트롤에서 실현되었다는 것이다.사실 ext3부터 다양한 방식의 통계를 지원하고 컨트롤러가 excel 내보내기를 지원합니다
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!--   -->
	<link rel="stylesheet" type="text/css" href="./extjs/resources/css/ext-all.css" />
	<!—ext-base.js ext-all.js !  Ext is not defined -->
   <script type="text/javascript" src="./extjs/adapter/ext/ext-base.js"></script>
   <script type="text/javascript" src="./extjs/ext-all.js"></script>
  </head>
  
 <body>
</body>
</html>

<script type="text/javascript">
<!--
  Ext.onReady(function(){
     Ext.MessageBox.alert("hello easy is extjs");
   });
 
//-->
</script>

좋은 웹페이지 즐겨찾기