随笔分类 - ExtJs
摘要：直接上关键代码：//清空表头checkbox var hd_checker = Ext.getCmp("interviewOrderDetailGrid").getEl().select('div.x-grid3-hd-check...
阅读全文
摘要：问题描述：一个父容器也是window的window下的comboBox在页面中点击无效，但是在控制台中查看它的store却是有值的，问题在于没有显示。页面：控制台调试：解决方案：监听下拉（expand）事件，让下拉的dom堆叠顺序（z-index）置前（设为10000...
阅读全文
摘要：效果图：grid:表格这个很简单，只要在它的columns里面添加render属性即可。详见代码：{header: "出版社",dataIndex: 'infoPublisher',width: 100, renderer:function(value,...
阅读全文
摘要：关键代码：var hd = Ext.getCmp("interviewSubscriptionGrid").getEl().select('div.x-grid3-hd-checker').first();if (hd.hasClass('x-grid3-hd-ch...
阅读全文
摘要：首先，滚动条操作针对的对象是 element 对象。假设要对一个 id 为 content 的 ext 对象实现滚动至底部的效果：var content = Ext.getCmp("content");var el = content .body;var dom = ...
阅读全文
摘要：例子：对一个textfield进行输入校验，仅当表单输入的时候进行校验，有输入值的时候只允许非负整数的输入！对这个testfield加两个属性，如下：regex:/^$|^\d+$/, regexText:"数量必须为非负整数"如需让提示文字显示，则需要加一句：E...
阅读全文
摘要：首先，浏览器自带的弹窗有alert、confirm、prompt等。js弹窗的3种方式：alert、confirm、prompt鉴于其外观丑陋以及配置不方便，我们常采用Extjs自带的弹窗控件。// 基本的alert:Ext.Msg.alert('Status', '...
阅读全文
摘要：一个 object 对象，格式一般是这样的：{key:value,key2:value,key3:value} 一般要输出某个值，常用做法 alert (object.key) 如果要查看这个 object 的话，常用做法 console.log(object)但是！...
阅读全文
摘要：效果图1：注：如图，要对 sm 为 CheckboxSelectionModel 类型的 grid 实现指定行锁住而不被选中，锁住的条件由该行的某一字段的数据决定，图中根据“状态”决定改行能否被选中。实现方法（js中对这个 grid 的 sm 属性做配置）：sm:ne...
阅读全文
摘要：Ext Core 通过预置的动画功能，可以让轻松实现动画功能。通过自定义动画配置，可实现更多的动画效果。动画完成后，可通过回调函数实现后续处理 Ext Core 动画 8 个定位点的值与描述值 ...
阅读全文
摘要：注：该篇更好的解决方案见：【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中需求如下：实现效果如下：注：深灰色的背景色丑是丑了点，但是也正是这样才让前面的勾选框看上去不存在，实际上这个checkbox还是存在的，只是颜色...
阅读全文
摘要：需求如下：↑ 图一：这是正常状态↑ 图二：这是hover效果↑ 图三：这是点击编辑按钮之后的状态注：页面中是3个Panel ，每个Panel都绑定了点击事件。“输入框0”这不是Label而是一个readOnly为false的TextField，点击编辑的时候TextF...
阅读全文
摘要：先上代码： 三种弹出对话框的用法实例 对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifelse判断 3： 一个带输入的对话框，可以返回用户填入...
阅读全文
摘要：比较运算符：== 等于=== 全等于（值和类型）!= 不等于> 大于= 大于或等于<= 小于或等于逻辑运算符：&& 且and|| 或or! 非not参考：JavaScript ...
阅读全文
摘要：用正则表达式实现：var test = " \n ";//var test = " ";if(test.match(/^\s+$/)){ console.log("all space or \\n")}if(test.match(/^[ ]+$...
阅读全文
摘要：获取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...
阅读全文
摘要：先看下需求：“密码框显示提示文字，不显示输入文字”1、正常状态下：2、密码框输入密码时：3、密码框有值的时候，失去鼠标焦点的状态：4、密码框值为空的时候，失去鼠标焦点的状态：实现代码： username:{ cls: "text_field use...
阅读全文
浙公网安备 33010602011771号