Ext 3.4 技巧

2024-10-22

ExtJS小技巧

一.从form中获取field的三个方法: 1.Ext.getCmp('id'); 2.FormPanel.getForm().findField('id/name'); 3.Ext.get('id/name');//前提是FormPanel在界面上显示出来了. 二.ExtJS如何给textfield赋值的三个方法: var value="值"; 1. fs.form.findField(id/name).setValue(value); 2. Ext.get(id/name).set

【翻译】Ext JS最新技巧——2016-3-4

原文:Top Support Tips Kevin Cassidy:Grid水印 Ext JS的Grid是一个便于在布局中显示信息的伟大工具.有些用户可能会希望将这些信息打印为会议资料或宣传材料,而且会希望在打印的时候,能添加水印以便进行版权保护.保密或作为品牌的一种方式. 这个很容易实现,只要在Ext JS的Grid中为它指定一个样式就行了,而这只需要一些简单的CSS技巧. 实现这种效果的关键是修改单元格的样式,并在Grid中插入不透明且不会遮盖Grid内容的背景. 要做到这一点,首先是创建一

【翻译】Ext JS最新技巧——2015-1-2

原文:http://www.sencha.com/blog/top-support-tips-january-2015?mkt_tok=3RkMMJWWfF9wsRolvqvIZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AScVqI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D Kevin Cassidy:永恒的滚动条你是否考虑过在Touch容器中一直显示滚动条,而不是让他们自动显示或消失?现在可以实现这个了,而这只需要简单

【翻译】Ext JS最新技巧——2014-10-30

原文:Top Support Tips Greg Barry:Ext JS 5的ExtraParams Ext JS 4同意用户直接将extraParams加入到一个链接,相似例如以下代码: Ext.Ajax.extraParams = { foo: "bar" }; 因为Ext JS5对数据包进行了改动,该方法就不再可行了.如今,须要使用 setExtraParams和getExtraParams方法来为Ext.data.Connection提供參数,比如: Ext.Ajax.set

【翻译】Ext JS最新技巧——2015-10-21

原文:Top Support Tips Kevin Cassidy:全宽度的字段错误信息有考虑过让验证信息显示在表单字段的下面(msgTarget:'under'),但最后发现验证信息被压缩显示了吗?这是因为该方式显示的信息只会显示在输入自动的下面.还好,这里有一个简单的方式来解决这个问题,以便使用字段与标签合起来的整个宽度. 要实现该视觉效果,重写错误信息的样式就行了.要将这个应用到字段的单一实例,只需要将以下cls值添加到字段就行了: { xtype: 'numberfield', cls

【翻译】Ext JS最新技巧——2015-8-11

原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标.不过,你知道如何通过"iconCls"和"glyph"来使用哪些相同的图标(以及更多来自于广泛的Font Awesome库)吗? 使用海卫一主题的时候可以在诸如Ext.panel.Panel.Ext.menu.Item.Ext.button.Button等等组件中使

【翻译】Ext JS最新技巧——2014-9-10

原文:Top Support Tips Greg Barry:删除网格单元格的焦点在Ext JS 5.0.1,添加了一些与可访问性和支持ARIA有关的显著改进.虽然鼓励使用这些新增功能,但默认样式可能无法在所有情况下都能达到最理想的状况.事实上,在单元格边框实现焦点就不适合所有的情况.如果想对焦点样式进行调整,最好的方式是通过修改SASS变量和重新编译样式来实现.在网格视图中可以找到单元格焦点的SASS变量,目标包括: $grid-row-cell-focus-background-color

【翻译】Ext JS最新技巧——2014-8-13

原文:Top Support Tips Greg Barry:新的框架. 新的文档类型(Doctype) 在Ext JS 5,只支持IE8+,因此不再古力用户使用严格的HTML文档类型.现在,推荐使用HTML 5的文档类型,而且还推荐使用X-UA-Compatible作为meta标记以确保IE不会激活"兼容模式",因为该模式不支持Ext JS.以下代码片段展示了用于Ext JS 5的理想的文档类型和HEAD: <!DOCTYPE html> <html> <

【翻译】Ext JS最新技巧

原文:Top Support Tips Mitchell Simoens:控制滚动指示器的自动隐藏 Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条.两条轴(x和y,水平和垂直的区别)都有他们自己的滚动指示器,正如你所期望的,默认情况下,他们是隐藏的.不过,在某些情况下,可能需要一直显示指示器.在新的Touch 2.3.0种,每个指示器都有一个autoHide配置项来控制指示器的显示,设置autoHide为false将不再自动隐藏,在容器或它的子类内的scroll

【翻译】Ext JS最新技巧——2014-5-12

原文:mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D">http://www.sencha.com/blog/top-support-tips-may-2014?mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT

【编程技巧】Ext.MessageBox 大集合不同的dialog图解加写法

1.alert对话框效果图: function a1(){ Ext.MessageBox.alert('title','text'); } 2.confirm案例,确定不确定2个按钮对话框效果图: 代码: Ext.MessageBox.confirm('title','warn test',showres); function showres(btn){ //传入btn,这里指的是YES,NOalert(btn); } 3.prompt案例,带有输入框的对话框效果图: 代码: funct

【编程技巧】EXTJS中Ext.grid.GridPanel配置项autoExpandColumn的使用方法

autoExpandColumn的作用是自动伸展,占满剩余区域.一般使用在列比较少,并且大多数列都比较窄,有一列比较宽的情况下,当然什么时候使用,还是得按照实际情况确定. 使用的时候主要有三点要注意的. 1.在Ext.grid.GridPanel这个里面一定不要添加viewConfig: {forceFit: true}配置项,加上viewConfig: {forceFit: true}不会报错,是因为forceFit设置为true的时候,autoExpandColumn会被忽略 2.auto

【编程技巧】alert vs Ext.Msg.alert

alert会阻塞程序的运行. Ext.Msg.alert是异步的,它的调用并不会停止浏览器中代码的执行.

Extjs 项目中常用的小技巧，也许你用得着(5)--设置 Ext.data.Store 传参的请求方式

1.extjs 给怎么给panel设背景色设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ext.panel.Panel', { title: 'Results', width: 600, height: 400, renderTo: Ext.getBody(), bodyStyle: 'background:#ffc; padding:10px;', layout: { type: 'vb

ext tree展开时的一些技巧

加入子节点的时候.我们须要展开父节点.并选中刚加入好的节点. 这时候会有一个问题. 我用的ext-js-4.2起码有一种问题. 节点内部会混乱.要么多加一个. 要么层级会发生故障. 随后我发现一个窍门.就是把展开这句话.运行在最前面. 例如以下: _node.expand(false, function () { //关键点:展开函数.在里面的回调里运行ajax Ext.Ajax.request({

【编程技巧】Ext.QuickTips.init();

启动悬浮提示(在你验证非法时.和现实提示语句等) 默认情况下悬浮提示没有启动:所以必须加上这句代码

[转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别

要学习及应用好Ext框架,必须需要理解Html DOM.Ext Element及Component三者之间的区别. 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现.(通常使用getElementById/Ext.getDOM获得DOM对象) 仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过几句 javascrip

javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库

预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScript 停止了包装,不外这些框架的开山祖师 YUI 照样坚持用自己的 JavaScript 类库. jQuery 是今朝用的最多的前端 JavaScript 类库,据初步统计,今朝 jQuery 的占有率曾经跨越 46%,它算是比拟轻量级的类库,对 DOM 的操纵也比拟便利到位,支撑的后果和控件也许

20个JS优化代码技巧

原文网址链接为:http://www.jstips.co/ .截取了一部分本人认为比较实用的技巧分享给大家.其中一小部分技巧为JS面向对象的写法,不宜一一列出.关于JS面向对象的写法可参考本人前几篇随笔: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使

Perl技巧

项目里面一直用的是Perl,Perl里有各种小技巧就分享在这吧. push(@a, $b) 把b元素压入a数组中, 还可以有 push(@a, [@b]); 那a就成了二维数组了 scalar(@a); my $b = @a; a的长度 =~的正则匹配时 =~s///g全局替换 =//i匹配,$1,$2对应第一个,第二个捕获组 opendir readdir 遍历目录 my($sec,$min,$hour,$day,$mon,$year,$wday,$yday,$isdst)=localtime

Ext FileSystem Family、Ext2、Ext3

catalog . 简介 . Ext2文件系统 . Ext3文件系统 . 小结 1. 简介 VFS虚拟文件系统接口和数据结构构成了一个框架,各个文件系统的实现都必须在框架内运转,但这并不要求每个文件系统在持久存储其内容的块设备上组织文件时,都需要采用同样的思想.方法和概念,与此相反,Linux支持多种文件系统概念即使由于虚拟文件系统的存在,使得这些文件系统从用户空间和内核空间都可以通过相同的接口访问,我们接下里重点讨论Ext2/3文件系统,它们已经说明了文件系统开发中的关键概念Ext2/3的特征

Ext 3.4 技巧

热门专题