////////////////////////////////////---Ajax 等待提示消息---///////////////////////////////////////////////
var myMask = new Ext.LoadMask(Ext.getBody(),{msg:"请稍等,正在导入..."});
myMask.show();
Ext.Ajax.request({ url:"uploadAction",
 method:"POST",
params:{
 id:id
},
success:function(){
if (myMask != undefined){ myMask.hide();}
Ext.Msg.alert("消息","文件导入成功!");
 },
failure:function(){
if (myMask != undefined){ myMask.hide();}
 Ext.Msg.alert("消息","文件导入失败!");
}
});
////////////////////////////////////---动态添加元素---///////////////////////////////////////////////

var l = Ext.getCmp('_picForm').items.length;
l++;
Ext.getCmp('_picForm').add([
{ id: '_addPic' + l,
name: '_addPic' + l,
labelWidth: 60,
xtype: 'filefield',
buttonText: '选择',
fieldLabel: '图片' + l
}
]);

////////////////////////////////////---遍历元素---///////////////////////////////////////////////

 BookPanel.items.each(function(item,index,length){                           
                           alert(item.getName());
                           alert(item.initialConfig.name);
                           alert(item.initialConfig.id);
                           alert(item.initialConfig.emptyText);
                           alert(item.getValue());
                           alert(item.getXType());
  });

 ////////////////////////////////////---获取 file 原始地址---///////////////////////////////////////////////

var url = getPath(document.getElementByIdx_x("url"))

function getPath(obj) {
 if (obj) {
  if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
   obj.select();
   return document.selection.createRange().text;
  } else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
   if (obj.files) {
    return obj.files.item(0).getAsDataURL();
   }
   return obj.value;
  }
  return obj.value;
 }
}

////////////////////////////////////---EXTJS htmlEditor ? 问号问题---///////////////////////////////////////////////

xtype: 'htmleditor',
id: 'P_DETAIL',
name: 'P_DETAIL',
fieldLabel: '详细介绍',
labelWidth: 80,
width: 770,
height: 350,
value:'<br>',
plugins: [
Ext.create('Ext.ux.form.plugin.HtmlEditor', {
enableAll: false
})]

////////////////////////////////////---EXTJS 二级关联 修改store ---///////////////////////////////////////////////

在点击二级下拉列表的时候 获取一级列表数据,并删除store 数据 重新插入数据。

listeners: {

change: function (t,newV,oldV,ep)
{},

click: {
element: 'el',
fn: function () {
var newV = Ext.getCmp('PROVINCE').getValue();
if (newV == "请选择")
return;
Ext.getCmp('CITY').store.removeAll();
var a = getCityName(newV);
for (var i = 0; i < a.length; i++) {
Ext.getCmp('CITY').store.insert(i, { name: a[i] });
}
}}
}

