博客专栏  >  前端   >  ExtJs 3 开发笔记

ExtJs 3 开发笔记

本专栏介绍ExtJs3版本的常规应用,以及在使用过程中一些特殊问题的解决方案。

关注
4 已关注
28篇博文
  • Extjs鼠标长按事件(实现长按按钮触发事件的方法:mousedown、mouseup)

    实现效果: 注:实现的效果其实就是监听鼠标长按的事件,当鼠标左击长按改变按钮的样式,当鼠标放开之后还原按钮的样式。 实现方法: extjs: Ext.get("...

    2016-11-29 11:05
    1131
  • Extjs ComboBox获取ID值和显示值

    获取combox ID值: var valueField =  Ext.getCmp('ComboBoxId').getValue(); 获取显示值: var displayField =  Ex...

    2016-12-02 11:29
    2379
  • ExtJs实现阻止冒泡,以及再次允许冒泡——stopPropagation的正确使用

    需求如下: ↑ 图一:这是正常状态 ↑ 图二:这是hover效果 ↑ 图三:这是点击编辑按钮之后的状态 注:页面中是3个Panel ,每个Pan...

    2016-12-08 17:36
    1047
  • pointer-events: none——CSS实现禁用鼠标点击事件!巧妙解决ExtJs表格单行禁用功能!

    需求如下: 实现效果如下: 注:深灰色的背景色丑是丑了点,但是也正是这样才让前面的勾选框看上去不存在,实际上这个checkbox还是存在的,只是颜色正好被覆盖了。 实现方法如下: js...

    2016-12-20 17:05
    583
  • Extjs动画效果(自定义动画) Ext Core 预置的 12 个动画功能

    Ext Core 通过预置的动画功能,可以让轻松实现动画功能。通过自定义动画配置,可实现更多的动画效果。动画完成后,可通过回调函数实现后续处理 Ext Core 动画 8 个定位点的值与描述值 ...

    2016-12-27 16:05
    825
  • 【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中

    效果图1: 注:如图,要对 sm 为 CheckboxSelectionModel 类型的 grid 实现指定行锁住而不被选中,锁住的条件由该行的某一字段的数据决定,图中根据“状态”决定改行能否被...

    2016-12-30 19:55
    1235
  • Extjs弹窗控件——Ext.MessageBox

    首先,浏览器自带的弹窗有alert、confirm、prompt等。js弹窗的3种方式:alert、confirm、prompt 鉴于其外观丑陋以及配置不方便,我们常采用Extjs自带的弹窗控件。 ...

    2017-02-13 13:45
    436
  • ExtJs xtype一览

    基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.Cyc...

    2016-03-25 14:47
    502
  • ExtJs常用布局--layout详解(含实例)

    序言: 笔者用的ExtJs版本:ext-3.2.0 ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor ...

    2016-05-23 18:27
    15081
  • 用extjs写一个登录界面

    先上效果图: 这是一个用ext3.2.0、js、html、css写的一个还算好看的登录界面。 源代码已上传,下载地址请点击:点击打开链接 其主要难点在如何使用extjs来画一个界面,接下来我们就主...

    2016-03-29 09:20
    1254
  • 关于extjs中的cls ≠ class

    今天在做一个登录页面的时候,想给两个cls: "text_field" 的输入框设一个padding值来着的,结果发现并没有卵用。后来通过查看页面元素,发现这两只输入框的class属性并不是我设置的t...

    2016-03-28 16:34
    934
  • Extjs控件属性

    本文转自:http://www.cnblogs.com/exmyth/archive/2013/04/12/3015827.html Ext.form.TimeField:  ...

    2016-04-25 16:42
    306
  • ExtJs (3.2.0)文件目录介绍、文件删减、文件引用

    序言: ExtJs下载之后解压所得的文件是比较大的,对于学习而言里面的东西都是可以有的,但是当我们用于开发时其中的大部分文件都是可以删除的,不然的话这个内存大的有点奢侈。 好了,接下来主要以ext-3...

    2016-05-24 11:04
    517
  • 格式化extjs DateField 的值

    extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格...

    2016-08-25 10:54
    297
  • 如何实现全选checkbox效果

    效果图: 简介:当勾选【全选】checkbox时,其余checkbox都要选中,当取消【全选】checkbox时,其余checkbox都要取消。 这一点很容易实现。 但是...

    2016-09-18 15:11
    639
  • ExtJs中如何实现点击之后修改类名(class)

    直接上代码 check:function(){ var cmp = this.ownerCt; if (this.checked == true) { ...

    2016-09-18 15:24
    712
  • ExtJs 获取Dom对象

    ExtJs 中会有三类基本对象,htmlelement , Ext.Element 和 CompositeElement 。 分别解释一下: htmlelement 指html页面的各种标记元素,...

    2016-09-29 11:23
    894
  • ExtJs 实现点击修改DOM样式 增删clssName

    实现效果图如下: 如图,就是实现点击之后给对象添加一个样式(add一个className),同事删除其它对象的这个类名(通过className查找对象,再remove这个className)。 ...

    2016-09-29 11:38
    602
  • ExtJs中table布局如何设置items之间的间距

    直接上代码: .contentTable td{ padding: 30px; text-align: left; } 注意:默认情况下,table布局中的子控件 text-align...

    2016-10-10 16:36
    1135
  • ExtJS textField 表单验证 常用正则表达式

    xtype: 'textfield', 1. regex: /^[\u4e00-\u9fa5]+$/i, regexText : "请输入中文", 2. regex: /^\d+$/, regexTe...

    2016-10-18 18:23
    664
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部