ExtJS的入门第一个程序

最新推荐文章于 2020-12-23 15:13:25 发布

redarmychen

最新推荐文章于 2020-12-23 15:13:25 发布

阅读量2.8k

点赞数 2

分类专栏：前端技术课程系列文章标签： extjs stylesheet ajax框架 string ext path

本文链接：https://blog.csdn.net/redarmy_chen/article/details/7007276

版权

前端技术课程系列专栏收录该内容

26 篇文章 0 订阅

订阅专栏

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。　
功能丰富，无人能出其右。　　无论是界面之美，还是功能之强，ext的表格控件都高居榜首。　　
单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能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>

redarmychen

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
ExtJS的入门第一个程序

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。　功能丰富，无人能出其右。　　无论是界面之美，还是功能之强，ext的表格控件都高居榜首。　　单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。　　自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自
复制链接

扫一扫