easyui DateBox/combobox配置为readonly后无法弹出日期选择层

评论(0)浏览(1324)分类:easyui开发技巧
easyui DateBox/combobox配置为readonly后无法弹出日期选择层  easyui的DateBox配置readonly后,点击控件日期图标无法弹出日期选择层解决办法。combobox,combo对象也一样配置readonly无法弹出选择内容的层。  解决办法就是给easyui生成的datebox,combobox的dom对象的图标按钮添加click事件,动态调用showPanel方法。input class=easyui-datebox readonly /input class=easyui-datebox readonly /input..

javascript 18位身份证号码最后一位校验码

评论(0)浏览(91)分类:JavaScript/Ajax开发技巧
javascript 18位身份证号码最后一位校验码  javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); r..

Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody,expandbody事件解决办法

评论(0)浏览(913)分类:extjs开发技巧
Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody,expandbody事件解决办法  Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重写Ext.grid.plugin.RowExpander的init和toggleRow方法也无法触发 collapsebody,expandbody事件。解决办法:给grid对象添加collapse..

Ext ComboBox triggerAction值设错的悲剧

评论(0)浏览(284)分类:extjs开发技巧
Ext ComboBox triggerAction值设错的悲剧  Ext ComboBox triggerAction配置值如果设置错误,不是all(默认)或者query,会导致ComboBox默认为query模式,使用ComboBox中显示的值对下拉列表进行查询过滤,下拉列表框中只显示当前的选中项。需要删除Ext ComboBox的值,才会显示出ComboBox数据源中的所有项目。  所以如果你要将Ext ComboBox triggerAction配置为all,显示所有下拉项目..

Ext4+ store获取服务器返回的附加数据示例

评论(0)浏览(288)分类:extjs开发技巧
Ext4+ store获取服务器返回的附加数据示例  ext4+的store对象如何读取服务器返回附加数据,附加数据存储在数据行外面,如下面所示的fields如何获取{success:true,fields:[field1,field2],rows:[{id:1,Name:Name1,Address:Address1},{id:2,Name:Name2,Address:Address2}]}  可以获取store对象的proxy对象,从proxy中获取reader,reader有一个rawData属性,包含的就是服务器返回的原始..

Ext 3.x版本获取服务器返回的附加属性

评论(0)浏览(203)分类:extjs开发技巧
Ext 3.x版本获取服务器返回的附加属性  ext 3.x版本如何通过store对象获取服务器记录集外的附加属性,如下面的数据结构,如何获取附加的abc属性。{totalCount:6679,abc:xx00,rows:[/*记录集合*/]}  我们通过console.log输出ext3.x store对象,在控制台可以监视到store的reader对象的jsonData包含了服务器返回的原始json数据,如下图所示  通过上图就知道要获取ext 3.x版本服务..

IE创建iframe设置frameborder为0

评论(0)浏览(291)分类:JavaScript/Ajax开发技巧
IE创建iframe设置frameborder为0  在IE7-浏览器或者为添加xhtml申明的IE8浏览器(IE9+未测试),动态创建的iframe,当通过setAttribute设置iframe的frameborder时,IE下调用setAttribute设置属性时,frameborder是严格区分大小写,属性名称要写为frameBorder,不能为frameborder,否则无法去掉iframe的frameborder,会默认为1。  标准浏览器或者添加了xhtml申明的IE8+浏览器..

easyui datagrid使用detailview无数据无法获取第一次插入的数据

评论(0)浏览(436)分类:easyui开发技巧
easyui datagrid使用detailview无数据无法获取第一次插入的数据  easyui datagrid使用detailview显示数据行详细信息时,如果datagrid加载时没有数据行,插入数据后,调用getChanges方法,第一行添加的数据获取不到,只能获取到第二行之后的数据,如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。  要想解决easyui datagrid使用detailview,当datagrid中无数据加载时..

ligerui给ligerForm中的ligerComboBox添加事件

