ExtJS的入门第一个程序

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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值