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>
ExtJS column 레이아웃 후 labelField에 표시되지 않는 문제
JavaScript 객체

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage