ExtJS的使用方法汇总(1)——配置和表格控件使用

最新推荐文章于 2021-06-16 17:44:44 发布
最新推荐文章于 2021-06-16 17:44:44 发布
阅读量2.6k 收藏 3
点赞数
分类专栏： js 文章标签： extjs header date stylesheet function server

ExtJS时一套AJAX控件,本人认为它是目前我见过最好最美的JS控件库，所以非常有学习和使用价值，如果你还没有接触过ExtJS或者压根对 其不感兴趣，那么没有必要看下去了,ExtJS是一套完整的RIA解决方案，也因为功能完整造成了ext-all.js有400多k,由于是基于JS和 CSS的功能实现，对客户端机器性能也有一定的要求，即不支持IE6以下的版本。如果您的项目对网页响应时间有严格的限制，或者客户端操作系统过于陈旧， 一定不要选择ExtJS。

本文主要是介绍ExtJS的下载和配置以及一些简单的使用方法。目前最新版本为3.0，但是本文主要介绍2.2版本。

一、ExtJS下载以及配置

1、下载地址：www.extjs.com/ (这是官网，大家可以选择自己喜欢的版本下载)

2、配置过程，假设下载后的目录为Ext,我们在该目录下建立我们自己的目录MyExample(该目录用于存放你自己写的代码)，配置过程如下：

(1) 新建一个页面文件Helloworld.html

(2) 在<head>和</head>之间添加如下代码：

view plain copy to clipboard print ?
  1. < link   rel = "stylesheet"   type = "text/css"   href = "../resources/css/ext-all.css"   />   
  2. < script   type = "text/javascript"   src = "../adapter/ext/ext-base.js" > </ script >   
  3. < script   type = "text/javascript"   src = "../ext-all.js" > </ script >   
  4. < script   type = "text/javascript" >   
  5.     Ext.onReady(function(){  
  6.         Ext.MessageBox.alert('HelloWorld','Hello World');  
  7.     })  
  8. </ script >   

(3) 这里注意<script></script>不能用</script>取代

(4) js的导入顺序不要更改

(3) 如果弹出一个HelloWorld的对话框，则代表配置成功。

二、表格控件Grid的使用

EXT中的表格功能非常强大，包括排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等使用功能。我们首先介绍如何制作一个简单的Grid。

1、创建表格的列信息：

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.      {header:'编号' ,dataIndex: 'id' },  
  3.      {header:'名称' ,dataIndex: 'name' },  
  4.      {header:'描述' ,dataIndex: 'desn' }  
  5.  ]);  

2、添加数据信息：

view plain copy to clipboard print ?
  1. var data=[  
  2.       ['1' , 'name1' , 'desn1' ],  
  3.       ['2' , 'name1' , 'desn1' ],  
  4.       ['3' , 'name1' , 'desn1' ],  
  5.       ['4' , 'name1' , 'desn1' ],  
  6.       ['5' , 'name1' , 'desn1' ]  
  7.   ];  

  

3、创建数据存储对象：

view plain copy to clipboard print ?
  1. var ds= new  Ext.data.Store({  
  2.       proxy:new  Ext.data.MemoryProxy(data),  
  3.       reader:new  Ext.data.ArrayReader({},[  
  4.           {name:'id' },  
  5.           {name:'name' },  
  6.           {name:'desn' }  
  7.       ])  
  8.   });  
  9.   ds.load();//这个相当的重要   

4、表格的列模型定义好了，原始数据和数据的转换也已经完成，剩下的只需要把它们装配在一起，我们的Grid就创建成功了。

view plain copy to clipboard print ?
  1. var grid= new  Ext.grid.GridPanel({  
  2.      renderTo:"grid" ,  
  3.      store: ds,  
  4.      height:600,  
  5.      cm:cm                  
  6.  });  

5、注意：Ext.grid.Grid的renderTo属性指示EXT将表格渲染到什么地方，所以，在HTML里应该有一个<div id='grid'></div>与之对应。

6、所有代码清单如下(已通过测试)：

实验效果图如图1所示

1

图1 一个简单的Grid

三、表格控件Grid的功能详解

第二部分简单介绍了如何创建简单的Grid，本章将对Grid的功能进行详细的分析。

3.1 部分属性功能

