ext | 易学教程

Extjs prompt 显示密码框

阅读更多关于 Extjs prompt 显示密码框

Extjs 的 prompt 默认是普通的输入框，我们可以通过获取里面的元素，自己改一下。。呵呵 Ext.Msg.prompt("密码","请输入密码:",function(btn,text){ if(btn == "ok"){ Ext.Msg.alert("ok...","验证密码。。。"); } }); /**设置输入框是密码格式**/ var dlg = Ext.Msg.getDialog(); var t = Ext.get(dlg.body).select('.ext-mb-input'); t.each(function (el) { el.dom.type = "password"; }); /**设置输入框是密码格式**/ 来源： https://www.cnblogs.com/bboy/archive/2011/02/09/1950362.html

ExtJs学习笔记之TextField

阅读更多关于 ExtJs学习笔记之TextField

输入框TextField 一个基本文本框表单项。可以直接代替传统文本输入框, 或者作为许多复杂基本控件的基类({如@link Ext.form.field.TextArea }) 和 Ext.form.field.ComboBox )。支持空表单项占位符(参见 emptyText )。 1、示例：　　在FormPanel表单中添加两个输入框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="../ext-js-4.2.1/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext-js-4.2.1/ext-all.js"></script> <script type="text/javascript" src="../ext-js-4.2.1/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function() { //初始化标签中的Ext:Qtip属性 Ext

Ext.extend 详解

阅读更多关于 Ext.extend 详解

Ext.extend在Extjs 中扮演着重大角色，是Extjs中几个重要函数之一。要想深入了解EXTJS，这个函数非掌握不可,网上有很多关于这个函数的源码分析和介绍方面的文章,这里我只总结关于这个函数的使用的下几种情况,不详细分析这个函数的源码。 example one: view source print ? 01 function Base(config) { 02 this .name=config.name; 03 this .age=config.age; 04 this .sex=config.sex; 05 } 06 07 function base(config) { 08 this .identity=config.identity; 09 this .msg=config.msg; 10 this .phone=config.phone; 11 12 base.superclass.constructor.call( this ,config); 13 } 14 15 Ext.extend(base,Base,{ 16 showMsg: function (){ 17 window.alert( this .name+ ' ' + this .age+ ' ' + this .sex+ ' ' + this .identity+ ' ' + this .msg

如何控制，textField的宽度，

阅读更多关于如何控制，textField的宽度，

继上一节内容，我们在表单里加了个两个文本框。如下所示代码区的第42行位置，items: [txtusername, txtpassword]。 1.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5  6 <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script> 7 <script type="text/javascript" src="/Ext/ext-all.js"></script> 8 <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" /> 9  10 <script type="text/javascript"> 11 Ext.onReady(function (

Extjs — Grid数据导出成Excel

阅读更多关于 Extjs — Grid数据导出成Excel

最近因为项目问题，需要解决Extjs导出成Excel的问题。下面简单描述这个问题解决的步骤如下： 1、先在js文件里写了一个button的handler事件，通过点击按钮，来实现调用ExportExcel(GridPanel,{store:null, title: ' '}) ExportExcel方法的源码如下： /** Execl导出方法 **/ function ExportExcel(gridPanel, config) { if (gridPanel) { var tmpStore = gridPanel.getStore(); var tmpExportContent = ''; //以下处理分页grid数据导出的问题，从服务器中获取所有数据，需要考虑性能 var tmpParam = Ext.ux.clone(tmpStore.lastOptions); //此处克隆了原网格数据源的参数信息 if (tmpParam && tmpParam.params) { delete (tmpParam.params[tmpStore.paramNames.start]); //删除分页参数 delete (tmpParam.params[tmpStore.paramNames.limit]); } var tmpAllStore = new Ext.data

extjs grid renderer用法

阅读更多关于 extjs grid renderer用法

今天在做项目时，需要在列表中的某列添加一个超链接，首先要取得当前选中行的数据，判断数据类型，然后链接到不同的页面，研究下。发现ExtJs提供了一个很强的方法如下： var cm = new Ext.grid.ColumnModel( [ new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }), { header: '', align: 'center', dataIndex: 'AccountAndRoseID', width: 50, sortable: true, hidden: true }, { header: '', align: 'center', dataIndex: 'UserAccountId', width: 50, sortable: true, hidden: true }, { header: '帐号', align: 'center', dataIndex: 'UserAccountName', width: 200, sortable: true }, { header: '角色名', align: 'center', dataIndex: 'UserRoleName', width: 200, sortable: true }, { header: '状态',

ext MessageBox 用法

阅读更多关于 ext MessageBox 用法

1. Ext .MessageBox. alert ()方法有四个参数： alert ( title , msg , function(){} ，this) 其中title， msg 为必选参数，function为可选参数，在关闭弹出窗口后触发,可以传入点击的按钮的id，第四个参数scope:指回调函数作用域。 Ext . Msg . alert ("Notice","hello world!"); // alert 会阻塞程序的执行，而 Ext 版的 alert 是异步执行 Ext . Msg . alert (“Notice”,”<font color=red>hello world!</font>”); //支持html格式 Ext . Msg . alert (“Notice”,”<font color=red>hello world!</font>”,function callback(id){ alert (‘您点的是’+id);}); 2. Ext .MessageBox.confirm()方法基本上同 alert ()方法一模一样。注意这点： Ext .MessageBox.confirm(“title“,“ msg “,function(e){ alert (e);}); 这个参数e是什么？它是你点击的弹出框的按钮的值，三种值：yes,no,cancel.

ExtJs学习之MessAgeBox的使用

阅读更多关于 ExtJs学习之MessAgeBox的使用

1、Ext.MessageBox.alert() 　　调用格式：　　alert( String title, String msg, [Function fn], [Object scope] ) 　　参数说明：　　title：提示框的标题。　　msg：显示的消息内容。　　[Function fn]：（可选）回调函数。　　[Object scope]：（可选）回调函数的作用域。 ExtJS MessageBox alert支持HTML格式文本。 Ext.onReady(function () { Ext.MessageBox.alert("提示", "Hello World !",　　　　　　　　　　　　 function (id) { alert("单击的按钮是：" + id);　　　　　　　　　　　　 }); 　　}); 2、Ext.MessageBox.confirm() 　　调用格式：　　confirm( String title, String msg, [Function fn], [Object scope] ) Ext.onReady(function () { Ext.MessageBox.confirm("提示", "请单击我，做出选择！", function (id) { alert("单击的按钮是：" + id); }); }); 　　 3

ExtJs4 笔记（5） Ext.Button 按钮

阅读更多关于 ExtJs4 笔记（5） Ext.Button 按钮

《回到系列目录从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。我们先看看效果图: 预览如下是用到的html： [html] <h1> 三种方式实现事件： </h1> <div id="div1" class="content"> <ul> <li id="li1"></li> <li id="li2"></li> <li id="li3"></li> </ul> </div> <h1> 带图标菜单： </h1> <div id="div2" class="content"> </div> <h1> 带分割线的按钮</h1> <div id="div3" class="content"> </div> <h1> 菜单式按钮</h1> <div id="div4" class="content"> </div> <h1> 按钮组合</h1> <div id="div5" class="content"> </div> 一、基本按钮，三种方式实现按钮事件这里介绍了最基本的按钮生成代码，第一个按钮具备弹起和按下两种状态，三个按钮分别别设置成三种大小。每个按钮的单击事件都是通过一种新的实现方式。下面看看Js代码： [Js] Ext.create("Ext

ExtJs4 笔记（13） Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更

阅读更多关于 ExtJs4 笔记（13） Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更

《回到系列目录本篇讲解菜单、绘图、还有大小变更控件。菜单控件可以附加到各种其他控件中，比如按钮、工具栏等，甚至可以直接通过通过右键打开（模拟右键菜单）；ext对绘图的支持可以让我们通过js来绘图；大小变更控件可以让各种html元素获取可变更大小的能力。下面我们一一详细介绍。一、Ext.menu.Menu 菜单 1.菜单的定义下面我们来定义一个菜单，它包括一个下拉列表，还有颜色选择器，日期选择器等菜单项。 [Js] //下定义一个下拉列表 var combo = Ext.create('Ext.form.ComboBox', { store: new Ext.data.ArrayStore({ fields: ['id', 'name'], data: [[1, "张三"], [2, "李四"], [3, "王五"], [4, "赵六"]] }), displayField: 'name', typeAhead: true, mode: 'local', triggerAction: 'all', emptyText: '请选择..', selectOnFocus: true, width: 135 }); //这里是菜单的定义 var menu = Ext.create('Ext.menu.Menu', { id: 'mainMenu', style: { overflow:

订阅 ext