EXTJS - 技术教程文章
Extjs 选择元素涉及方法总结【代码】【图】
本文主要是解释Extjs在使用过程中使用的相关选择方法：1.首先解释第一组概念：Ext.get（String/HTMLElement/Ext.Element el）Ext.getCmp（String id）Ext.getDom（String/HTMLElement/Ext.Element el）在理解之前，建议先看两篇基础知识的文档： 1.[转载]Extjs中的dom,Ext.Element和Ext.Component对象的关系 2.【转载】Extjs 中id与itemId的区别理解了基础概念之后，我们来看：Ext.get（String/HTMLElement/Ext.Element el） ：入...
ExtJS的grid行编辑插件事件触发【代码】
本来这个号是为了找工作（记录自己找工作期间刷代码的所想所得，重要是假装自己有一个技术博客...），但是排序算法还没刷完就找到了工作，所以就懒病继续发作就没写了。现在工作了，真是什么都不懂，为了记录工作中遇到的问题，必须再把它捡起来。 最近的项目中要用到ExtJS，因为根本就不懂，所以就给我安排了一个简单的表格增删查改的实现，之中遇到了许多问题，慢慢解决吧，现在先说说在一个grid中，当使用了行编辑插件后，...
ExtJS的定时调用函数【代码】
<linkrel="stylesheet"type="text/css"href="<%=basePath %>/ext-3.4/resources/css/ext-all.css"><scripttype="text/javascript"src="<%=basePath%>/ext-3.4/adapter/ext/ext-base.js"></script><scripttype="text/javascript"src="<%=basePath%>/ext-3.4/ext-all-debug.js"></script><scripttype="text/javascript"src="<%=basePath%>/jsp/js/HelloWindow.js"></script><scripttype="text/javascript">// 我们知道javascript提供...
kbmmw 与extjs 的初次结合【代码】【图】
前面写了extjs 的安装，今天写一下kbmmw 与extjs 的结合，参照delphi 产品经理marco文章 。由于extjs 设计时要读取服务器端的数据，所以先要做一个rest 服务器。先要用kbmmw 建一个web 服务器，可以参照我以前写的例子。由于要返回数据库，因此加入对应的数据库访问控件，我使用unidac 加postgresql,需要的可以在www.hoasql.com 去下载。我们开始写服务器端。加上必要的数据库访问控件，并保证运行正常。进入webservice 单元，加对...
课程设计之"网络考试系统"(php、Extjs)【图】
1.TestSystem大概结构框图2.数据库设计(11张表)数据库名称:db_testsystem数据库表：tb_admin 记录题库管理员帐户信息代码tb_allcontent 记录随机抽取题目的内容代码tb_answer 记录考生答卷的答案代码tb_paper 记录随机产生的试卷代码tb_parameter 记录客户登录的ip及帐户等附加信息代码tb_record 记录各个题目的题型、...
ExtJS2.2 form表单提交时不提交emptyText【代码】
form.submit({ submitEmptyText: false,//添加这条就不会提交emptyText success: function(form, action) { Ext.Msg.alert(‘保存成功‘, action.result.msg); addwin.destroy(); gridStore.load( {params : { flag : ‘list‘, start : 0, limit : PAGESIZE }}); }, failure: function(form, action) { Ext.Msg.alert(‘操作失败‘, action.result.msg);} }); 原文：http://www.cnblogs.com/mr-level/p/4647617.html
ExtJs自学教程(1)：一切从API開始【代码】
题 记 该系列文章不側重全方位的去介绍ExtJs的使用，仅仅是側重于解决ExtJs问题的思考方法。写的人不用长篇大论，学的人则可以自立更生。l 学习的人仅仅要有一些CSS的javascript的基础知识而且对于英文不至于很蹩脚（以辅助词霸能看懂ExtJs的API为准），都可以參考本教程进行修行。《一》 一切从API開始 非常多学ExtJs的朋友在初学ExtJs的时候认为ExtJs的非常easy效果非常好，几行代码就把效果搞定了。可是用得多了，抱怨就開始...
ExtJs xtype类型介绍【代码】
自定义组件在定义的时候可以通过xtype配置为组件指定xtype短名称，此后创建对象可以通过xtype来创建自定义对象了，示例代码如下：Ext.define(‘MyApp.PressMeButton‘, {extend: ‘Ext.button.Button‘,xtype: ‘pressmebutton‘,//指定自定义组件的xtypetext: ‘Press Me‘ });基本组件：xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton带下拉选项菜单的按钮buttongroupExt.B...
Extjs自定义主题
每一个ExtJS程序都是从一个Application类的实例开始的。它包含了你程序的全局设置。自定义主题的例子：新建一个工作空间：windows控制台窗口下进入有sdk所在的目录输入命令：sencha –sdk ~/ generateworkspace my-workspace，而后会发现在sdk所在的目录下会出现myworkspace文件夹。其中有连个目录分别为：ext,packages（1）建立一个应用程序测试项目:在myworkspace目录下输入命令：sencha –sdk ext generate app ThemeDemoApp t...
ExtJs radiogroup form.loadRecord方法无法赋值正确解决办法【代码】
一、radiogroup的name和radio的name一致，inputValue为整形 {xtype: ‘radiogroup‘,fieldLabel: ‘是否有效‘,name: ‘status‘,items: [{ name: ‘status‘, boxLabel: ‘有效‘, inputValue: 1, checked: true },{ name: ‘status‘, boxLabel: ‘无效‘, inputValue: 0 }] }二、radio无name，inputValue为整形{xtype: ‘radiogroup‘,fieldLabel: ‘是否有效‘,name: ‘status‘,items: [{ boxLabel: ‘有效‘, inputValue: 1,...
extjs extends【图】
Ext中实现类的继承 Js代码 extend (Object subclass,Object superclass,[Object overrides] : Object) 第一个参数：子类 第二个参数：父类 第三个参数：要覆盖的属性。 这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）,而不继承superclass中的定义的属性和方法，如果子类中的方法名与父类中相同则会覆盖。例子 父类 Js代码 BaseClass = function() { f1 = functi...
关于Extjs使用window.opener报错
项目中使用window.opener 刷新父窗口表格，父窗口表格IE8报错，window.opener.Ext.getCmp(‘SalesCompanyGridPanel‘).getStore().load({ params: { start: 0, limit: 30}});消息: 被呼叫方(服务器 [不是服务器应用程序])不可用并已消失。所有连接均无效。没有执行呼叫。调试尝试取消了传递分页参数，直接使用 window.opener.Ext.getCmp(‘SalesCompanyGridPanel‘).getStore().load(); 能成功刷新。 原文：http://www.cnblogs...
三、ExtJS之对话框控件【图】
Extjs 在实现消息框的时候，完全摈弃了传统的风格，不再弹出新的对话框，而是在当前页面跳出一个层，并将原页面完整覆盖。原来，只是一种模拟。在 Ext 中，定义了一个类MessageBox，该类还有一个更精简的名字Msg，所有消息框都定义在该类中。建立dialogs.js文件。提示框（Alert） 提示框的语法：Ext.MessageBox. alert ( String title, String msg, Function fn, Object scope );参数定义如下：title：标题 msg：提示内容 fn：提示...
扩展ExtJs 4.2.1 htmleditor 添加图片功能【图】
做项目的时候遇到这样一个问题，因为我是用ExtJs做的后台管理框架，所以当我使用ExtJs htmleditor 控件的时候，发现没有图片上传的功能，于是我打算在网上找找有关的文章，居然真有人写过，不过可惜的是，不支持ExtJs 4.2.1版本，所以我再搜索，终于被我找到了,现在将代码贴出，本着开源精神，我将代码开源，最后我想感谢一个人：马平川，cr10210206@163.com正是他的奉献所以才完成这个功能的，非常感谢！?123456789101112131415...
Python开发入门与实战14-基于Extjs的界面【代码】【图】
14. 基于Extjs的界面上一章我们实现了一个原生的html例子，本章我们将采用Extjs实现界面的展现，来说明MVC模式下我们是怎么考虑界面与业务层的关系的。14.1. 引用Extjs目录首先，我们在inventory app下增加一个static目录，拷贝Extjs发布目录到static下，本章节例子我们采用的是Extjs 4.1.1版本进行说明演示，Django项目能够访问static目录我们需要修改项目setting.py的STATIC_ROOT项的值，项目才能正确装载引用的静态文件。…# Ab...
ExtJS 6.2 基础使用
一、 安装：下载两个压缩包：分别是 ext-6.2.0-gpl(这个是ExtJS 的SDK文件，创建新项目的时候需要用)。SenchaCmd-6.5.2-windows-64bit (这个下载下来是解压，或者不解压。反正最后看到的是一个.exe 结尾的安装文件 ，直接安装运行即可PS：一定要记住安装到哪个文件夹下面了) 二、 运行：安装好SenchaCmd-6.5.2-windows-64bit.exe 之后，点击Windows的命令提示窗 进入到提示窗中：使用cd 命令进入刚才 SenchaCmd-6.5.2-windows-64bi...
ExtJs读书笔记
specialkey 键盘事件：listeners: { specialkey: function(f,e){ if (e.getKey() == e.ENTER) { movie_form.getForm().submit(); } }}空格：xtype:‘tbseparator‘原文：http://www.cnblogs.com/staryy/p/5946377.html
Extjs4.1.x 框架搭建 采用Application动态按需加载MVC各模块完美实现【图】
中午的时候发了第一篇 Extjs4.1.x 框架搭建 采用Application动态按需加载MVC各模块 ，发现实现上还是有问题，有很多理解不到位的地方，晚上详细解决下了，终于实现MVC各模块按需加载了，哈皮。 上篇文章中，关于ExtJs这个玩意的评论就跟java和.Net那个好一样，既然上了贼船，就难下了，而且对于企业级的应用我个人觉得Extjs框架还是不错的，尤其是没有UI设计的团队（苦逼的程序员就兼UI吧），起码难得发现一个做的比较好的UI框架（...
在.NET下学习Extjs(第四个案例 Extjs扩展的原理)【代码】
1.构建如下代码 1 <!DOCTYPE html>2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>5 <title></title>6 <script>7//Ext扩展方法的原理,为js扩展方法 8 Object.prototype.get = function (key, defaultValue) {9if (this[key]) { 10returnthis[key]; 11 } else { 12if (defaultValue) { 13return defaultValue; 14 ...
ExtJS4.2学习(17)表单基本输入控件Ext.form.Field
Ext.form.Field是所有表单输入控件的基类，其他的输入控件都是基于Ext.form.Field扩展得来的。 Ext.form.Field中定义了输入控件通用的属性和功能函数，这些通用的属性和功能函数大致分为3大类：页面显示样式、控件参数配置和数据有效性检验。我们先来看看表单输入控件可以使用的校验显示方式。默认情况下，这些输入控件会监听blur事件，如果数据校验失败，就会根据msgTarget中的设置显示错误信息。通常，msgTarget会被设置为qtip，...
extjs define研究【代码】
Ext.define(‘MyApp.view.system.permission.Permission‘, {extend : ‘Ext.panel.Panel‘,xtype : ‘sys-permission‘,requires: [‘MyApp.ux.Util‘,‘MyApp.model.SysRole‘],viewModel: {stores: {roleStore : ZUtil.createStore(‘SysRole‘, ‘SysRole/read‘),treeStore: ZUtil.createTreeStore(‘SysMainMenu/getMenuTree‘, {autoLoad :false})}},controller: {type: ‘sys-permission‘},title : ‘权限管理‘,layout :...
jQuery EasyUI 开源插件套装 完全替代ExtJS【图】
我要告诉大家，现在JQuery也有一个很好的UI插件了，几乎完全可以替代ExtJS，下面来看看对比： 上图是ExtJS和EasyUI的界面对比，是不是很类似呢，很强大呢？ 呵呵~~ 漂亮的消息弹出，支持遮罩效果。 这个效果也很酷~ 更多的酷炫功能请看下方功能列表 Easy UI的使用也非常地简单：<script type="text/javascript" src="../jquery-1.4.2.min.js"></script><script type="text/javascript" src="../jquery.easyui.min.js"></script>与...
yarn 管理nextjs 项目【代码】
预备环境nodejs npm1. yarn 安装npm install -g yarn 2. nextjs 项目初始化yarn add next react react-dom3. 配置nextjs 项目"scripts":{"dev": "next","build": "next build","start": "next start"}4. 创建简单项目mkdir pages cd pagestouch index.js // content export default ()=> <div>this is the index page </div>// run yarm run dev// ok 就是这么简单5. 参考资料https://yarnpkg.com/zh-Hans/docs/getting-sta...
extJs学习基础2【代码】【图】
一个登陆界面: 1Ext.onReady(function(){2 3 Ext.define(‘Login‘, { 4//renderTo: Ext.getBody(), 5 extend: ‘Ext.window.Window‘, 6 closable: false, 7 resizable : false, 8 modal: true, 9//draggable: false, 10 autoShow: true, 11 title: ‘用户登录---OA办公系统‘, 12 item...
extjs/js时间校验【代码】
//时间秒判断var re=/^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$///时间毫秒秒判断var res=/^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])\s+(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d.[0-9][0-9][0-9]$/Extjs中毫秒格式化Ext.util.Format.date(new Date(),‘Y-m-d H:i:s.u‘)extjs中字母代替含义年 Y 年的数字表示，...
【ExtJS】关于Component生命周期
很久以前就学习过extjs的组件生命周期，很久之后，再回头看一看，又增加好多新的认识。 extjs组件生命周期大体分为3个阶段：初始化、渲染、销毁。第一阶段：初始化 初始化工作开始于组件的诞生，所有必须的配置设定、事件注册、预渲染处理等都在此时进行。 1、应用组件的配置： 当初始化一个组件的实例时，传递的组件配置对象包含了希望让组件拥有的所有功能，这些都是在Ext.Component基类的前几行代码完成的。 ...
[ExtJs5.1.0系列-第二天] 信息提示框组件<Ext.MessageBox>【代码】【图】
在介绍ExtJs信息提示框组件之前，我们先来介绍一下ExtJs的组件配置。 ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表; (2) 使用JSON对象作为组件提供配置信息。对于比较简单的配置一般采用逗号分隔的参数列表进行设置，对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息。 JSON简单介绍: JSON的全称是JavaScript Object Notation(JavaScript对象符号)。JSON是一种结构化的，轻量级的，完全独立于语言的...
EXTJS项目实战经验总结一：日期组件的change事件：
1 依据选择的日期，加载相应的列表数据，如图： 开发说明 1 开发思路： 在日期值变化的事件中获得选择后的日期值，传给后台，然后从后台加载相应的数据 2 问题：在查看extjs2.2 的api的官方说明文档，文档对datefield组件的change事件说明如下： change : ( Ext.form.Field this, Mixed newValue, Mixed oldValue ) Fires just before the field blurs if the field value has changed. 这句话是说...
ExtJs自学教程(1)：一切从API開始【代码】
题 记 该系列文章不側重全方位的去介绍ExtJs的使用，仅仅是側重于解决ExtJs问题的思考方法。写的人不用长篇大论，学的人则可以自立更生。l 学习的人仅仅要有一些CSS的javascript的基础知识而且对于英文不至于很蹩脚（以辅助词霸能看懂ExtJs的API为准），都可以參考本教程进行修行。《一》 一切从API開始 非常多学ExtJs的朋友在初学ExtJs的时候认为ExtJs的非常easy效果非常好，几行代码就把效果搞定了。可是用得多了，抱怨就開始...
ExtJS中listener方法和handler方法的区别【代码】
listener方法和handler方法的区别在文档中的说明的太玄乎了，看不懂listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过处理函数一次处理点击响应Ext.create(‘Ext.Button‘, {text : ‘Dynamic Handler Button‘,renderTo: Ext.getBody(),handler : function() {// this button will spit out a different number every time you click it.// so firstly we must check if that num...