1、默认情况下，Grid是可以拖放列，也可以改变列的宽度，如果要禁用这两个功能，在定义Grid对象时分别设置enableColumnMove和enableColumnResize为false即可。

2、如果希望显示斑马线效果，可以加上stripeRows:true

3、Grid还支持一种读取数据时的遮罩和提示功能，设置属性loadMask:true,在store.load()完成之前一直会显示"Loading…"

3.2 自主决定每列的宽度

1、如果要定义宽度，只要设置该列的width属性即可，如下面的代码所示。效果图如图2所示。

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.                 {header:'编号' ,dataIndex: 'id' ,width:60},  
  3.                 {header:'名称' ,dataIndex: 'name' ,width:180},  
  4.                 {header:'描述' ,dataIndex: 'desn' ,width:200}  
  5.             ]);  

  

2

图2 自定义每列的宽度

2、这样需要自己去计算每列的宽度，如果想让每列自动填满Grid,只需要viewConfig中的forceFit即可。使用forceFit后，Grid会根据你在cm里设置的width按比例分配，非常智能。实现代码如下：

view plain copy to clipboard print ?
  1. var grid= new  Ext.grid.GridPanel({  
  2.                 renderTo:"grid" ,  
  3.                 stripeRows:true , //斑马线效果   
  4.                 loadMask:true ,  
  5.                 store: ds,  
  6.                 height:600,  
  7.                 cm:cm,  
  8.                 viewConfig:{  
  9.                     forceFit:true   
  10.                 }                  
  11.             });   

3、我们也可以考虑autoExpandColumn,它可以让指定列的宽度自动伸展，从而填充整个表格。代码如下

view plain copy to clipboard print ?
  1. var grid= new  Ext.grid.GridPanel({  
  2.                 renderTo:"grid" ,  
  3.                 stripeRows:true , //斑马线效果   
  4.                 loadMask:true ,  
  5.                 store: ds,  
  6.                 height:600,  
  7.                 cm:cm,  
  8.                 autoExpandColumn:'desn'   
  9. //                viewConfig:{   
  10. //                    forceFit:true   
  11. //                }                   
  12.             });   

注意：autoExpandColum只能指定一列的id,注意，必须是id,原来我们设置的cm里面都没有id,现在为了使用autoExpandColumn,要给cm的desn设置id.于是在渲染时desn就可以自动延伸，否则会出错。

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.                 {header:'编号' ,dataIndex: 'id' ,width:60},  
  3.                 {header:'名称' ,dataIndex: 'name' ,width:180},  
  4.                 {id:'desn' ,header: '描述' ,dataIndex: 'desn' ,width:200}  
  5.             ]);  

3.3 让Grid支持按列排序

在EXT中可以很方便地实现排序功能，只需要在定义列模型时增加sortable属性，如下面代码所示：

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.                 {header:'编号' ,dataIndex: 'id' ,width:60,sortable: true },  
  3.                 {header:'名称' ,dataIndex: 'name' ,width:180},  
  4.                 {id:'desn' ,header: '描述' ,dataIndex: 'desn' ,width:200}  
  5.             ]);  

效果图如图3所示

3

图3 按列排序效果

3.4 显示时间类型数据

尽管返回的JSON里都是数字和字符串，但是在EXT中我们同样可以从后台取得日期类型的数据，然后交给Grid进行格式化。

1、首先定义一组数据，其中最后一列是日期格式的数据。

view plain copy to clipboard print ?
  1. var data=[  
  2.                 ['1' , 'name1' , 'desn1' , '2009-09-17T02:58:04' ],  
  3.                 ['2' , 'name2' , 'desn1' , '2009-09-17T02:58:04' ],  
  4.                 ['3' , 'name3' , 'desn1' , '2009-09-17T02:58:04' ],  
  5.                 ['4' , 'name4' , 'desn1' , '2009-09-17T02:58:04' ],  
  6.                 ['5' , 'name5' , 'desn1' , '2009-09-17T02:58:04' ]  
  7.             ];  

2、接着我们在reader里面增加一行配置，除了设置name以外，还设置了type和dateFormat两个属性。代码如下：

