////////////////////////////////////---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. 前端jQuery之事件流

    1.事件流概念 描述的是从页面中接收事件的顺序 包含事件捕获阶段,处于目标阶段,事件冒泡阶段 2.绑定事件 语法 bind(type,data,fn) 示例:每个标签被点击的时候,弹出其文本 $(&q ...

  2. 史上最简单的SpringCloud教程 | 第三篇: 服务消费者(Feign)

    转载请标明出处: https://www.fangzhipeng.com/springcloud/2017/07/12/sc03-feign/ 本文出自方志朋的博客 最新Finchley版本请访问: ...

  3. Python 初始—(高阶函数)

    变量可以指向函数,函数的参数能接收变量, 将函数通过参数进行传递 def SetAbs(a,b,abs){ return abs(a)+abs(b) }

  4. 使用select2 宽度自适应

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

  5. JavaScript高级程序设计第三版.CHM【带实例】

    从驱动全球商业.贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过. JavaScript 是一种非常松散的面向对象语言,也是 ...

  6. python+scrapy环境搭建步骤描述

    Python3(3.5.4)搭建爬虫系统步骤描述: 1.下载python安装包,路径:https://www.python.org/downloads/windows/  选择3.5.4版本64位的安 ...

  7. 第三章习题 C++ Primer 第六版

    1.使用一个整数输入自己的身高(单位为cm),并将此身高转化为米和厘米共同表示的形式,使用下划线字符来指示输入的位置,使用一个const符号常量来表示转换因子. #include<iostrea ...

  8. python基础之函数参数、嵌套、返回值、对象、命名空间和作用域

    函数的使用原则 函数的使用必须遵循:先定义后使用的原则 函数的定义,与变量的定义是相似的,如果没有事先定义函数而直接引用就相当于在引用一个不存在变量名 定义阶段:只检测语法,不执行代码,当出现语法错误 ...

  9. <jsp:param>传参乱码问题

    在添加参数的界面添加<%request.setCharacterEncoding("UTF-8");%> 实例代码: login_confirm.jsp <%@ ...

  10. 4x4矩阵键盘 扫描程序

    一:不排除第四位异常处理 uchar JuzhenkeyScan() { // P3=0xfe; // temp=P3; // while(temp!=0xfe) // { // temp=P3; / ...