////////////////////////////////////---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. 瓣呀,一个基于豆瓣api仿网易云音乐的开源项目

    整体采用material design 风格,本人是网易云音乐的粉丝,所以界面模仿了网页云音乐,另外,项目中尽量使用了5.0之后的新控件. 项目整体采用mvp+rxjava+retrofit 框架,使 ...

  2. 在VSCode中使用码云

    在VSCode中使用码云 一.SSH公钥 使用SSH公钥可以让你在你的电脑和码云通讯的时候使用安全连接(Git的Remote要使用SSH地址) 链接 https://gitee.com/profile ...

  3. Redis高可用

    redis高可用只要在于三个方面 主从复制 哨兵机制 集群机制 主从复制 主从复制作用: 1.数据冗余:主从复制实现了数据的热备份,是持久化之外的一种数据冗余方式.2.故障恢复:当主节点出现问题时,可 ...

  4. laravel cache get 是如何调用的?

    本文使用版本为laravel5.5 cache get public function cache() { $c=\Cache::get('app'); if(!$c) { \Cache::put(' ...

  5. JS简写

    本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读. 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作. 文 ...

  6. Pandas 数值计算和统计基础

    1.(1) # 基本参数:axis.skipna import numpy as np import pandas as pd df = pd.DataFrame({'key1':[4,5,3,np. ...

  7. VUE前端无法启动

    cd 到client中,使用npm run dev ,一直卡着也不报错,启动不了项目 可以直接使用 ,需要进入root目录进行 cnpm install npm -g

  8. POJ:2377-Bad Cowtractors

    传送门:http://poj.org/problem?id=2377 Bad Cowtractors Time Limit: 1000MS Memory Limit: 65536K Total Sub ...

  9. C++封装的全部总结

    类 类是对现实生活中一类具有共同特征的事物的抽象 类是面向对象程序设计实现信息封装的基础. 类是一种用户定义类型,也称类类型. 类的实例称为对象. 类的实质是一种数据类型 面向对象原则 以对象为中心, ...

  10. DHCP服务(dhcpd)

    DHCP动态分配主机地址(Dynamic Host Configuration Protocol) 动态主机配置协议(DHCP)是一种基于UDP协议且仅限于在局域网内部使用的网络协议,主要用于大型的局 ...