view plain copy to clipboard print ?
  1. var store1=  new  Ext.data.Store({  
  2.                 proxy:new  Ext.data.MemoryProxy(data),  
  3.                 reader:new  Ext.data.ArrayReader({},[  
  4.                     {name:'id' },  
  5.                     {name:'name' },  
  6.                     {name:'desn' },  
  7.                     {name:'date' ,type: 'date' ,dateFormat: 'Y-m-dTH:i:s' }  
  8.                 ])  
  9.             });  

  

3、同样的，我们还需要在cm里面增加一行配置：

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.                 {header:'编号' ,dataIndex: 'id' ,width:60,sortable: true },  
  3.                 {header:'名称' ,dataIndex: 'name' ,width:180},  
  4.                 {id:'desn' ,header: '描述' ,dataIndex: 'desn' ,width:200},  
  5.                 {header:'时间' ,dataIndex: 'date' ,type: 'date' ,renderer:Ext.util.Format.dateRenderer( 'Y年m月d日' )}  
  6.             ]);  

4、代码详细信息如下所示，效果图如图4所示。

  

4

图4 具有时间数据的Grid

3.5 自动显示行号和复选框

实际上，行号和复选框都是renderer的延伸。当然，复选框的功能要复杂得多。

1、自动显示行号：修改列模型cm,加入RowNumberer对象；

2、复选框：我们创建一个CheckboxSelectionModel()

3、详细代码如下，效果图如图5所示

view plain copy to clipboard print ?
  1. var sm= new  Ext.grid.CheckboxSelectionModel();  
  2.             var cm=new  Ext.grid.ColumnModel([  
  3.                 new  Ext.grid.RowNumberer(),  
  4.                 sm,  
  5.                 {header:'编号' ,dataIndex: 'id' ,width:40,sortable: true },  
  6.                 {header:'名称' ,dataIndex: 'name' ,width:180},  
  7.                 {id:'desn' ,header: '描述' ,dataIndex: 'desn' ,width:200},  
  8.                 {header:'时间' ,dataIndex: 'date' ,type: 'date' ,renderer:Ext.util.Format.dateRenderer( 'Y年m月d日' )}  
  9.             ]);  

5

图5 自动行号以及复选框效果图

3.6 表格分页

Grid控件对性能要求较高，如果在一个Grid里面显示上千条记录，效率会有明显下降，所以必须考虑分页问题。

1、为Grid添加分页工具条：在前面代码的基础上修改grid代码：

view plain copy to clipboard print ?
  1. var grid1= new  Ext.grid.GridPanel({  
  2.                 renderTo:"grid1" ,  
  3.                 stripeRows:true , //斑马线效果   
  4.                 loadMask:true ,  
  5.                 store: store1,  
  6.                 height:200,  
  7.                 cm:cm,                  
  8.                 viewConfig:{  
  9.                     forceFit:true   
  10.                 },  
  11.                 bbar:new  Ext.PagingToolbar({  
  12.                     pageSize:10,  
  13.                     store: store1,  
  14.                     displayInfo:true ,  
  15.                     displayMsg:'显示第{0}条到{1}条记录,一共{2}条' ,  
  16.                     emptyMsg:"没有记录"   
  17.                 })                  
  18.             });  

2、效果图如图6所示：

6

图6 添加分页工具条

3、如果要真正实现分页，还需要通过后台脚本获得分页数据，这部分在此不再给出 

四、可编辑表格控件——EditorGrid

EditorGrid可以直接在表格里面执行添加、删除、修改、查找等功能，然后一次性保持。还有可以动态修改某个单元格，这些单元格我们先暂时不能为空，保存时会进行检测，为空就无法保存，验证信息会给予提示。

4.1 制作一个简单的EditorGrid

1、定义列，代码如下：

view plain copy to clipboard print ?
  1. var cm= new  Ext.grid.ColumnModel([  
  2.                 {header:'编号' ,dataIndex: 'id' ,width:40,editor: new  Ext.grid.GridEditor(  
  3.                     new  Ext.form.TextField({  
  4.                         allowBlank:false   
  5.                     })  
  6.                 )},  
  7.                 {header:'名称' ,dataIndex: 'name' ,width:180,editor: new  Ext.grid.GridEditor(  
  8.                     new  Ext.form.TextField({  
  9.                         allowBlank:false   
  10.                     })  
  11.                 )},  
  12.                 {id:'desn' ,header: '描述' ,dataIndex: 'desn' ,width:200},  
  13.                 {header:'时间' ,dataIndex: 'date' ,type: 'date' ,renderer:Ext.util.Format.dateRenderer( 'Y年m月d日' )}  
  14.             ]);   

