ExtJS4 第9页

ExtJS4.2学习（二）——入门基础

1.工程的目录结构： src里放后台的文件，WebRoot里放前台的文件。 index.html或者index.jsp等是整个项目的首页，在首页我们要引入ExtJS的CSS样式文件和ExtJS的核心类库外。还得把app.js引入，app.js是整个应用的入口。在app.js里引入控制器（Controller），在控制器里引入Model,Store,View. app.js代码：

·2015-11-12 18:15

Extjs4 类的定义和扩展

一般定义方式，注意方法和函数的添加方式不同。（添加函数只能用override方式添加不知为什么，有知道的，请搞之。）定义一个类，并给他一个方法 1: Ext.define('Simple.Class',{ 2: welcome:function(){ 3: alert('Welcome to the app'); 4

·2015-11-12 18:14

征服ExtJs那棵树(ExtJs官方开发手册汉语详解--TreePanel)

作为ExtJs开发者,已经跟ExtJs打了将近两年交道.觉得自己应该做点什么.至少我确定现在还有很多面对ExtJs4这个强悍的组件无从下手的朋友.

·2015-11-12 17:17

ExtJS4 自己定义基于配置的高级查询1

今天在编码过程中遇到一个问题，临时还没解决，先记录下来上面是我做的高级查询面板。。字段名和值都是读取配置文件，依据用户选择不同的字段名，自己主动载入不同的值列表，关系是与或问题来了，我在字段名那个combobox下写了这种代码 listeners : { //监听该下拉列表的选择事件 select : function(combo, rec

·2015-11-12 17:55

ExtJs4 笔记（13） Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更

《回到系列目录本篇讲解菜单、绘图、还有大小变更控件。菜单控件可以附加到各种其他控件中，比如按钮、工具栏等，甚至可以直接通过通过右键打开（模拟右键菜单）；ext对绘图的支持可以让我们通过js来绘图；大小变更控件可以让各种html元素获取可变更大小的能力。下面我们一一详细介绍。一、Ext.menu.Menu 菜单 1.菜单的定义下面我们来定义一个菜单，它包括一个下拉列表，还有颜色选择器，日

·2015-11-12 17:12

ExtJs4 笔记（14） layout 布局

《回到系列目录本篇讲解Ext另一个重要的概念：布局。一般的容器类控件都是通过配置项items添加子控件的，这些子控件相对于父控件怎么定位呢，这里就要用到布局。某些容器类控件，它本身默认就集成了一种布局方式，例如比较典型的是：Ext.container.Viewport 布局控件，它其实就是一个border布局的容器，还有Ext.form.Panel、Ext.tab.Panel等。本节我们系统

·2015-11-12 17:12

ExtJs4 笔记（11） Ext.ListView、Ext.view.View 数据视图

《回到系列目录本篇介绍两个用来展示数据的容器控件，分别是Ext.ListView和Ext.view.View。Ext.ListView就是大名鼎鼎的Ext GridPanel的前身，不过现在的Ext4已经将它整合到GridPanel一起了，做一些简单的表格数据展示还是可以用到的。而Ext.view.View则提供了通过模板自定义展示数据的方式，数据的展示形式不限于表格，可表现为灵活的方式，同

·2015-11-12 17:11

ExtJs4 笔记（10） Ext.tab.Panel 选项卡

《回到系列目录本篇讲解选项卡控件。一、基本选项卡首先我们来定义一个基本的选项卡控件，其中每个Tab各有不同，Tab的正文内容可以有三种方式获取： 1.基本方式:通过定义html和items的方式。 2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。 3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。另外，每个

·2015-11-12 17:10

ExtJs4 笔记（8） Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件

《回到系列目录本篇要登场的有三个控件，分别是滚轴控件、进度条控件和编辑控件。一、滚轴控件 Ext.slider 1.滚轴控件的定义下面我们定义三个具有代表意义滚轴控件，分别展示滚轴横向、纵向，以及单值、多值选择的特性： [html] <h1>滚轴控件</h1> <div class="content">

·2015-11-12 17:09

ExtJs4 笔记（9） Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件

《回到系列目录本篇讲解三个容器类控件。一、面板控件 Ext.Panel 一个面板控件包括几个部分，有标题栏、工具栏、正文、按钮区。标题栏位于最上面，工具栏可以在四个位置放置，围绕中间部分正文，按钮区位于最小方。下面介绍几个基本配置项： 1.title:设置面板标题文本。 2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。 3.html，items:

·2015-11-12 17:09

ExtJs4 笔记（7） Ext.tip.ToolTip 提示

《回到系列目录本篇介绍提示控件，ExtJs支持两种方式定义提示，可以支持普通html元素和一般的ExtJs UI控件。一、基本提示 Ext.tip.ToolTip 1.最简单的提示下面通过代码定义一个最简单的提示，首先在HTML加入一个div，我们要实现当鼠标移动到这个div上时，自动出现提示，如下是html内容： [html] <div id="tip1"

·2015-11-12 17:08

ExtJs4 笔记（5） Ext.Button 按钮

《回到系列目录从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。我们先看看效果图: 预览如下是用到的html： [html] <h1> 三种方式实现事件： </h1> <div

·2015-11-12 17:07

ExtJs4 笔记（6） Ext.MessageBox 消息对话框

《回到系列目录本篇演示消息对话框的用法，ExtJs封装了可能用到的各类消息框，并支持自定义的配置。如下是用到的html： [html] <h1>各种消息框</h1> <div id="div1" class="content"> <button id="bt1" type=&qu

·2015-11-12 17:07

ExtJs4 笔记（4） Ext.XTemplate 模板

《回到系列目录本篇将涉及到ExtJs中一个重要的概念,模板。话说Razor很神奇，但是我个人不是很喜欢那种html混编C#的方式，仿佛又回到了asp的时代。ExtJs的模板同样也可以组织生成灵活的html，而且代码和html有效的分离。本文将细细分析ExtJs模板的用法。行文之前我先把公共的html和用到的js数据贴在前面，后面的代码都要引用到。 [html] <h1&

·2015-11-12 17:06

ExtJs4 笔记（3） Ext.Ajax 对ajax的支持

《回到系列目录本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持，包括Ajax封装，函数事件操作封装，还有扩展的常用函数等。Ajax服务端交互式操作是提交到.NET MVC。后续服务端交互都采用这一方式实现。一、ExtJs中的Ajax：Ext.Ajax.request 通过客户端向服务端发送Ajax请求，可以“直接”调用MVC的action方法，并传递参数，action返回值可以是

·2015-11-12 17:05

ExtJs4 笔记（2） ExtJs对js基本语法扩展支持

《回到系列目录本篇主要介绍一下ExtJs对JS基本语法的扩展支持，包括动态加载、类的封装等。一、动态引用加载 ExtJs有庞大的类型库，很多类可能在当前的页面根本不会用到，我们可以引入动态加载的概念来即用即取。这些代码都要写在Ext.onReady外面。 1.动态引用外部Js [Js] //加载配置可用 Ext.Loader.setConfig({ enabled: true })

·2015-11-12 17:04

EXTJS4自学手册——EXT对象选择

一、Ext对象分为3种：htm控件，EXTJS元素，EXTJS组件二、Ext选择对象的方法：　　选择html控件：Ext.getDom(对象的ID) 　　选择EXT元素：Ext.get(对象的ID) 　　选择EXT组件：Ext.getCmp(对象的ID) 例子1(Ext.getDom和Ext.get方法)： <html>&l

·2015-11-12 15:25

EXTJS4自学手册（目录）

说明：本文内容主要来自：EXTJS官方文档+EXTJS4 FIRST LOOK +自己的理解，强烈建议有时间的朋友把EXTJS4 FIRST LOOK这本书看一遍目录：一 Extjs

·2015-11-12 15:25

ExtJS MVC学习手记 2

开发环境 eclipse（indigo） ExtJS4.0 开发目标使用store、model和controller创建菜单树开发步骤之前我们已经建立了一个MVC的项目框架。

·2015-11-12 15:30

ExtJS MVC结构

ExtJS4带来了一种新的应用结构。这种结构不止用于组织代码，也能有效的减少必要的代码量。这次ExtJS4的应用结构采用了MVC的形式。

·2015-11-12 15:29

ExtJS4.x 开发环境搭建

需要的资源 ExtJS4.2 eclipse 开发环境搭建在项目中国需要引用的文件： eclipse中有报错。

·2015-11-12 15:28

ExtJS MVC学习手记 1

开发环境： ExtJS4.2 eclipse indigo 开发目标搭建项目框架，创建viewport 开发步骤说明这次主要使用extjs4的mvc模式创建viewport。

·2015-11-12 15:27

ExtJS4 便捷三层开发模式

ExtJS4 便捷三层开发模式定义类已经不是ext4.x一个新特性，但与ext3.x的自定义类有语法上的区别。

·2015-11-12 15:20

以前用过Extjs技术的开发人员在学习Extjs4时需要注意的问题

以前学习过Extjs的同学，在学习Extjs4的时候需要注意几个关键改变： 1.Extjs4的新的类系统。

·2015-11-12 14:41

一个关于ExtJS4具体控件的详细教程

发现一遍介绍ExtJS控件介绍的比较好的系列文章，在此做总结 ExtJs4 笔记（1） ExtJs大比拼JQuery：Dom文档操作 ExtJs4 笔记（2） ExtJs对js基本语法扩展支持 ExtJs4

·2015-11-12 14:33

CSDN——【低调的草原狼】——Ext4.2学习目录整理

ExtJS，发现CSDN中有个博客中一系列文档非常优秀，但是没有对目录进行整理，在此稍作整理，也为以后自己研究打下一个基础：原文作者：低调的草原狼目录： 1.ExtJS4.2

·2015-11-12 14:28

EXTJS学习笔记

正确认识ExtJs4 第二个问题：ExtJS是个什么样的框架？推荐文章：ExtJS4.2学习(1)——初识ExtJS 相信有了

·2015-11-12 14:25

# Ajax异步请求阻塞情况的解决办法

最近使用ExtJs4的mvc模式在开发了在线漫画的后台，因为异步请求比较多，有的回应时间长，有点短。我发现在多次并发的情况下，会造成阻塞的情况。

·2015-11-11 18:11

初步认识ExtJS

目前使用的是ExtJS4.2的版本，官网上现在最新版本是6的。

·2015-11-11 17:08

EXTjs+SpringMVC+Mybatis实现照片的上传，下载，查看关键技术整理

第一个问题：如何通过Extjs4实现照片上传的布局展示以及本地照片选择后的在一个区域内进行图片预览实现照片上传的布局展示： items : [ {

·2015-11-11 16:15

ExtJS4.x Grid 单元格鼠标悬停提示

1 //每一个列都会出现鼠标悬浮上去显示内容 2 /** 3 * //适用于Extjs4.x 4 * @class Ext.grid.GridView 5 * @override

·2015-11-11 15:54

ExtJS4.2 Ext.grid.panel Store更改后刷新表格

//////////////////////// // Prepare store //////////////////////// // prepare fields and columns var __fields = []; var __columns = []; for (var jj=0; jj<confi

·2015-11-11 15:51

ExtJS4.2：Sencha Cmd 介绍

背景本来不打算写这篇文章的，但是按照官方文档的介绍，还是会出现一些问题。该文章就是简洁的介绍一下如何使用Sencha Cmd及其注意事项。官方文档 Introduction to Sencha Cmd Using Sencha Cmd with Ext JS 4.2+ Compiler-Friendly Code Guidelines Workspaces in Senc

·2015-11-11 14:29

ExtJS4.2 根据数据库记录构建树形菜单

背景：最近用ExtJS4.2做一个系统，需要在前端展示资源菜单，为树形结构，该树形结构是从数据库动态加载的。

·2015-11-11 13:14

开博首文

　　入行好多年了.算不上什么资深开发人员.也浅有一些经验.最近在开发了一个项目用到了MVC4 ExtJS4.1 发现国内对这两项技术的介绍资料相当的少.

·2015-11-11 12:00

Extjs4使用iframe注意事项

1 "video" : { 2 render : function(panel, eOpts) { 3 // 因为iframe在video 4 // panel渲染的时候就已经完全移动到video中了，所以document中就不再

·2015-11-11 12:20

Extjs4 登陆界面

原文地址：http://fengxinnl.iteye.com/blog/1950585 <script src="ext4.2/bootstrap.js" type="text/javascript"></script> <link href="ext4.2/resources/css/ex

·2015-11-11 11:55

ExtJS4 带清除功能的文本框 triggerfield

Ext.onReady(function () { Ext.create('Ext.form.FormPanel', { title: 'Form with TriggerField', bodyPadding: 5, width: 350,

·2015-11-11 11:51

ExtJS4 border layout 左侧treePanel 中间 panel

效果图： <link href="../extjs-4.1.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="../extjs-4.1.1/ext-all-debug.j

·2015-11-11 11:46

ExtJS4 嵌套的border layout

效果图： Ext.onReady(function () { Ext.widget('panel', { layout: 'border', width: 600, height: 300, ite

·2015-11-11 11:46

ExtJS4.2 Grid 分页栏搜索

function SearchCondition(){ this.startTime = ""; this.endTime = ""; this.targetInfo = ""; this.logType = ""; this.m

·2015-11-11 10:47

extjs tree check 级联选择

extjs4 tree check 级联选择实现效果: 关键代码: function changeAllNode(node, isCheck) { allChild

·2015-11-11 10:21

Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)

表单基础如果说GRID是数据展示最直接的方式，那么表单就是数据采集最常用的方式。在一个项目中，从小的登录界面到大的报表填报，表单无处不在。而Ext中提供了大量的表单控件，不仅美化了html本身所提供的表单元素，也有着其不具备的强大功能。值得一说的是，在性能上Extjs还是有一定的瓶颈，请大家注意优化，切勿滥用

·2015-11-11 08:27

Extjs4循序渐进(二)——Ext的界面(容器和布局)

容器一个EXT的界面是由许多的EXt组件构成的，而容器是负责控制每个组件的尺寸和定位。容器本身也是Ext的组件之一，也可以认为是一种存放其他组件的特殊组件。最普通的容器就是Panel。接下来我们定义一个panel。首先是定义方式 Ext4.X相比起以前，声明一个新组

·2015-11-11 08:25

Extjs4循序渐进(一)——开始Ext

虽然以前也接触过Extjs，但在一段时间的开发过程中依旧感觉到各种无力,特别是在Extjs4.X版本改动较大的情况下，很多东西已经不能只靠百度去寻找了（找到也没用）。在网上关于Extjs4.

·2015-11-11 08:24

Extjs4.1.x使用Application动态按需加载MVC各模块

我们知道Extjs4之后提出了MVC模块开发，将以前肥厚的js文件拆分成小的js模块[model\view\controller\store\form\data等]，通过controller拼接黏合，提高了

·2015-11-11 07:33

oracle+servlet+extjs4 分页表格布局示例代码

Log.java 1 package com.example.entity; 2 3 import java.util.Date; 4 5 public class Log { 6 7 private int id; 8 private Date timestamp; 9 private Stri

·2015-11-11 07:38

Eclipse环境下配置spket中ExtJS提示

第一步：下载spket插件由于spket插件是需要收费使用的，这里为了方便大家学习extjs，我附上spket插件破解版（支持extjs4.1）供大家下载，我的百度网盘地址如

·2015-11-11 06:09

ExtJS4 Dialog

一个简单的Dialog <script type="text/javascript"> Ext.onReady(function () { Ext.widget('button', { text: 'Click Me', renderTo: doc

·2015-11-11 05:22

ExtJS4 window

closable: false 是否可关闭autoShow: true, 默认显示出窗体resizable: true,是否可拖动窗体的大小draggable: true是否可以拖动窗体 Simple Window Ext.onReady(function () { Ext.widget('button', { text: 'Cl