- 博客(241)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 favicon.ico介绍，网页图标的制作&动态网页图标
1、直接上成功的代码，关键代码： <!DOCTYPE html><html><head> <title>网页图标</title> <link href="favicon.ico" rel="icon" type="image/x-icon"/>
2017-03-12 18:18:20
3565
原创 Extjs弹窗控件——Ext.MessageBox
首先，浏览器自带的弹窗有alert、confirm、prompt等。js弹窗的3种方式：alert、confirm、prompt鉴于其外观丑陋以及配置不方便，我们常采用Extjs自带的弹窗控件。 // 基本的alert:Ext.Msg.alert('Status', 'Changes saved successfully.');// 用户对话框，用一个回调函数处理结果:Ext...
2017-02-13 13:45:37
6567
原创 js 如何输出object的值
一个 object 对象，格式一般是这样的：{key:value,key2:value,key3:value} 一般要输出某个值，常用做法 alert (object.key) 如果要查看这个 object 的话，常用做法 console.log(object) 但是！如果要输出一个 object 对象的话，的确有点尴尬，这就需要把 object 类型 转换成 string 类型，...
2017-02-10 10:15:21
16751
原创 常用的正则表达式
本文转自：JS中的表单验证+正则表达式 常用的正则表达式：Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?InternetURL：[a-zA-z]+://[^\s]* 或 ^http:...
2017-02-06 14:21:20
416
原创 【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中
效果图1：注：如图，要对 sm 为 CheckboxSelectionModel 类型的 grid 实现指定行锁住而不被选中，锁住的条件由该行的某一字段的数据决定，图中根据“状态”决定改行能否被选中。 实现方法（js中对这个 grid 的 sm 属性做配置）：sm:new Ext.grid.CheckboxSelectionModel({ checkOn...
2016-12-30 19:55:08
6955
转载 Extjs动画效果(自定义动画) Ext Core 预置的 12 个动画功能
Ext Core 通过预置的动画功能，可以让轻松实现动画功能。通过自定义动画配置，可实现更多的动画效果。动画完成后，可通过回调函数实现后续处理Ext Core 动画 8 个定位点的值与描述值 描述tl 左上角t 顶边中心tr 右上角l 左边中心r 右边中心bl 左下角b 底边中心br 右下角下面开始介绍 Ext Core 预置的 1...
2016-12-27 16:05:22
2907
原创 pointer-events: none——CSS实现禁用鼠标点击事件！巧妙解决ExtJs表格单行禁用功能！
注：该篇更好的解决方案见：【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中 需求如下： 实现效果如下：注：深灰色的背景色丑是丑了点，但是也正是这样才让前面的勾选框看上去不存在，实际上这个checkbox还是存在的，只是颜色正好被覆盖了。 实现方法如下：js中，对表格的 viewConfig 属性进行 getR...
2016-12-20 17:05:47
3846
原创 ExtJs实现阻止冒泡，以及再次允许冒泡——stopPropagation的正确使用
需求如下：↑ 图一：这是正常状态 ↑ 图二：这是hover效果 ↑ 图三：这是点击编辑按钮之后的状态 注：页面中是3个Panel ，每个Panel都绑定了点击事件。“输入框0”这不是Label而是一个readOnly为false的TextField，点击编辑的时候TextField可以编辑。那么问题来了，每次点击TextField的时候都会触发上级Pan...
2016-12-08 17:36:27
4245
转载 js弹窗的3种方式：alert、confirm、prompt
先上代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&..
2016-12-02 16:12:40
14153
原创 【笔记】js运算符
比较运算符：== 等于=== 全等于（值和类型）!= 不等于> 大于< 小于>= 大于或等于<= 小于或等于 逻辑运算符：&& 且and|| 或or! 非not 参考：JavaScript 比较和逻辑...
2016-12-02 16:02:11
599
转载 【解决方案】正则表达式判断字符串是否全是空格
用正则表达式实现： var test = " \n ";//var test = " ";if(test.match(/^\s+$/)){ console.log("all space or \\n")}if(test.match(/^[ ]+$/)){ console.log("all space")}if(test.match(/^[ ]*...
2016-12-02 15:54:16
15010
原创 Extjs ComboBox获取ID值和显示值
获取combox ID值：var valueField = Ext.getCmp('ComboBoxId').getValue(); 获取显示值： var displayField = Ext.getCmp('ComboBoxId').getRawValue();
2016-12-02 11:29:07
14014
2
原创 Extjs鼠标长按事件（实现长按按钮触发事件的方法：mousedown、mouseup）
实现效果：注：实现的效果其实就是监听鼠标长按的事件，当鼠标左击长按改变按钮的样式，当鼠标放开之后还原按钮的样式。 实现方法：extjs: Ext.get("loginBtn").on("mousedown", function () { this.addClass("loginBtnPress"); ...
2016-11-29 11:05:52
3179
原创 ExtJs 实现快速清空输入框的值
如图↑：要求点击“取消”或“确定”的时候清空该表单中的所有输入框的值，即设所有 input 标签的 value 为 null。 实现： var inputEl = Ext.select(".databaseMenu input").elements; for (var i=0; i<inputEl.length; i++) { ...
2016-11-23 18:53:20
5761
原创 Extjs 实现menu居中效果（仿弹窗）
简单的效果图： 实现方法：在button的点击事件中添加以下关键代码： var menu = Ext.getCmp("databaseMenu"); var menuWidth = Ext.getCmp("databaseMenu").getWidth(); var menuHight = Ext.getCm...
2016-11-23 14:41:34
1079
转载 CSS3 -webkit-transition(属性渐变)
-webkit-transition：CSS属性(none|all|属性) 持续时间 时间函数 延迟时间CSS属性(transition-property)：要变化的属性，比如元素变宽则是width，文字颜色要变色这是color；W3C给出了一个可变换属性的列表：除了以上属性外，还有CSS3中大放异彩的css3变形，比如放大缩小，旋转斜切，渐变等。该取值还有个强大的“all”取值，表示上...
2016-11-22 14:50:38
4555
原创 extjs完美实现“密码框显示提示文字，不显示输入文字”的变态需求！！！
先看下需求：“密码框显示提示文字，不显示输入文字”1、正常状态下：2、密码框输入密码时：3、密码框有值的时候，失去鼠标焦点的状态：4、密码框值为空的时候，失去鼠标焦点的状态： 实现代码： username:{ cls: "text_field username", inputType: 'text', ...
2016-11-15 14:34:55
4545
原创 修改checkbox样式
效果如下：点击之后：代码如下： <span style="font-size:14px;"><!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>testCheck</title&g
2016-11-08 21:40:16
9794
转载 Sumblime Text 2 常用插件以及安装方法
先插两句：插件安装好之后如果不知道怎么使用可以去源文件（Preferences — Package Control — List Packages — 单机你要查看的文件）中找到 readme文件（README.md），里面可以查看它的使用快捷键！ ---------------------------------------------------------------...
2016-11-08 20:02:06
686
原创 sublime text 常用快捷键设置 （Key Bindings - User）
打开首选项-<按键绑定-用户>(preferences-key binding-user),添加以下命令： { "keys": ["ctrl+alt+l"], "command": "reindent" }, //代码格式化 { "keys": ["ctrl+k"], "command": "toggle_side_b
2016-11-08 15:27:36
7835
2
原创 如何将 String类型 转换为日期格式 Date类型
有时候后台返回的日期值是这么一串数字："20161101000000000"这时如果要format日期格式（"2016-11-01"）的话，我们首先需要将它转换为日期格式，具体实现方法可以写一个通用函数，代码如下： <span style="font-size:18px;">Ext.ux.formatDate = function(dateString){ v...
2016-11-07 15:15:02
10409
原创 Js 实现字数限制，超出部分显示为省略号
实现效果图 ↑ 实现代码 ↓ var oldText = magazineBook02Panel01.text; if (oldText.length > 7) { var newText = oldText.substring(0,5)+"..."; magazineBook02Panel01.setText(newText); } ...
2016-11-04 17:42:08
16127
转载 ExtJs 通过 toggleClass 实现样式切换 ——以及更多的CSS操作
此处重点介绍一下 toggleClass的应用，如图：css ↓ extjs ↓修改之后 ↓同样是为了实现一个样式切换的效果，之前不知道 toggleClass这个神器的时候还傻傻地用 hasClass + removeClass + addClass 来进行判断操作。。。 好了，后面的内容转自ExtJs使用总结(非常详细) ...
2016-11-02 11:27:45
3054
1
原创 【解决方案】extjs 怎么取消 gridPanel 表头上的图标（下拉排序）
以上是已解决的代码，主要就一句话：menuDisabled:true
2016-10-24 16:51:04
3804
1
原创 【解决方案】extjs 怎么取消 gridPanel 分页工具栏上的刷新按钮
↓ ↓ ↓ 如图，项目需求要取消 gridPanel 分页工具栏上的的刷新按钮 没有为什么 听产品的！ 网上查了一下，居然说改不了，有的说改写function，晕。。。 其实很简单，一句CSS就够了，解决方法如下： .x-tbar-loading { display: none;}...
2016-10-24 11:19:55
2817
原创 【解决方案】CSS 给 label 设置宽高无效
如图，我的代码是这样的：html中： <label class="statusCheck0">订</label> <label class="statusCheck1">馆</label> css中：.statusCheck0 , .statusCheck1{ color: white; widt...
2016-10-23 12:07:25
9939
转载 ExtJS textField 表单验证 常用正则表达式
xtype: 'textfield',1.regex: /^[\u4e00-\u9fa5]+$/i,regexText : "请输入中文",2.regex: /^\d+$/,regexText: "电话号码只能为数字",3.regex: /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+...
2016-10-18 18:23:10
4560
原创 JS 截取字符串
对，如图 ↑调用 substring() 函数即可~String值.substring(起始位置,结束位置);结束位置不写的话，默认到最后，完美~
2016-10-18 17:13:04
514
原创 js如何获取当前时间 并格式化
先添加格式化的方法：Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : t...
2016-10-18 16:05:20
9374
2
原创 ExtJs中table布局如何设置items之间的间距
直接上代码： .contentTable td { padding: 30px; text-align: left;}注意：默认情况下，table布局中的子控件 text-align 为 center ，此处笔者不需要居中，所以可在此处重写 text-align 属性值。 效果图：上图是默认的table布局，修改之后我们要的是下图所示：...
2016-10-10 16:36:22
4892
原创 ExtJs 实现点击修改DOM样式 增删clssName
实现效果图如下：如图，就是实现点击之后给对象添加一个样式（add一个className），同事删除其它对象的这个类名（通过className查找对象，再remove这个className）。 实现难点如下：1、如何通过className遍历对象可参考: ExtJs 获取Dom对象2、如何用ExtJs进行DOM操作可参考:ExtJs中如何实现点击之后修改类名（cla...
2016-09-29 11:38:29
2321
原创 ExtJs 获取Dom对象
ExtJs 中会有三类基本对象，htmlelement ， Ext.Element 和 CompositeElement 。分别解释一下：htmlelement 指html页面的各种标记元素，可以用 document.getElementById() 获得，具有html对象的方法和属性。Ext.Element 是最重要的EXT对象，在dom对象的基础上，又包装了很多方法和属性，可以用 ...
2016-09-29 11:23:23
2685
原创 ExtJs中如何实现点击之后修改类名（class）
直接上代码 <span style="font-size:14px;">check:function(){ var cmp = this.ownerCt; if (this.checked == true) { cmp.addClass("magazineTableRowSelected"); } els...
2016-09-18 15:24:05
2425
原创 如何实现全选checkbox效果
效果图： 简介：当勾选【全选】checkbox时，其余checkbox都要选中，当取消【全选】checkbox时，其余checkbox都要取消。这一点很容易实现。但是，当勾选【全选】checkbox时，其余checkbox都要选中，当取消其余checkbox中的任意一项时，【全选】checkbox需要取消勾选。这一点会有问题，笔者遇到的就是可以取消【全选】checkbo...
2016-09-18 15:11:16
3604
转载 格式化extjs DateField 的值
extjs DateField 的值用getValue()方法获取后是一大堆字符串，类似Tue Dec 07 2010 00:00:00 GMT 0800，这玩意存入数据库实在不好办。。。所以要把它格式化一下，方法很简单，用EXT的Ext.util.Format.date（）方法示例：var gedt = Ext.util.Format.date(日期控件.getValue(), 'Y-...
2016-08-25 10:54:52
1538
1
转载 idea 15注册方法 破解方法 注册码
本文转自：http://my.oschina.net/superman158/blog/602375 1、百度下一个 JetbrainsCrack-2.3.jar 。放在你的idea下面的bin下面的目录下面。我的是 E:\Program Files (x86)\JetBrains\IntelliJ IDEA 15.0.2\bin 2、在安装的idea下面的bi...
2016-07-15 15:09:37
4529
原创 css限制显示字数，文字长度超出部分用省略号表示
直接放关键代码： #bookName{ white-space:nowrap; /*文本不换行*/ text-overflow:ellipsis;/*设置超出部分显示...*/ -o-text-overflow:ellipsis; overflow: hidden;} ------------------------------------------------...
2016-07-14 13:07:26
5499
原创 Windows电脑如何共享文件给Mac苹果电脑【详细教程】
第1步：连接WiFi首先，你得保证两台电脑（windows和mac）共用同一个WiFi。第2步：创建新用户进入Windows电脑桌面，右键单击“我的电脑”--选择“管理”选项，在“管理”界面，依次展开--“本地用户和组”--“用户”，接着在用户界面空白处单击鼠标右键--新建一个我们用来设置账户和密码的“新用户”。（该用户的用户名和密码最好设置简单一点，自己要记住，等会儿会用
2016-07-06 14:20:08
17031
2
原创 ExtJs （3.2.0）文件目录介绍、文件删减、文件引用
序言：ExtJs下载之后解压所得的文件是比较大的，对于学习而言里面的东西都是可以有的，但是当我们用于开发时其中的大部分文件都是可以删除的，不然的话这个内存大的有点奢侈。好了，接下来主要以ext-3.2.0为例，看一下删减前后的大小差距吧~ 删减不必要文件：解压后所得的ext-3.2.0:再看一下删减版的ext-3.2.0:由此可见，这前后相差近 37M 的容量大...
2016-05-24 11:04:46
1314
原创 ExtJs常用布局--layout详解（含实例）
序言：笔者用的ExtJs版本：ext-3.2.0ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor另外，不常见的布局有：tab、vbox、hbox本文所有实例代码已提供下载，下载链接：ExtJs常用布局--layout详解实例代码 简介：最常用的边框布局——BorderLay...
2016-05-23 18:27:14
41924
4
echarts.min.js
2019-10-25
operation-demo.zip
2019-08-13
自定义生成后的jsonlint
2018-09-20
jquery-touchslider使用案例（注解版）
2017-07-24
ExtJs常用布局--layout详解实例代码
2016-05-23
用extjs写的登录界面
2016-03-28
一个复杂美观的登录界面
2016-03-24
2048小游戏——网页版（改进篇）
2016-03-16
2048小游戏——网页版
2016-03-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人