2、定义grid,注意此时是EditorGridPanel.

view plain copy to clipboard print ?
  1. var grid1= new  Ext.grid.EditorGridPanel({  
  2.                 renderTo:"grid1" ,  
  3.                 store: store1,  
  4.                 height:200,  
  5.                 clicksToEdit:1,  
  6.                 cm:cm           
  7.             });   

3、默认情况下，需要双击单元格才能激活编辑器，从而进行修改，不过，也可以给Grid配置clickToEdit:1，这样就可以单击单元格激活编辑器，从而进行修改，如图7所示：

7

图7 通过单击修改单元格

五、属性表格——PropertyGrid

属性表格扩展自EditorGridPanel,所以可以直接编辑右边的内容，注意：只有右边的，即使你单击左边的单元格，编辑器也会出现在右边。

定义的方法如下：

view plain copy to clipboard print ?
  1. <mce:script type= "text/javascript" ><!--  
  2.         Ext.onReady(function(){  
  3.             var grid=new  Ext.grid.PropertyGrid({  
  4.                 title:"属性表格" ,  
  5.                 autoHeight:true ,  
  6.                 width:400,  
  7.                 renderTo:'grid1' ,  
  8.                 source:{  
  9.                     "名字" : "薛敬明" ,  
  10.                     "创建时间" : new  Date(Date.parse( '12/15/2009' )),  
  11.                     "是否有效" : false ,  
  12.                     "版本号" :.01,  
  13.                     "描述" : "估计没有啥说的"   
  14.                 }  
  15.             });   
  16.                      
  17.         });  
  18.       
  19. // --></mce:script>   

效果图如图8所示：

8

图8 属性表格效果图

六、分组表格——Group

分组表格就是在普通表格的基础上，根据某一列的数据将表格中的数据分组显示的表格控件。

1、首先定义一组数据

view plain copy to clipboard print ?
  1. var data=[  
  2.                 ['1' , 'male' , 'name1' , 'desn1' ],  
  3.                 ['2' , 'male' , 'name2' , 'desn1' ],  
  4.                 ['3' , 'female' , 'name3' , 'desn1' ],  
  5.                 ['4' , 'male' , 'name4' , 'desn1' ],  
  6.                 ['5' , 'female' , 'name5' , 'desn1' ],  
  7.                 ['6' , 'male' , 'name6' , 'desn1' ],  
  8.                 ['7' , 'male' , 'name7' , 'desn1' ]  
  9.             ];  

2、创建表格的列信息

view plain copy to clipboard print ?
  1. var sm= new  Ext.grid.CheckboxSelectionModel();  
  2.             var cm=new  Ext.grid.ColumnModel([  
  3.                 new  Ext.grid.RowNumberer(),  
  4.                 sm,  
  5.                 {header:'编号' ,dataIndex: 'id' ,width:40,sortable: true },  
  6.                 {header:'性别' ,dataIndex: 'sex' ,width:180},  
  7.                 {header:'名称' ,dataIndex: 'name' ,width:200},  
  8.                 {header:'描述' ,dataIndex: 'desn' ,width:200}  
  9.             ]);    

3、创建数据存储对象

view plain copy to clipboard print ?
  1. var store1=  new  Ext.data.GroupingStore({  
  2.                 proxy:new  Ext.data.MemoryProxy(data),  
  3.                 reader:new  Ext.data.ArrayReader({},[  
  4.                     {name:'id' },  
  5.                     {name:'sex' },  
  6.                     {name:'name' },  
  7.                     {name:'desn' }  
  8.                 ]),                  
  9.                 groupField:'sex' ,  
  10.                 sortInfo:{field:'id' ,direction: "ASC" }  
  11.             });   
  12.             store1.load();  

4、设计分组设计表格

view plain copy to clipboard print ?
  1. var grid1= new  Ext.grid.GridPanel({  
  2.                 store: store1,  
  3.                 height:300,  
  4.                 cm:cm,                  
  5.                 view:new  Ext.grid.GroupingView(),  
  6.                 renderTo:"grid1"                 
  7.             });  

5、代码清单如下，效果图如图9所示。

 

9

图9 分组表格

六、可拖放的表格

