最近在网上游逛，突然发现了一本介绍ExtJS 4框架的好书，书名叫《ExtJS江湖》，作者是大漠穷秋，个人感觉非常不错，书写得很幽默，很具有可读性，在此推荐给各位。以下是这本书的介绍：本书以幽默诙谐的语言由浅入深地解析了Ext 框架的方方面面，包括JS 基础、Ext 的DOM 和CSS封装、内置对象的扩展、事件系统、Ajax 和Direct、数据和缓存架构、面向对象和继承、UI 组件、布局管理、模板、特效、图表和报表、Ext4 新特性介绍等内容...
我有这种ajax代码重复了很多地方.如何将其重构为单个方法,以便在成功或失败时仍允许不同的行为.Ext.Ajax.request({url : 'ajax.php' , params : { action : 'getDate' },method: 'GET',success: function ( result, request ) { Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText); },failure: function ( result, request) { Ext.MessageBox.alert('Failed', result.responseText); } ...
环境： Microsoft Visual Studio 2008 Sp1 Asp.net MVC ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:'iframepanel' 下载 代码段： 代码如下:var p_center = new Ext.TabPanel({ region: "center", resizeTabs: true, // turn on tab resizing minTabWidth: 115, tabWidth: 135, enableTabScroll: true, width: 600, activeTab: 0, height: 250, items:[{ xtype: ifra...
ExtPHP是一个基于Thinkphp开发框架的ExtJS开发类库，使用此类库可以很方便的生成ExtJS的JavaScript代码。/** * PHPExtJs 基础对象 * @License: ( http://www.apache.org/licenses/LICENSE-2.0 ) * @Author: wb */class ExtBase { /** * ExtJS的基本目录，此参数是个路径 * @var String */ public $exthome = ''; /** * ExtJS的语言环境配置，默认为zh_cn (中文) * @var String */ public $ex...
Ext3.x也是刚用，不熟练。闲暇记录记录，方便下次查阅，也希望能帮助到同僚。直接杠代码！rowUp : function() {//上移 var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行 for(var i in records)//遍历所选的所有行 { var record = records[i];//每行的数据（记录此数据） var index = this.gridPanel.getStore().indexOf(record);//数据所在位置 if(0>=index) { return;//不可移动 } var data ...
这篇文章主要介绍了Ext JS 实现建议词模糊动态搜索功能,需要的朋友可以参考下代码：new Ext.form.ComboBox({store: new Ext.data.JsonStore({idProperty: VehicleNo,url: ../ajax/test.ashx,fields: [VehicleNo, phoneNum]}),id:querynodesid,emptyText:快速检索, hiddenName: VehicleNo,displayField: VehicleNo,valueField: VehicleNo,queryParam: VehicleNo,forceSelection: true,hideTrigger: true,queryDelay: 500,width:100,...
目标：EXTJS组件开发，从component基础实现一个TAB控件。使用EXTJS版本为5.0。测试通过。这个例子还很初级，仅仅是说明通过示例使用EXTJS进行组件开发的一个基本思路。<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>EXT JS TEST</title> <link rel="stylesheet" type="text/css" href="extjs/resources/ext-theme-classic-all.css" /> <script type="text/javascript" src="extjs/ex...
一. 需求 要求生成一颗部门树，初始只列出根部门 当点击一个部门节点时，动态载入该部门下的直属子部门，并展开该部门节点 部门节点要求支持右键单击事件，当点击右键时，列出相关操作菜单 二. 关键类 这里主要涉及Ext JS的两个类: Ext.tree.TreeNode Ext.menu.Menu 相关API可以参考：http://extjs.com/deploy/ext/docs/ 三. 代码示例 1. 先看一下测试页面 代码如下: Reorder TreePanel /************** onload事件 ***...
HTML: 代码如下: 最新更新 企业新闻 行业新闻 专栏文章 科技新闻 CSS: 代码如下:#tabsK { float:left; width:100%; line-height:normal; border-bottom:1px solid #54545C; } #tabsK ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabsK li { display:inline; margin:0; padding:0; cursor:pointer; } #tabsK a { float:left; background:url("image/tableftK.gif") no-repeat left top; margin:0; ...
代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = under; //第二句的目的就是设置控件的错误信息显示位置，主要可选的位置有： var tdate = new Ext.form.DateField({ fieldLabel: 日期, emptyText: 请选择日期, format: Y-m-d, disabledDays: [0, 7] }); var txt = new Ext.form.Te...
代码如下:{ xtype : "textarea", name : "content", anchor : 97%, height : 400, id : "content", fieldLabel : "内容", listeners : { "render" : function(f) { fckEditor = new FCKeditor("content"); fckEditor.Height = 400; fckEditor.Width = 530; fckEditor.BasePath = "/test/fckeditor/"; fckEditor.Config[CustomConfigurationsPath] = "/fckeditor/fckconfig.js" fckEditor.ReplaceTextarea(); } } }
但ExtJS中的TabPanel只能水平显示，搜索了一下Ext论坛，发现有垂直TabLayout的扩展，但垂直tab的页签内容是水平显示的，且页签多了之后也不能通过设置enableScroll属性使其能滚动，为了适应项目的需求，本人对TabLayout进行了扩展，使其支持垂直页签显示，支持页签很多时的滚动。效果如下： 该组件有两种使用方式，一是扩展方式，二是复写方式。其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css，同时需要将两个图片放...
同步调用的相关文档就少一些。一下是同步示例，即页面在加载时，或者这个js被调用到时，程序会一行一行的往下走，这在获取页面初始化需要数据或者样式等一些功能会用到。 示例代码： 代码如下://判断按钮权限的方法。true为无权限，false为有权限可以显示 function checkButton(buttonId){ //按钮的状态，ext对类型要求比较高，这里注意类型、变量的转换问题。 var state = new Boolean(true); //这里...
代码如下: extJs中常用到的增删改查操作的示例代码 /** * 作 者： 花 慧 * 时 间： 2009年12月22日 * 内 容： extJs中常用到的增，删，改，查操作 */ //设置每页显示的行数默认为10 var QUERY_PAGE_SIZE = 10; /** * SearchQueryForm():绘制查询表单 */ function searchQueryForm(...
ExtJs本身就提供了丰富的空间和良好的界面开发，就如同WinForm的开发一样。但是ExtJs的空间也有不完美的地方，但是有缺点也有他自己的弥补方法。ExtJs的良好的扩展性就是ExtJs自己控件不能实现的最好的方法。 这几个中使用最多的当属ExtJs的PropertyGrid，ExtJs的PropertyGrid使用起来时相当简单的，在ExtJs的官方网站上也有相应的例子，简单的就不在叙述了。但是ExtJs本身的PropertyGrid不能支持分组，在显示的不能将属性进行分组...