评论(0)浏览(3322)分类:JavaScript/Ajax开发技巧
ligerui给ligerForm中的ligerComboBox添加事件  当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的。因为通过ligerForm来配置comboBox时,字段field的配置对象会转换为对应的JSON字符串赋值给一个输入控件的ligerui自定义属性,转为对应的JSON字符串时,属性值为函数的属性会自动丢失,导致ligerui自定义属性中并..

JSON.stringify日期对象Date被转为国际标准时间

评论(0)浏览(274)分类:JavaScript/Ajax开发技巧
JSON.stringify日期对象Date被转为国际标准时间  调用JSON.stringify将对象转为对应的字符串时,如果包含时间对象,时间对象会被转换为国家标准时间(ISO),而不是当前国家区域的时间,测试代码如下script //var o = new Date(); //console.log(o.toString())//中国时区时间,格式如Wed Jun 11 2014 10:51:42 GMT+0800 //console.log(JSON.stringify(o)); //输出国际标准时间(IS..

网站导航栏目焦点设置

评论(0)浏览(1716)分类:JavaScript/Ajax开发技巧
网站导航栏目焦点设置  一般访问网站时,访问到不同的栏目,导航上的链接会高亮,显示的样式和其他栏目不一样,这种效果实现很简单,原理如下  获取当前的url路径location.pathname,然后和导航中的链接匹配,匹配了就设置焦点样式。如果栏目不是页面,而是通过传递参数来实现,可以location.search中获取栏目参数来匹配。  下面是一个就简单的示例,建立1.htm..

easyui datagrid idField设置错误勾选记录导致翻页后记录被全选

评论(0)浏览(729)分类:easyui开发技巧
easyui datagrid idField设置错误勾选记录导致翻页后记录被全选  jQuery easyui datagrid插件配置idField设置数据中哪列为主键列时注意一定要配置正确,要不当勾选了一条记录后,当点击导航的上一页,下一页进行翻页或者刷新时,重新加载进入datagrid的数据会全部被勾选。idField配置错误受到影响的版本和症状jquery easyui1.3.4:勾选一条记录后,翻页或者刷新数据会导致加载的数据全部被勾选jquery easyu..

datagrid getChecked获取的数据不正确

评论(0)浏览(2016)分类:easyui开发技巧
datagrid getChecked获取的数据不正确  症状:调用easyui datagrid的getChecked方法获取勾选的数据集合时,无法正确获取勾选的记录集合,只能获取到第一条记录信息,或者获取到idField指定的列中非重复数据行。  分析:出现这个问题,是因为配置了idField的问题,Field即是指定那个列为唯一ID,如果Field配置的值不在返回的数据列里面,或者idField配置的值在返回的数据列里面,..

多行文本显示实现text-overflow ellipsis省略号