首先我们看图10的效果图：

10

图10 可拖放的表格

注意图10四周的蓝色细条，把鼠标放到上面，就可以用拖放改变表格的高度和宽度，实现这一效果并不难，也不需要对写好的Grid做大的修改，只要在原先的基础上添加如下代码：

view plain copy to clipboard print ?
  1. var rz= new  Ext.Resizable( 'grid1' ,{  
  2.                 wrap:true ,  
  3.                 minHeight:100,  
  4.                 pinned:true ,  
  5.                 handles:'all'   
  6.             });  
  7.             rz.on('resize' ,grid1.syncSize,grid1);  

注意：

(1) Resizable必须放在render之后，否则就会出现问题；

(2) handles:'all'代表可以向所有放心拖动表格 

七、Grid与右键菜单

Grid提供了四个与右键菜单相关的事件：

（1） contextmenu:全局性的右键事件；

（2）cellcontextmenu:单元格上的右键事件

（3）rowcontextmenu:行上的右键事件

（4）headercontextmenu:表头的右键事件

以下代码我们实现一个行上的右键事件，代码清单如下，效果图如11所示

view plain copy to clipboard print ?
  1. var contextmenu= new  Ext.menu.Menu({  
  2.                 id:'theContextMenu' ,  
  3.                 items:[{  
  4.                     text:'查看详情' ,  
  5.                     handler:function(){  
  6.                     }  
  7.                 }]  
  8.             });  
  9.             grid1.on("rowcontextmenu" ,function(grid,rowIndex,e){  
  10.                 e.preventDefault();  
  11.                 grid1.getSelectionModel().selectRow(rowIndex);  
  12.                 contextmenu.showAt(e.getXY());  
  13.             });   

11

图11 右键菜单

messi2009
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ExtJS 使用技巧（持续更新）
SheIsSoBeautiful的博客
09-08 473
ExtJs使用技巧
ExtJS的使用
chenlaoyang的专栏
11-19 732
ExtJS与服务端通信       ExtJS的定位是RIA即富客户端 使用ExtJS时需要解决如何与服务端通信的问题。由于ExtJS只是一个客户端的框架，和服务端技术没有关系，也就没有相应的服务端的适配层，因此客户端如果要用ExtJS，则必须提供它需要的数据结构。ExtJS主要通过这几种方式和服务端进行通信： Ext.Ajax.request做普通的异步请求，服务端可
extjs的基本用法
xiaorj的专栏
04-17 3220
                   关于json字符串 (jsonreader,gridpanel,viewport)写在客户端的代码（把一个从客户端传过来的map对象转换成json字符）String jsonStr=null;//定义一个空的字符串Map queryFilterMap = (Map)request.getAttribute("queryFilter");//从服务器上获得的
