wuyongde0922的专栏

第四章 MVC学习 从这个图中我们可以很清楚的看到M 、V、C在ExtJS4.0里面所对应数据类型。 靠右边是对应的代码结构。 下描述一下这model、store、view、controller以及application这几者之间的关系。（1）application：它是MVC的入口，用来告诉ExtJS到那里去找对应js文

为了方便表示或是指定一个组件的名称，我们通常会使用id或者itemId进行标识命名。（推荐尽量使用itemId，这样可以减少页面唯一标识而产生的冲突）id：       id是作为整个页面的Component的唯一标识，这也意味着在整个页面中只允许有唯一一个名称的id，同时这里的Component的id也将变为element中的id，所以如果出现了两个，页面将会出现崩塌变形等等不可以想

代码复制进去肯定可以成功！！！！！看不懂代码就慢慢问度娘 var tree = Ext.create('Ext.tree.Panel', {          .....          viewConfig : {              onCheckboxChange : function(e, t) {                  var item = e.getTarget

使用extJs时能常用的正则表达式  "^\d+$"　　//非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$"　　//正整数 "^((-\d+)|(0+))$"　　//非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$"　　//负整数 "^-?\d+$"　　　　//整数 "^\d+(\.\d+)?$"　　//非负浮点数（正浮点数

treepanel节点左右键事件listeners:{                            itemclick: function(view, record, item, index,e,eOpts){                                var me = this;                                if(!record.d

setHeader是设置http恳求的头是MIME 和谈的拓展可以实现以下功能Ext中 renderer一般用于Grid中对列模型的衬着上 其具体信息记录在 Ext.grid.ColumnModel 中的setRenderer（ Number col， Function fn ） 办法里一、col : NumberThe column index二、fn : Function

ExtJS4可以实现gird表头,样式和数据 由后台传来的数据来动态展现,这样就实现了可以自由动态配置grid,实现方式如下:1,编写以下extjs代码:Ext.onReady(function(){           Ext.Ajax.request({               url: 'json.jsp',               params : {   

g45.0增加了desktop，界面友好了很多。根据春哥的index.js，我给桌面模式下增加了右下角弹出短消息的小功能。今天又新增加了声音提示的代码，，我把声音提醒的代码文件上传上来了具体方法很简单：1、在ArmDesktopTag.tpl文件开始增加如下代码：//短消息提醒  所需要用到的加载文件   //自己的 短消息 文件  

上节讲到通过后台数据进行分页，分页工具条还可以放置在顶端，或者上下都有而不影响数据，因为它们都共用一个storeJavaScript Code复制内容到剪贴板//创建表格  var grid = new Ext.grid.GridPanel({          renderTo:'grid', //渲染位置          autoHeight:true,       

[javascript] view plaincopyvar fm = Ext.form;    Ext.onReady(function()    {        Ext.Ajax.timeout = 180000; //3分钟超时  [javascript] view plaincopy还有一钟方法（转载）  [javascri

本篇要登场的有三个控件，分别是滚轴控件、进度条控件和编辑控件。一、滚轴控件 Ext.slider1.滚轴控件的定义下面我们定义三个具有代表意义滚轴控件，分别展示滚轴横向、纵向，以及单值、多值选择的特性：[html] 滚轴控件 横向，初始值50 纵向，带提示 多值，自定义

最近项目中需要做一个监控，有这样的需求：每次监听到新的数据需要播放一个声音出来给予提示，以增强用户的体验。　　但问题随之而来了，因为浏览器兼容的问题我们需要不同的HTML标签来满足要求。比如IE支持的而其他的浏览器不支持，也许有人说用、标签，也许满足一般的页面没有问题，但是如果是extjs 渲染的页面 打开的话会对viewport产生一定的影响。　　下面是我最初的写法：HTML代码：

有几个配置项queryModeremote 和 local 两种下，会影响起他它的配置，一般我们都是remote 动态从后端拿数据的queryParam 默认是 query 也就是会把 键入的字 query=xx作为 参数 传递到server，然后server模糊查询返回minChars :默认 local下是1，remote下会是4，也就是你打了最少4个字 他才会

采用ExtJS4.2的Ext.form.ComboBox实现自动完成ExtJS   2014-08-06 摘要：采用ExtJS4.2的Ext.form.ComboBox实现自动完成，效果类似google的自动完成，显示结果为Grid。采用ExtJS4.2的Ext.form.ComboBox实现自动完成，效果类似google的自动完成，显示结果为Grid。首先上图是王道：

Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同：1、  相同点：a) 都是使用异步提交的方式；b) 默认都是使用POST方式来提交数据； 2、  不同点：a) Request方法不可以使用waitMsg属性来设置在等待响应过程中显示的信息，而submit方法提交时这个设置是可用的(可以看到效果,而前面说的不可用是

概念：   （1）ExtJS是一个面向开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。（以前是基于YAHOO-UI,现在已经完全独立了）   （2）之所以说是框架，因为它能够帮助我们在页面上快速而简单构建各种各样的控件，简化我们自己去写庞大js实现；它是一种纯面向对象的JS框架。扩

相关包文件： commons-fileupload-1.2.1.jar commons-io-1.4.jar前端程序： Html代码  HTML>   HEAD>    TITLE>Ext.form.field.File示例TITLE>    meta http-equiv="Content-Type" content="text/htm

标准面板： Javascript代码  Ext.create('Ext.panel.Panel',{              title:'面板头部（header）',              tbar : ['顶端工具栏(top toolbars)'],              bbar : ['底端工具栏(bottom toolbars)'],

解决extjs中chart显示不下legend的问题在extjs中使用chart类绘制图表时，可以通过设置legend来添加图例，但是当图例类型较多时，就会出现legend显示不全的问题，而chart不会根据legend的标签数量做相应的调整。翻查了官方文档，没有找到有关的说明。于是又google搜索了一下，依然没有找到有效的解决办法，只是看到有提到可以修改crea

开始学习ExtJs4，陆续记录学习过程，希望有所用处： 特别注意：在这里有些写法还是沿用之前版本，效果依然能够出来，当时最好进行改动，例如new可以改为Ext.create 一、基础知识 1、JAON对象的例子 Javascript代码  "text/javascript">          var person  =  { //json对象定

二、表单部分相关 Html代码  HTML>   HEAD>    TITLE>提示信息TITLE>    meta http-equiv="Content-Type" content="text/html; charset=utf-8">    link rel="stylesheet" type="text/css" href="../../ex

1、append方法 Javascript代码  var tpl = new Ext.Template(//定义模板      '',      '姓名{0}',      '年龄{1}',      '性别{2}',      ''  )  //模板值和模板进行组合并将新生成的节点插入到id为'tpl-table'的元素中  tpl

一、addListener方法 Javascript代码  var button = Ext.get('btn');  button.addListener('click',hello1);//绑定事件处理函数  button.addListener('click',hello2);  二、ExtJS支持的自定义事件 Java

一、grid的例： Javascript代码  //配置表格列  {header: "姓名", width: 50, dataIndex: 'name'},  {header: "组长", width: 50, dataIndex: 'leader',       xtype: 'booleancolumn',//Ext.grid.column.Bool

一、grid的例： Javascript代码  //配置表格列  {header: "姓名", width: 50, dataIndex: 'name'},  {header: "组长", width: 50, dataIndex: 'leader',       xtype: 'booleancolumn',//Ext.grid.column.Bool

前端页面： Html代码  HTML>   HEAD>    TITLE>远程数据源的组合框示例TITLE>    meta http-equiv="Content-Type" content="text/html; charset=utf-8">    link rel="stylesheet" type="text/css" href="extj

一、树面板简单示例 Javascript代码  var tree = Ext.create('Ext.tree.Panel', {      title: '树面板简单示例',      width : 150,      height : 100,      renderTo: Ext.getBody(),      root: {    

1、获取页面上的HTML元素，并进行处理，使用Ext.get('elid')方法，参数为HTML元素的id值，由此可对获取到的元素进行各种处理。例如： Javascript代码  var el = Ext.get("the-id");      var appendEl = Ext.get("the-id-append");      function fn

Ext.onReady(function(){var array = ['1','2','3','4','1','6','7'];Ext.Array.clean(array); //['1','2','3','4','6','7'];Ext.Array.clone(array); // 克隆数组Ext.Array.contains(array,'1'); //返回true

Ext.define('VedioDuosenApp.view.VedioView' ,{    extend: 'Ext.panel.Panel',    alias : 'widget.vedioView',    id:'vediopanel',    //title: '视频',    header : false,    autoHeight : true,    region: "we...