随笔分类 - web前端开发
摘要：获取combox ID值：var valueField = Ext.getCmp('ComboBoxId').getValue();获取显示值：var displayField = Ext.getCmp('ComboBoxId').getRawValue(); ...
阅读全文
摘要：实现效果：注：实现的效果其实就是监听鼠标长按的事件，当鼠标左击长按改变按钮的样式，当鼠标放开之后还原按钮的样式。实现方法：extjs: Ext.get("loginBtn").on("mousedown", function () { ...
阅读全文
摘要：如图↑：要求点击“取消”或“确定”的时候清空该表单中的所有输入框的值，即设所有 input 标签的 value 为 null。实现： var inputEl = Ext.select(".databaseMenu input").elements; ...
阅读全文
摘要：简单的效果图：实现方法：在button的点击事件中添加以下关键代码： var menu = Ext.getCmp("databaseMenu"); var menuWidth = Ext.getCmp("databaseMe...
阅读全文
摘要：-webkit-transition：CSS属性(none|all|属性) 持续时间 时间函数 延迟时间CSS属性(transition-property)：要变化的属性，比如元素变宽则是width，文字颜色要变色这是color；W3C给出了一个可变换属性的列表...
阅读全文
摘要：先看下需求：“密码框显示提示文字，不显示输入文字”1、正常状态下：2、密码框输入密码时：3、密码框有值的时候，失去鼠标焦点的状态：4、密码框值为空的时候，失去鼠标焦点的状态：实现代码： username:{ cls: "text_field use...
阅读全文
摘要：效果如下：点击之后：代码如下： testCheck 稍微解释一下：其实checkbox的样式还是浏览器的原始样式，只是它的大小和位置改了一下，然后在它的上面（::before）重画了一个假象。----------------------------...
阅读全文
摘要：有时候后台返回的日期值是这么一串数字："20161101000000000"这时如果要format日期格式（"2016-11-01"）的话，我们首先需要将它转换为日期格式，具体实现方法可以写一个通用函数，代码如下：Ext.ux.formatDate = functio...
阅读全文
摘要：实现效果图 ↑实现代码 ↓ var oldText = magazineBook02Panel01.text; if (oldText.length > 7) { var newText = oldText.substring(0,5)+"..."; ...
阅读全文
摘要：此处重点介绍一下 toggleClass的应用，如图：css ↓extjs ↓修改之后 ↓同样是为了实现一个样式切换的效果，之前不知道 toggleClass这个神器的时候还傻傻地用 hasClass + removeClass + addClass 来进行判断操作。...
阅读全文
摘要：以上是已解决的代码，主要就一句话：menuDisabled:true
阅读全文
摘要：↓ ↓ ↓如图，项目需求要取消 gridPanel 分页工具栏上的的刷新按钮 没有为什么 听产品的！网上查了一下，居然说改不了，有的说改写function，晕。。。其实很简单，一句CSS就够了，解决方法如下：.x-tb...
阅读全文
摘要：如图，我的代码是这样的：html中： 订 馆 css中：.statusCheck0 , .statusCheck1{ color: white; width: 20px ; height: 20px; line-height: 20px; ...
阅读全文
摘要：xtype: 'textfield',1.regex: /^[\u4e00-\u9fa5]+$/i,regexText : "请输入中文",2.regex: /^\d+$/,regexText: "电话号码只能为数字",3.regex: /^(http|https|f...
阅读全文
摘要：对，如图 ↑调用 substring() 函数即可~String值.substring(起始位置,结束位置);结束位置不写的话，默认到最后，完美~
阅读全文
摘要：先添加格式化的方法：Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" :...
阅读全文
摘要：直接上代码：.contentTable td { padding: 30px; text-align: left;}注意：默认情况下，table布局中的子控件 text-align 为 center ，此处笔者不需要居中，所以可在此处重写 text-ali...
阅读全文
摘要：实现效果图如下：如图，就是实现点击之后给对象添加一个样式（add一个className），同事删除其它对象的这个类名（通过className查找对象，再remove这个className）。实现难点如下：1、如何通过className遍历对象可参考: ExtJs 获...
阅读全文
摘要：ExtJs 中会有三类基本对象，htmlelement ， Ext.Element 和 CompositeElement 。分别解释一下：htmlelement 指html页面的各种标记元素，可以用 document.getElementById() 获得，具有htm...
阅读全文
摘要：直接上代码check:function(){ var cmp = this.ownerCt; if (this.checked == true) { cmp.addClass("magazineTableRowSelecte...
阅读全文
浙公网安备 33010602011771号