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

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

ligerui给ligerForm中的ligerComboBox添加事件

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

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

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

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

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

datagrid getChecked获取的数据不正确

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

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

评论(0)浏览(341)分类: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字段

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

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

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

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

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

百度UEditor编辑器API文档

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

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

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

datagrid没有数据显示无数据提示信息

评论(0)浏览(2646)分类:easyui开发技巧
datagrid没有数据显示无数据提示信息  本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示  本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本不同版本对appendRow和mergeCells支持不一样,参数不一致什么的。无法隐藏分页导航容器,可以用chrome开发工具或者firebug查看分页导航容器的样..

easyui datagrid单击单元格选择此列

评论(0)浏览(2518)分类:easyui开发技巧
easyui datagrid单击单元格选择此列  本示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格。可以配置全局single变量,只允许同时选中一列,如果不配置则默认可以选中多列。单击选中的列会取消选中高亮样式。  源代码如下,示例测试的easyui版本为1.3.5,如果没有效果,自己用fir..

ajax getResponseHeader获取中文响应头

评论(0)浏览(1745)分类:JavaScript/Ajax开发技巧
ajax getResponseHeader获取中文响应头  如果页面响应头中包含中文内容,ajax请求的页面和被请求的页面即使编码统一,不同浏览器下表现的方式还是会不一样,firefox/IE下出现乱码,chrome可以正常调用getResponseHeader获取到中文的响应头内容。  要解决这个问题,可以将中文进行编码后在设置为响应头内容,这样ajax调动getResponseHeader获取内容后,在客户端解码下就不会出现乱..

easyui初始化隐藏tabs

评论(0)浏览(1963)分类:easyui开发技巧
easyui初始化隐藏tabs  本示例实现jquery easyui在初始化的时候,自动隐藏其他tab。easyui tabs有3个tab,现在只显示title2选项卡,其他2个tabs选项卡隐藏起来。备注:请用easyui1.3+版本测试,低于这个版本的easyui隐藏其他tab有UI bug,默认显示的tab的内容部分被隐藏起来了。  源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui初始化隐藏tabs/..

selection对象中文API

评论(0)浏览(423)分类:JavaScript/Ajax开发技巧
selection对象中文API注意:这只是一个实验性的技术因为此项技术的标准还没有制定,尚需要修改,注意检查Selection对象属性及方法的浏览器兼容性(对应的介绍最下面会有相关的兼容新给介绍),而且这些属性及方法有可能在将来的浏览器版本中会变更。介绍Selection对象可以通过window.getSelection()或者其他方法返,通常通过 window.getSelection()返回父节点。Selec..