ExtJs使用总结(非常详细)
12-10
一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get(‘myElementId’);//获取元素，等同于document.getElementById(‘myElementId’);//会缓存 2. Ext.fly var el = Ext.fly(‘myElementId’)//不需要缓存。 注：享元模式（Flyweight Design Pattern）是一种节省内存的模式，该模式的大概原理是建立单个全体对象然后不断反复使用它。 3.Ext.getDom var elDom = Ext.getDom(‘elId’); // 依据id来查do
extjs的简单使用
九门宁生
01-22 2526
ext下载地址：http://extjs.org.cn/node/515 当前下载的最新版本为ext-4.0.7-gpl.zip，解压之后文件目录结构如下图所示： 　　文件目录主要资源说明： 　　1、builds目录是ExtJS压缩后的代码，经过压缩的代码体积更小，加载更快。 　　2、docs目录是ExtJS的文档，其中最重要的是ExtJS的API。 　　3、
ExtJS 配置和表格控件使用第1/2页
12-09
本文主要是介绍ExtJS的下载和配置以及一些简单的使用方法。目前最新版本为3.0，但是本文主要介绍2.2版本。 一、ExtJS下载以及配置 1、下载地址：www.extjs.com/(这是官网，大家可以选择自己喜欢的版本下载) 2、配置...
ExtJS 配置和表格控件使用
04-26
在本文中，我们将探讨ExtJS的配置以及如何使用表格控件（Grid）。 首先，让我们了解如何配置ExtJS。你可以从官方网站www.extjs.com下载所需版本。在这里，我们以2.2版本为例。下载后，将其解压缩，并在本地文件系统...
自定义ExtJS控件之下拉树和下拉表格附
10-26
在Ext官方的例子中只有下拉列表控件，但是在实际业务中只有下拉列表无法满足需求的，对于刚使用Ext的人来说，自定义一个控件好难，下面是具体的实现
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
01-19
问题 在本人目前的项目中，前端部分完全使用EXTJS基于“One-Page”理念搭建。除了一个HTML作为基本容器外，就全是JS文件了(页面是由JS文件实现的)。当用户切换页面时候，我们通过析构上一个页面对象，然后创建新页面...
java extjs如何使用_ExtJS初探：在项目中使用ExtJS
weixin_42304604的博客
02-25 206
注意：本文写作时间是 2013 年，所讲的 ExtJS 如今早已过时，请勿学习！--------------------------------今天ExtJS官网发布了ExtJS最新正式版4.2.1。Ext JS 4.2.1 正式版 下载ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件，具有统一的主题，便于快速开发，提高效率。但显然它并不适合互联网站的开发。主要目录文件介绍build...
ExtJs学习（一）~~ 简述概念
热门推荐
xiaozhegaa的博客
09-22 1万+
一、学习经历 如果想看我的学习心得、项目截图、写ExtJs专栏的目的，可以看一下以下这篇文章： https://blog.csdn.net/xiaozhegaa/article/details/82806835 二、ExtJs概念 1、什么是ExtJs？ What ExtJS是一个Ajax框架，是一个用JavaScript写的，用于在客户端创建丰富多彩的web应用程序界面。 说白了，就...
EXTJS详细教程
qq_34462698的博客
06-16 1万+
布局和容器 普通布局 Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(), width: 400, height: 300, title: 'Container Panel', items: [{ xtype: 'panel', title: 'Child Panel 1', height: 100, width: '75%' }, {
ExtJS创建DataGrid
Coder Yasmine
05-22 2723
前言     最近在做一个项目，后台管理系统的页面用的ExtJS，具体它是什么，或者含义什么的，百度一下就OK了。至于它的优点，这个虽然用的时间不长，但是体会还是挺深的。它用起来很方便是毋庸置疑的，否则为什么不用原生JS呢。具体方便到哪种程度，请看下面的内容。 DataGrid     说起来用ExtJS做DataGrid，得先看看这个表格的组成部分。DataGrid
extjs学习总结
清风徐来，水波不兴
01-28 6955
sencha -sdk F:\SvnCodeManage\repository\ext-6.0.0-gpl generate app extjs F:\SvnCodeManage\repository\aa extjs 学习资料 1、onReady 定义在onReady内的语句块会在页面上下文加载完毕后执行 2、define 定义一个类 3、createc初始化一个类的实例
ExtJS最常用功能总结，不看不后悔
weixin_33859844的博客
01-24 125
2019独角兽企业重金招聘Python工程师标准>>> ...
extjs使用、总结、感悟
zbraccp的博客
12-12 3401
提到ExtJs，笔者可以说是感触颇深，本人经历了Extjs许多个版本，大版本从2.0开始，我第一次关注它！之后再项目中用到了3.0，4.2，6.0等不同版本，可以说见证了Extjs的发展贺强大之处。 简单解释下什么是Extjs。它是一个高度分装的前端开发语言:javascript。高度分装：是指封装了几乎所有项目上都会用的前端组件，而不是不可拆解的。扩展性相当高，是我见到过最强大的前端框架。之前还
extjs概述
九门宁生
01-19 479
Ext.js 概述由 star333 创建，Loen 最后一次修改 2016-12-28什么是Ext JSExt JS是一个流行的JavaScript框架，它为使用跨浏览器功能构建Web应用程序提供了丰富的UI。 Ext JS基本上用于创建桌面应用程序它支持所有现代浏览器，如IE6 +，FF，Chrome，safari 6+ 等。而sencha，sencha touch的另一个产品用于移动应用程序...
extjs初学控件
04-29
官方文档提供了对每个控件的详细说明和示例代码，而在线教程则能帮助我们更好地理解和掌握ExtJS的使用方法。 总之，在初学ExtJS时，我们需要重点掌握一些常用的控件，特别是弹框和表格Grid控件。这些控件在实际应用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值