评论(0)浏览(398)分类:HTML/CSS兼容/XML
多行文本显示实现text-overflow ellipsis省略号  对于只有一行的内容,实现超出显示范围内的内容用省略号显示的效果,示例代码如下style.ellips{position:relative;width:100px;height:60px;line-height:20px;overflow:hidden;background:#eee}.ellips .dot{position:absolute;right:0px;bottom:0px;height:20px;background:#fff}/stylediv class=ellipsdiv class=dot.../divdiv relative定..

不允许编辑Ext propertygrid字段

评论(1)浏览(581)分类:extjs开发技巧
不允许编辑Ext propertygrid字段  如何禁止对ext的propertygrid的字段进行编辑。  对于禁止编辑ext propertygrid的所有字段,可以有2种方法1)配置disabled :true(Ext版本2.3.0+),所有字段无法编辑,propertygrid显示为灰色的。var propsGrid = Ext.create('Ext.grid.property.Grid', { disabled :true,//....propertygrid其他配置});2)使用beforeedit事件..

IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改

评论(0)浏览(284)分类:HTML/CSS兼容/XML
IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改  今天碰到一个问题,IE7-浏览器下(或者Quirks模式下),如果设置设置子容器的innerHTML,当设置的内容为table并且包含了align=center,会导致父容器的offsetTop增加,从而使父容器向下移动。  测试代码如下,子容器table没有align=center属性,设置子容器不会修改父容器的offsetTop属性div id=bb style=border:1px solid gray;overflow:hi..

如何强制360浏览器以极速模式打开页面

评论(1)浏览(4166)分类:HTML/CSS兼容/XML
如何强制360浏览器以极速模式打开页面  新版本的360有2种模式,基于Webkit内核的极速模式,和IE内核的兼容模式。  如果要强制360以极速模式浏览网页,可以给此网页增加meta,强制360浏览器以极速模式解析此网页,而非IE兼容模式。  代码示例,在head标签中添加一行代码:html head meta name=renderer content=webkit /head body /body/html  content的取值为webkit,..

javascript实现平方米,亩,公顷单位换算

评论(0)浏览(166)分类:JavaScript/Ajax开发技巧
javascript实现平方米,亩,公顷单位换算  javascript实现平方米,亩,公顷单位换算,可以通过url传递参数指定输入框的值为任何中单位的值。  源代码如下 select onchange=selectChange(this) id=sel option value =公顷公顷/option option value =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 inp..

数组sort排序方法webkit浏览器(chrome)排序错乱

评论(0)浏览(288)分类:JavaScript/Ajax开发技巧
数组sort排序方法webkit浏览器(chrome)排序错乱  javascript调用数组的sort方法对数组进行排序的时候,注意传递进入sort方法函数要返回0(相等),正数(大于),负数(小于)这3种数字,不能返回true/false,要不在webkit核心浏览下(如chrome,搜狗高速模式)可能导致排序出错。  异类排序script var arr = [1, 4, 5, 3, 2, 6, 7]; arr.sort(function (a, b) { return b a });//..

jquery滚动无限加载内容插件

评论(0)浏览(697)分类:JavaScript/Ajax开发技巧
jquery滚动无限加载内容插件  很多网站使用无限滚动无刷新翻页加载技术来提高用户体验,当页面滚动到内容底部时候无需点击就自动加载更多的内容。  下面为你推荐 jQuery 的无限滚动加载内容插件:1.jQuery ScrollPaginationjQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。2.jQuery ScrewScrew (scroll + view) 是一个 jQuery 插件当..

Ext4如何判断tabpanel是否已经存在某个tab

评论(0)浏览(1125)分类:extjs开发技巧
Ext4如何判断tabpanel是否已经存在某个tab  ext4如何判断tabpanel中是否已经存在某个tab,如果存在就激活这个tab,否则重新打开tab。  原理:在tabpanel添加tab的时候增加tab的id配置,然后通过Ext.getCmp获取控件,如果不存在则添加此tab,否则调用tabpanel的setActiveTab方法激活此tab。  示例代码,点击左边菜单treepanel的叶子节点时,在右边的tabpanel中动态添加tab,在添加前..

JavaScript本地存储(DOM Storage,Local Storage)

评论(0)浏览(1299)分类:JavaScript/Ajax开发技巧
JavaScript本地存储(DOM Storage,Local Storage)  DOM Storage是在网络客户端存储键值对数据的一个标准。这使离线的网络应用的开发变得更加实际和简单。  跟它看起来非常相似的另外一个就是cookies了,但是它在某些方面比cookies有很大的优势。1. 更大的存储空间。cookies的大小大约限制在4KB左右,而DOM Storage则在10MB左右,实用性大大提高。2. 能够真正的持久化到本地。cookies并没有提..

jquery事件绑定bind方法名字空间

评论(0)浏览(125)分类:JavaScript/Ajax开发技巧
jquery事件绑定bind方法名字空间场景:jquery给页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用绑定的哪个处理函数。问题:jquery的unbind方法会解绑所有的click事件,造成误伤。如果之前jquery bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的..

window.open打开网址报错:已经计划系统关机

评论(0)浏览(336)分类:JavaScript/Ajax开发技巧
window.open打开网址报错:已经计划系统关机  javascript调用window.open打开网站的时候,IE浏览器下报错:已经计划系统关机  百度找了下都是莫名其妙的自动好了,可以查看这个帖子:诡异的JS,已经计划系统关机错误。  于是改用谷歌搜索相关英文内容,serverfault.com上也有人碰到过这个问题,满意答案还比较靠谱:IE8 script error 800704a6?The only information I've been a..

Ext.grid.property.Grid显示GridPanel数据行信息

评论(0)浏览(276)分类:extjs开发技巧
Ext.grid.property.Grid显示GridPanel数据行信息  本示例通过Ext.window结合Ext.grid.property.Grid来实现GridPanel中的数据行详细信息显示,效果如下图所示  主要源代码如下,修改自ext-4.1.1a\examples\grid目录下的array-grid.html这个示例,其他版本的ext如果没有效果自己查找对应的API看接口是否更改过 title: 'Array Grid', listeners: { 'select': fu..

datagrid编辑状态下调用acceptChanges后getChecked无法获取勾选的数据

评论(0)浏览(768)分类:easyui开发技巧
datagrid编辑状态下调用acceptChanges后getChecked无法获取勾选的数据  easyui datagrid在编辑状态下,用鼠标勾选了数据行后,在调用acceptChanges接受数据更改,恢复到不可编辑状态时,此时调用getChecked无法获取到之前在编辑状态下勾选的数据,虽然此时数据行前面的复选框checkbox还是在勾选的状态。  经过研究源代码发现,应该是easyui datagrid的bug,datagrid getChecked获取勾选的数据行是通过判断tr是否..

百度UEditor编辑器API文档

评论(0)浏览(1680)分类:JavaScript/Ajax开发技巧
百度UEditor编辑器API文档Editor Editor ready destroy render sync setHeight getContent getAllHtml getPlainTxt getContentTxt setContent focus execCommand queryCommandState queryCommandValue hasContents reset enable disable show hide getLang getDialog Browser ie opera webkit mac quirks gecko ie9Compat ie8 ie8Compat ie7Compat ie6Compat chrome..

统计easyui datagrid某列之和显示在对应列下面

评论(0)浏览(5778)分类:easyui开发技巧
统计easyui datagrid某列之和显示在对应列下面  本示例将计算easyui datagrid某些列的数据求和,然后将求和的数据显示在所在easyui列的最下面,实现统计功能,效果如下图  源代码如下table id=dg/tablescript $(function () { $('#dg').datagrid({ singleSelect: true, onLoadSuccess: compute,//加载完毕后执行计算 url: 'prod..

IE7-容器内部的浮动元素float:left碰到容器边界内换行bug

评论(0)浏览(933)分类:HTML/CSS兼容/XML
IE7-容器内部的浮动元素float:left碰到容器边界内换行bug  IE7-浏览器或者IE8浏览器下(没有添加xhtml申明的html),容器内部的浮动元素,当碰到容器的边界时,碰到边界的那个元素不会自动换到下一行显示,而是在当前行显示,超出剩余空间的文字自动在这个浮动元素内容换行显示,效果图如下firefox浏览器IE7浏览器IE6浏览器  源代码如下style.xx{zoom:1;width:200px;}.xx a{ float: left; fo..

JScript+ActiveX获取访客MAC网卡地址

评论(0)浏览(113)分类:JavaScript/Ajax开发技巧
JScript+ActiveX获取访客MAC网卡地址  JScript调用activeXObject获取访客的网卡MAC地址,注意只能IE下运行(IE8+没测试),会有安全提示在此页上的ActiveX控件和本页上的其他部分的交互可能不安全。你想允许这种交互吗?  注意选择是,要不报错无法获取源代码如下 html head titleJScript+ActiveX获取访客MAC网卡地址/title /head body object cla..