![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Extjs
北京鹏
Java高级开发工程师
展开
-
2011年5月27日 Extjs后台登陆
<br />这几天没写日记,是忙于做别的事情了,不过最近QQ空间出了个魔方日记挺有意思的,倒是吸引了很多人开始写日记了,想着哪天CSDN也出一个类似魔方日记的东西就更好了。<br /> <br /> 和队长讨论了关于大赛的作品,我负责服务器的工作,主要技术包括Struts2 hibernate/jdbc Spring Extjs json等。现在我的课程中有三大框架了,我做了些测试都是之前学过的东西,只有extjs和json没学过,所以最近一段时间打算学习一下extjs和json,为暑假的项目开发做准备,e原创 2011-05-27 10:16:00 · 808 阅读 · 0 评论 -
Extjs学习总结之07格式化
格式化的意思就是说对字符等数据的操作,比如Java中对String的格式化差不多,EXTJS也有,下面是具体的一些API的方法Ext.onReady(function(){ //严格的说 Ext.util.Format并不是一个类,只是一个对象。 //所以调用他的方法不需要实例化,直接调用即可,类似于java中的static方法 /* * 源代码如下: * Ext.util.Fo原创 2011-12-02 11:48:31 · 1001 阅读 · 0 评论 -
Extjs学习总结之11前端与后台的数据交互ajax
终于谈到核心了,不管界面多漂亮,那只是样子,我们要做的最终还是和后台数据库打交道,我们如果让前端获取后台的数据呢?当然是使用ajax技术,extjs对ajax做了很好的封装,已经不需要我们手动的再写那么啰嗦的代码了,那么我们看看extjs是如何使用ajax方式向服务器发送请求和如何输出数据的呢? 首先是ajax.jsExt.onReady(function(){ Ext.Aja原创 2011-12-02 12:07:03 · 2620 阅读 · 0 评论 -
Extjs学习总结之12使用ComboBox实现分页
分页是做web开发必须要会的哦,看看extjs怎么实现分页的,comboBox还记得是什么吗?看代码吧:combobox.jsExt.onReady(function(){ //使用ComboBox演示分页 var proxy = new Ext.data.HttpProxy({ url:"../../../comboboxServlet" }); var City原创 2011-12-02 12:35:26 · 1846 阅读 · 5 评论 -
Extjs学习总结之18布局与表单初始化
布局就是说你的这些组件按照怎么个布局方式排列的问题,我们看看extjs的布局管理是如何做的:layout.js:Ext.onReady(function(){ var form = new Ext.form.FormPanel({ title:"灵活布局的表单", width:650, autoHeight:true, frame:true, renderTo:"a"原创 2011-12-02 13:10:06 · 1730 阅读 · 0 评论 -
Extjs学习总结之22GridPanel扩展
首先,21我没写,因为21是关于分页的,分页我们之前已经讲过了,并且在20章的行模型中也有样式,所以就没写。 下面我们讲的是22 表格面板的扩展,所谓扩展就是其他额外的功能,比如添加新行拉,展开了一类的。 gridpanel.jsExt.onReady(function(){ /* * 行选择模型Ext.grid.RowSelectionModel与数据无关,所以我们不能原创 2011-12-02 13:24:13 · 1231 阅读 · 0 评论 -
Extjs学习总结之27选项卡面板tabPanel
这一章主要是讲选项卡面板的,其实选项卡也是一个面板。选项卡面板就是对面板的嵌套。。。看代码吧: tabpanel.js:Ext.onReady(function(){ /** * TabPanel是panel的子类,即TabPanel本身就是一个面板,而TabPanel * 的每一个标签又是一个面板。 */ // //定义两个普通面板// var panel1原创 2011-12-02 13:42:46 · 1732 阅读 · 0 评论 -
Extjs学习总结之10数据与ComboBox
写这个时候发现第八章我没有写笔记,因为第八章比较抽象,我没有写。然后理论也比较多。所以如果你有兴趣就去找pdf文档看看吧。 至于这个数据与ComboBox,其实就是页面中的数据我们如何获取如何显示的问题。Extjs使用Combobox来获取和显示,但也有步骤,看代码吧:Ext.onReady(function(){ /* * DataProxy:获取想要的数据,通过他能得到来自不原创 2011-12-02 11:57:53 · 1055 阅读 · 0 评论 -
Extjs学习总结之14窗体window
窗体,这个不用我再细说了吧,大家都见过,直接看js和效果图了。window.js var i=1;Ext.onReady(function(){ var dateJson = { renderTo:Ext.getBody(), minDate:Date.parseDate("2009-1-1","Y-m-d"), maxDate:Date.parseDate("20原创 2011-12-02 12:47:40 · 1270 阅读 · 0 评论 -
Extjs学习总结之17悬浮效果与校验
悬浮效果就是说你鼠标长时间停留在某个组件上的一种效果。校验就是对一些文本框等组件中内容格式的校验。 先看悬浮效果吧:qtip.jsExt.onReady(function(){ //启动悬停提示 Ext.QuickTips.init(); /* * Button支持两种类型的悬停提示,qtip和title,默认是前者,通过tooltipType选项进行配置,原创 2011-12-02 13:03:43 · 2328 阅读 · 0 评论 -
Extjs学习总结之19表格组件gridpanel
我们看过了很多组件了吧,还没有见识过extjs的表格是如何做的。现在就让我们见识一下。 gridpanel.js:Ext.onReady(function(){ /* * Ext.grid.GridPanel其实就是一个panel,Ext.panel是它的父类, * 在面板上放置表格数据就成了GridPanel. * * 从外观上看,表格分为:表头,数据行,分页栏。原创 2011-12-02 13:13:09 · 1374 阅读 · 2 评论 -
Extjs学习总结之05动画函数
05动画函数fx && element 首先是fx.jsExt.onReady(function(){ //appluStyles是Ext.Element的方法用于定义指定元素的样式 var style = Ext.get("a1").applyStyles({ position:"absolute", top:200, left:200,原创 2011-12-02 11:36:38 · 821 阅读 · 0 评论 -
Extjs学习总结之26treepanel异步加载
这一章重点还是理论多一些,而且是特别多,pdf不能拷贝,我也不想拷贝,我都是自己敲。这里字太多,我就敲了一点,如果大家有兴趣,就找李赞红老师的书看看吧。 Ext.onReady(function(){ /** * 对于规模较大的项目其导航树非常复杂,如果数据特别多,也会导致树的级别或者结点很多, * 而很多时候,不一定要操作所有结点,用户只关心他们感兴趣的结点,因为我们可以做异步原创 2011-12-02 13:36:45 · 1419 阅读 · 2 评论 -
Extjs学习总结之23EditGridPanel可编辑表格
这一章我比较在乎,但可惜我学的不好。越往后我的很多效果都没有实现,也许是没有耐心了吧。因为在公司要干活啊,不能整天的学习,我是很想赶快的结束extjs的学习,然后去研究项目,因为项目中的前端都是extjs,但是我又告诉自己别心急,反正就这个样子,后面的东西学的不如前面好,不过我还是把代码贴出来,找了很久也没有找到错,是一时粗心写丢了什么还是怎么的,所以效果图就不贴了。 Ext.onRead原创 2011-12-02 13:27:58 · 4020 阅读 · 3 评论 -
Extjs学习总结之06页面元素操作和模版
首先是DomHelper这个对象的使用。它可以完成一些列的页面元素的操作:包括整删改查等。Ext.onReady(function(){ /* insertHtml( String where, HTMLElement el, String html ) : HTMLElement * 参数where:插到哪里:beforeBegin,afterBegin,beforeEnd,aft原创 2011-12-02 11:42:15 · 941 阅读 · 0 评论 -
Extjs学习总结之13面板panel
现在我们要开始学习Extjs的组件了,先从面板开始,因为之后学习的任何组件都要依赖此组件才能显示啊。 看panel.js:Ext.onReady(function(){ //定义一个工具菜单选项 var toolBar1 = new Ext.Toolbar({ buttons:[{ text:"新建", handler:function(){ Ext.M原创 2011-12-02 12:44:12 · 799 阅读 · 0 评论 -
Extjs学习总结之16组件component
我们看过了面板组件,表单组件,还有一些弹出对话框组件等等,那么肯定不只这些组件,下面我们就来学习一下extjs还有其他什么组件,以及他们的使用方式。 component.js:Ext.onReady(function(){ /*******************用户名和密码************************/ var txtName = new Ext.form原创 2011-12-02 12:57:57 · 1160 阅读 · 0 评论 -
Extjs学习总结之24treePanel
树状结构是extjs一个非常有实用价值的组件,在web应用开发中树肯定会有。树的相关操作是一定要会哦。看看extjs的tree吧。 treepanel.js:Ext.onReady(function(){ Ext.BLANL_IMAGE_URL = "../../resources/image/default/s.gif", /* * 树是由一个一个节点组成,树有唯一的根节点。原创 2011-12-02 13:30:52 · 1122 阅读 · 0 评论 -
Extjs学习总结之25树结点操作
这一章和上一章不同的是,要对树的结点进行操作了,我只是看了看代码,并没有专心去做。所以效果图没出来,大家自己看看写写吧。明白大概思路就可以。 和上一章的代码比就多了crud和事件那一部分。 Ext.onReady(function(){ Ext.BLANL_IMAGE_URL = "../../resources/image/default/s.gif", /* * 新增结原创 2011-12-02 13:34:25 · 1142 阅读 · 0 评论 -
Extjs学习总结之感想
哎呀,终于花了一个星期的事件把extjs学完了,我相信我现在也只是学了一个皮毛,基本上可以看懂extjs的代码什么意思了,也会写一些代码了,我想在工作中我是可以应付一般问题了。extjs作为我最讨厌的语言之一,我现在也可以很自信的告诉别人我会了,并且通过我的努力总结我感觉extjs也没有那么难,在这里还是要感谢李老师的书写的真的挺不错,轻松搞定extjs让我真的很轻松。 我的目标也原创 2011-12-02 13:50:41 · 1029 阅读 · 2 评论 -
Extjs学习总结之28viewport
viewport和布局差不多的,看看图就知道了:viewport.js:Ext.onReady(function(){ Ext.BLANL_IMAGE_URL = "../../resources/image/default/s.gif";// var north = new Ext.Panel({// title:"北方",// region:"north",// hei原创 2011-12-02 13:45:13 · 1107 阅读 · 0 评论 -
Extjs学习总结之09日期选择器DatePicker
日期选择器哦,这个大家都比较熟悉吧。写几行代码就搞定。下面是datepicker.jsExt.onReady(function(){ //构建按钮,传递的是Json对象 var btn = new Ext.Button({ renderTo:Ext.getBody(), text:"确定", type:"submit", handler:function(){ Ext.M原创 2011-12-02 11:52:54 · 1654 阅读 · 0 评论 -
Extjs学习总结之04消息框
这几天在公司没有什么活干,新的项目需求还没有完全定下来,所以这段时间是很空闲的,我就学习了一下extjs。因为在之后的开发中extjs也是非常常见的,就我们公司而言,前端开发基本全部都是extjs,JSP页面很少。但是我对extjs真的非常不熟悉,之前学习Jquery的时候就让我脑袋很疼,如果不是工作需要我还真的不想学习extjs。但是不去学习她就是一块心病,就是自己的一个缺点,明知是自己的缺点却原创 2011-12-02 11:27:42 · 1328 阅读 · 2 评论 -
Extjs学习总结之15表单面板formpanel
做web应用,表单是经常要看到吧,表单如何绘制,表单的数据如何提交的这些问题,我们看extjs如何解决?我们创建一个典型的用户注册的表单,然后创建servlet,与前台做一下简单的数据交互。 form.js:Ext.onReady(function(){ var f = new Ext.form.FormPanel({ //数据传送提交到服务器 url:"../../..原创 2011-12-02 12:53:02 · 941 阅读 · 0 评论 -
Extjs学习总结之20行模型与grid视图
行模型,就是用来操作行,比如选择第一行,选择下一行,全选,反选等操作。rowSeclectionModel.jsExt.onReady(function(){ /* * 行选择模型Ext.grid.RowSelectionModel与数据无关,所以我们不能试图通过Ext.grid.RowSelectionModel * 去读取单元格的数据,RowSelectionModel为我们原创 2011-12-02 13:16:49 · 1212 阅读 · 0 评论