EXTJS - 技术教程文章

ExtJS ComboBox之 键入自动查询【代码】

Ext.create(‘Ext.form.Panel‘, { title: ‘菜单编辑‘, id:‘editMenuForm‘, bodyPadding: 5, // The form will submit an AJAX request to this URL when submitted url: ‘/SystemManage/SaveMenuForm‘, method: ‘POST‘, // Fields will be arranged vertically, stretched to full width layout: ‘anchor‘, defaults: { anchor: ‘100%‘ }, // The fields defaultType: ‘textfield‘, items: [{ name: ‘menuGuid‘, ...

项目开发中遇到的extjs常见问题【代码】

1事件触发机制2 3l 给某一个控件添加事件。4 5 obj.addEvents( {search : true });6 7l 给某一个事件添加处理函数8 9n 给一个对象或变量添加监听及对应得处理,可以在创建时,通过属性listener添加。10 11 n 或者通过 obj.on(‘event’,function(){})12 13 n 或者通过obj.addListener(“event”,function)14 15 16 17l 出发一个事件,params是要传给事件对应的处理函数的参数...

【extjs】 Extjs中的Ext.grid.Panel隐藏列会显示在表头中解决方法【代码】【图】

在Extjs中的GridPanel会有这样的情况,隐藏列会显示在menuDisabled中,但是这个一般没有什么用处,只是用于后台取值的作用,感兴趣的朋友可以了解下啊,希望本文对你有所帮助 在Extjs中的GridPanel会有这样的情况,隐藏列会显示在menuDisabled中 如下图:但是这个一般没有什么用处,只是用于后台取值的作用。so 加一个属性:hideable:false就可以搞定了。 { text: ‘用户ID‘, dataIndex: ‘uid‘,align: ‘center‘,hidden:true,...

extjs datafield 格式化

extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格式化一下,方法很简单,用EXT的 Ext.util.Format.date()方法 示例: var gedt = Ext.util.Format.date(日期控件.getValue(), ‘Y-m-d‘); 出来的日期格式就是2010-10-10这样的 // date( String/Date value, [String format] ) : String Formats the passed date using the ...

跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增)【图】

跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增) 网页其中的拖放(drag-drop)是比較有趣的操作,extjs5中非常好的封装了拖放的动作,也有各种类来支持,可是要学好“拖放”这个东西真是非常难,特别是象我这样英语不好的人。看不太懂官网上的说明,做一个拖放的操作起码得几天的时间。 以下完毕拖放删除的功能。即,选中一条记录或多条记录。然后拖动到“删除”button上。最后松开鼠标进行记录删除的操作。操...

Extjs选中多行Grid提交【代码】【图】

要实现的效果如图:可以选择多行grid然后提交给后台1,Extjs中grid如何可以选择多行?定义一个grid,将色了Type设置为多选即可selType: ‘checkboxmodel‘, 2,controller层代码: 1 StdEvaluationToPaper:function(btn,event){2var grid=Ext.getCmp(‘StudentEvaluationGrid‘);3var form=Ext.getCmp(‘StudentEvaluationForm‘);4var records=grid.getSelectionModel().getSelection(); 5var title = form.getForm().getValues()...

ExtJs--01--引入ExtJs4.1.1

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>ExtJs提示框学习</title><meta http-equiv="pragma" content="no-cache"><m...

Java Web项目(Extjs)报错二

1、Java Web项目(Extjs)报错二 具体报错如下:usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonaming ] { -help | start | stop } 2014-3-26 22:46:18 org.apache.catalina.core.AprLifecycleListener init 信息: Loaded APR based Apache Tomcat Native library 1.1.27 using APR version 1.4.6. 2014-3-26 22:46:18 org.apache.catalina.core.AprLifecycleListener init 信息: APR capab...

Extjs初学者(一)【代码】【图】

Ext.form.field.Number针对数字约束的配置项 1<html> 2<head> 3<title>图书管理界面</title> 4<link rel="stylesheet" type="text/css" href="../ext-4.2.1/resources/css/ext-all.css"/> 5<script type="text/javascript" src="../ext-4.2.1/bootstrap.js"></script> 6 7<script> 8 Ext.onReady(function(){9 Ext.QuickTips.init(); 10var form =new Ext.form.FormPanel({ 11 title:‘示例‘, 1...

ExtJs + Struts2 + JSON【代码】

最近一直都在看EXTJS的东西,然后自己实践了下,界面倒是蛮漂亮的,但是一旦涉及到与服务器端进行数据互动麻烦就出来了,本来下了个例子确发现是 用DWR的,觉得我既然用了STRUTS2作为MVC的框架,我觉得这个框架还是很不错的,觉得还是把EXTJS整合到一起更好些,找了相关的资料,跟着 前辈做了下例子,发现完全不是那么回事,只好自己慢慢摸索,终于把数据交互的问题解决了,所以记录之以便查阅! 还是从底层开始说吧,拿最经...

[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel【代码】【图】

继上次使用js前端导出excel之后,另一个主要大家比較关注的是后台实现导出excel,由于本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。本文文件夹本文文件夹poi项目下载及载入extjs前端导出设置extjs后台相应的解决方式创建excel工作簿创建一个excel页签生成excel样式并初始化产生表格标题行build headers构造数据行build rowspoi项目下载及载入POI项目是apache官网的一个开源项目,其主要目的是对microsof...

ExtJS4.2学习(19)在线编辑器Ext.form.HtmlEditor(转)【图】

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-24/191.html--------------------------------------------------------------------------------------------不知道大家发觉这样的问题没,以前写Extjs3.X的时候,Eclipse在复制粘贴写代码的时候一点不卡,在4.2的时候,用eclipse写就会经常卡死的现象。下午研究了一下午,我可不想在写代码的时候一直被卡死,我就找到了新的IDE工具intellij idea (...

extjs PropertyGrid使用【代码】

var grid = new Ext.grid.PropertyGrid({title: ‘属性表格‘,autoHeight: true,width: 300,renderTo: Ext.getBody(),viewCondig: {forceFit: true},source: {‘名字‘: ‘不说‘,‘创建时间‘: new Date(),‘是否有效‘: false,‘版本‘: .01,‘描述‘: ‘没啥说的‘}}); 原文:http://www.cnblogs.com/yll-sww/p/4159844.html

bootstrap、jquery easyui、extjs界面比较

最近需要做一个界面,有下拉选择框、按钮、表格。之前用过jquery ui,样子还凑合,但是很大的一个问题是没有表格。于是我转向了bootstrap,这个最火最好的前端显示框架,发现它只是一个强调html5+css3的移动优先响应式设计的框框,很多东西都需要你自己订制。别说表格了,连下拉框都没有。不过好在它很火,于是有很多补充的项目。Flat UI不错,但用了一下报错,没时间研究源代码于是暂时放弃了。接着想起了以前很流行的easyui,登上...

Extjs中panel的 collapseMode 属性的应用,修改折叠箭头样式【图】

panel中属性collapseMode可以实现面板的折叠,不过属性自带的折叠箭头不太容易辨识,通过修改实现如下展现样式 具体代码实心如下:Ext.onReady(function(){ var mainPanel=Ext.create(‘Ext.panel.Panel‘,{ title:‘主信息‘, // collapsible:false, // layout:‘border‘, height:300, region:‘center‘ }); var linePanel=Ext.create(‘Ext.panel.Panel‘,{ title:‘明细信息‘, layout:‘fit‘, border :...

ExtJS浏览器对象模型BOM——命名空间和用户代理对象、Cookie【代码】

BOM(浏览器对象模型(BrowserObjectModel)),允许访问和操控浏览器窗口。研发者通过使用BOM,可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。本文将从ExtJS中以下四类服务入手: 1,命名空间2,用户代理对象3,Cookie4,定时调用函数(将于下一博文详细陈述) 命名空间 ExtJS的命名空间是在window对象所提供的全局范围内建立相互独立的范围,概念上类似于Java的package。 Ext.namespace("com.baidu"); c...

【ExtJS】关于alias和xtype【代码】【图】

alias在api里的解释为:别名 类名称简短的别名列表。多数用于定义xtypes 1 Ext.define(‘MyApp.Panel‘, {2 extend: ‘Ext.panel.Panel‘,3 alias: ‘widget.mypanel‘,4 title: ‘MyPanel‘5});6 7 Ext.onReady(function(){8// 使用 Ext.create 9 Ext.create(‘widget.mypanel‘,{ 10 html: ‘Create Widget!‘, 11 width: 400, 12 height: 200, 13 broder: true, 14 ren...

[ExtJS5学习笔记]第二十七节 CMD打包错误 Error C2009: YUI Parse Error (identifier is a reserved word =&gt; debugger;)

本文地址:http://blog.csdn.net/sushengmiyan/article/details/41242993本文作者:sushengmiyan------------------------------------------------------------------------------------------------------------------------------------使用cmd打包ext的时候报了一个诡异的错误。细细找来,发现是代码书写导致。如今记录一下:错误具体信息:[ERR] C2009: YUI Parse Error (identifier is a reserved word =>debugger;) -- unkn...

ZP的EXTJS学习笔记(四)——图表的简单使用(图表点击事件)【代码】【图】

这次做的比较简单,是一个消息阅读情况的展示。是模仿Example中chart的pie.js做的。贴下改造后的pie.js:Ext.require(‘Ext.chart.*‘); Ext.require([‘Ext.layout.container.Fit‘, ‘Ext.window.MessageBox‘]);Ext.onReady(function () {//store1.loadData(generateData(6, 20));var donut = false,chart = Ext.create(‘Ext.chart.Chart‘, {xtype: ‘chart‘,animate: true,id: ‘domid‘,store: store1,shadow: true,legend:...

Extjs学习笔记--Ext.tree.Panel【代码】【图】

Ext.create(‘Ext.tree.Panel‘, {title: ‘Simple Tree‘,width: 200,height: 150,store: store,rootVisible: false, //是否显示根节点 lines:false,//是否显示树节点前面的虚线 参考图A,BrenderTo: Ext.getBody() }); 图片A 图片B原文:http://www.cnblogs.com/ahjx1628/p/4177019.html

开源进销存PSI - ExtJS知识点(1)【代码】

引言这一系列的博客源于PSI的QQ群中有同学抱怨JS代码中没有注释,于是我就决定动手增加注释。同时我也在想:很多关于ExtJS的疑问是和不太熟悉ExtJS的基础知识点相关的,所以我就决定动手写这一系列的博客。注意:这些知识点仅仅局限于PSI代码中应用到了的,并不是ExtJS开发大全。Ext.define这个是我认为在ExtJS所有的知识点中最重要的,原因是几乎每个PSI的JS代码中它必出现。通俗地讲,Ext.define就是定义一个新的class。因为JS本...

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...