Extjs 4 小记的更多相关文章

  1. ExtJS 4.2 评分组件

    上一文章是扩展ExtJS自带的Date组件.在这里将创建一个评分组件. 目录 1. 介绍 2. 示例 3. 资源下载 1. 介绍 代码参考的是 Sencha Touch 2上的一个RatingStar ...

  2. ExtJS 4.2 介绍

    本篇介绍ExtJS相关知识,是以ExtJS4.2.1版本为基础进行说明,包括:ExtJS的特点.MVC模式.4.2.1GPL版本资源的下载和说明以及4种主题的演示. 目录 1. 介绍 1.1 说明 1 ...

  3. ExtJS 4.2 第一个程序

    本篇介绍如何创建一个ExtJS应用程序.并通过创建目录.导入文件.编写代码及分析代码等步骤来解释第一个ExtJS程序. 目录 1. 创建程序 1.1 创建目录建议 1.2 实际目录 1.3 index ...

  4. ExtJS 4.2 组件介绍

    目录 1. 介绍 1.1 说明 1.2 组件分类 1.3 组件名称 1.4 组件结构 2. 组件的创建方式 2.1 Ext.create()创建 2.2 xtype创建 1. 介绍 1.1 说明 Ex ...

  5. ExtJS 4.2 组件的查找方式

    组件创建了,就有方法找到这些组件.在DOM.Jquery都有各自的方法查找元素/组件,ExtJS也有自己独特的方式查找组件.元素.本次从全局查找.容器内查找.form表单查找.通用组件等4个方面介绍组 ...

  6. ExtJS 4.2 业务开发(一)主页搭建

    本篇开始搭建一个ExtJS 4.2单页面应用, 这里先介绍主页的搭建,内容包括:主页结构说明.扩展功能等方面. 目录 1. 主页结构说明 2. 扩展功能 3. 在线演示 1. 主页结构说明 1.1 主 ...

  7. ExtJS 4.2 业务开发(二)数据展示和查询

    本篇开始模拟一个船舶管理系统,提供查询.添加.修改船舶的功能,这里介绍其中的数据展示和查询功能. 目录 1. 数据展示 2. 数据查询 3. 在线演示 1. 数据展示 在这里我们将模拟一个船舶管理系统 ...

  8. ExtJS 4.2 业务开发(三)数据添加和修改

    接上面的船舶管理业务,这里介绍添加和修改操作. 目录 1. 添加操作 2. 修改操作 3. 在线演示 1. 添加操作 1.1 创建AddShipWindow.js 在业务中的view目录下创建一个Ad ...

  9. ExtJS 4.2 Grid组件的单元格合并

    ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid ...

随机推荐

  1. JavaScript中基本知识

    变量 每个变量仅仅是一个用于保存值的占位符而已. 用var操作符定义的变量将成为定义该变量的作用域中的局部变量. 省略var操作符可以定义一个全局变量.但是不推荐这种做法,因为在局部作用域中定义的全局 ...

  2. django中介模型,CBV模型,及logging日志配制

    1.中介模型 中介模型,这个是在我们创建表格时,多对多添加的时候应用到的,通过制定ManyToManyField字段中的through参数来定义,为两者的关系新建一个中介class 为什么会产生这个中 ...

  3. Objective-c 单例设计模式

    Objective-c 单例设计模式 一.什么是单例模式:(Singleton)      单例模式的意图是是的类的对象成为系统中唯一的实例,提供一个访问点,供客户类共享资源.   二.什么情况下使用 ...

  4. Fetch 头像剪切修改

    前言:通过Input file upload 图片到canvas 中进行剪裁,react 可以引入react-avatar-editor对图片进行剪裁 react-avatar-editor的使用 & ...

  5. 【赛时总结】 ◇赛时·IV◇ CODE FESTIVAL 2017 Final

    ◇赛时-IV◇ CODE FESTIVAL 2017 Final □唠叨□ ①--浓浓的 Festival 气氛 ②看到这个比赛比较特别,我就看了一看--看到粉粉的界面突然开心,所以就做了一下 `(* ...

  6. 使用select2 宽度自适应

    加一个CSS属性:style = "width : 100%"

  7. Tomcat+jdk 环境处理 java jsp代码编写web环境的容器

    Tomcat是由 Apache 软件基金会下属的 Jakarta 项目开发的一个Servlet 容器,按照 SunMicrosystems 提供的技术规范,实现了对 Servlet 和 JavaSer ...

  8. Python3.6+pyinstaller+Django

    方案(一)Python3.6+pyinstaller+windows服务 一.Python3.6(64位)环境清单 Django==1.11.7 django-windows-tools==0.2 P ...

  9. Linux基本的指令操作

    绝对路径: 路径的写法,由根目录/写起,例如:/usr/share/doc这个目录. 相对路径: 路径的写法,不由/写起,例如由/usr/share/doc要到/usr/share/man底下时,可以 ...

  10. 搭建一个简单的dns缓存服务器

    环境:linux 软件:bind97,bind97-utils, bind97-libs ip:192.168.192.130:192.168.192.131 -------------------- ...