ext笔记

评论(0)浏览(137)分类:extjs开发技巧
ext笔记 1.ext事件封装在ext.lib.Event下。上一层还有ext.EventObject,它继续封装了ext.lib.Event。一般函数中 function(e),这个e就是ext.EventObject对象。而且ext.EventObject还封装了鼠标和键盘的一些操作。 2.element.on('click',fn,this,{single:true,delay:100,testId}).其中single表示第 一次,delay延迟,testId是传入fn()的参数。在fn..

EXT常用方法

评论(0)浏览(283)分类:extjs开发技巧
EXT常用方法Ext.util.Observable:一个抽象基类,为事件机制的管理提供一个公共接口,如果你希望的类可以有事件,就继承它吧Ext.apply:如果只传入两个参数,则将C继承D的所有方法属性,如果定义了B则每次都先继承B的方法属性然后再继承D的方法属性,即B是默认继承对象1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属..

Ext.get,Ext.select,Ext.query方法

评论(0)浏览(140)分类:extjs开发技巧
Ext.get,Ext.select,Ext.query方法1,Ext.get  Ext.get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象 上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写..

Ext4更新store总记录数量

评论(0)浏览(825)分类:extjs开发技巧
Ext4更新store总记录数量  如果ext4的store对象通过loadData方法加载数据时,而不是通过load方法,那么即使配置了reader对象的totalProperty也无法正常获取总的记录数,为0。这样如果需要分页的时候就比较麻烦了,获取不到总的记录数。  注意:使用store的loadData方法加载的数据是JSON数组,不能是JSON对象。如{total:100,data:[{name:'showbo',addr:'..

Ext4.1动态生成checkboxgroup对象

评论(1)浏览(436)分类:extjs开发技巧
Ext4.1动态生成checkboxgroup对象  Ext4.1动态生成checkboxgroup对象的原理很简单,用ext的ajax类库发送ajax请求动态页获得items对象的字符串内容,eval生成json对象,然后再生成checkboxgroup对象,配置checkboxgroup的items对象为返回的json字符串内容即可【注意要eval生成json对象,不能直接是字符串】。  数据源data.txt内容[{boxLabel:Item1,name:name,checked:true,in..

禁用Ext4 CheckboxModel,不允许选择

评论(0)浏览(269)分类:extjs开发技巧
禁用Ext4 CheckboxModel,不允许选择  要禁用ext4.0中的CheckboxModel,不允许用户勾选显示的checkbox,可以给CheckboxModel配置beforeselect事件,return false禁止用户选择checkbox。   var sm=Ext.create(Ext.selection.CheckboxModel,{listeners:{beforeselect:function(){return false;}}});//return false禁止选择 var grid=Ext.create('Ext.g..

jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行

评论(1)浏览(964)分类:easyui开发技巧
jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行  最新版本的jquery-easyui-1.3.1新增了grid插件的subGrid【detailview】功能,可以预览数据行的详细信息。但是使用从他们官网下载的源代码压缩包中使用高版本的jquery,如jquery-1.8.0.min.js时,发现向配置了detailview的grid添加数据行时,如果这个grid没有数据,在添加多行数据时,只能添加在最前面的一行,其他数据无法添加进去。如果gri..

Ext getInitialConfig获取不到默认的配置

评论(0)浏览(322)分类:extjs开发技巧
Ext getInitialConfig获取不到默认的配置  在使用最新版本的的ext4.1时,发现使用调用实例的getInitialConfig获取不到创建实例时使用配置对象,得到一个空的JSON配置对象,不知道是ext的bug还是我理解错这个方法或者创建对象时传递的配置方法不对。  ext getInitialConfig方法如下getInitialConfig( [name] ) : Object/MixedReturns the initial configuration passed to construct..

Ext.ux.ItemSelector.getStore undefined

评论(0)浏览(190)分类:extjs开发技巧
Ext.ux.ItemSelector.getStore undefined  ext4.0中的Ext.ux.ItemSelector实例调用getStore方法获取数据源时发生错误,提示getStore undefined。  查看了下Ext.ux.ItemSelector的源代码,Ext.ux.ItemSelector继承Ext.ux.form.MultiSelect,而Ext.ux.form.MultiSelect继承的是Ext.form.field.Base,Ext.form.field.Base并没有getStore方法,并且Ext.ux.form.MultiSelect没有注册getS..

jquery easyui datagrid数据源为json文件问题

评论(0)浏览(662)分类:easyui开发技巧
jquery easyui datagrid数据源为json文件问题  当jquery easyui的datagrid插件使用.json文件为数据源,通过非http协议访问【就是直接拖进浏览器查看效果】,能正常加载.json文件并且生成datagrid数据源。但是通过http协议访问示例代码时,无法加载json文件生成datagrid的数据源。  这个是由于服务器软件,如iis的配置MIME类型或者一些配置不正确导致的。  默认iis是没有json文件的mim..

jquery easyUI tree遍历函数

评论(0)浏览(2254)分类:easyui开发技巧
jquery easyUI tree遍历函数  如果jquery easyui的tree插件json数据源没有定义id,而是希望通过text来定位节点,那么无法使用find方法查找节点,此时需要遍历tree控件的节点,对比text属性实行遍历对比定位节点,可以使用getRoots和getChildren进行遍历。方法如下+展开-JavaScriptfunctionTravel(treeID){//参数为树的ID,注意不要添加#varroots=$('#'+treeID).tree('get..

jquery easyUI form plugin bug

评论(0)浏览(111)分类:easyui开发技巧
jquery easyUI form plugin bug  jquery.easyui插件中的form表单插件存在一个bug,就是如果load 数据的时候,没有区分input是否为text或者radio,checkbox,直接一句+展开-JavaScript$("input[name="+name+"]",form).val(val);  这句就要老命了,会将radio,checkbox的值全部设置为加载的数据中键名称对应的值了,这样就无法修改radio,checkbox的值了。  下面只需要将j..

Google Map开发系列——总结篇

评论(0)浏览(88)分类:Google Maps开发
Google Map开发系列——总结篇結果這個系列的學習大家對Google Map的開發是不是有了更加深入的瞭解呢。現在對此次系列課程做個總結。歡迎大家的學習!Google Map开发系列——寫在前面的Google Map开发系列(一)——谷歌地图API密钥(API Key)的解读和使用技巧Google Map开发系列(二)——使用谷歌地图API应该有所了解的一些技术外背景Google Map开发系列(三)——加载谷歌..

Google Map开发系列(十三)——使用地图API实现自定义叠加层

评论(0)浏览(121)分类:Google Maps开发
Google Map开发系列(十三)——使用地图API实现自定义叠加层与地图上的控件不同,地图上的叠加层(Overlay)指的是和某个经纬度坐标绑定,能够跟随地图的缩放拖拽而相应移动的DOM原始,地图API文档里定义的GMarker、GPolyline、GInfoWindow都属于叠加层。右边地图上显示的交通信息的图标就是一个叠加层。先看一段Hello World的代码吧:var MyOverlay = function(latlng_) { this.latlng = latlng_;};MyOve..

Google Map开发系列(十二)——定制GoogleBar --谷歌地图的本地搜索栏

评论(0)浏览(138)分类:Google Maps开发
Google Map开发系列(十二)——定制GoogleBar --谷歌地图的本地搜索栏在提到地图上的默认控件和GMap2的设置项的时候,我都提过谷歌地图的本地搜索栏这个控件,要在地图上加上这个控件很简单,不需要调用GMap2.addControl(),只需要一句话: map.enableGoogleBar();这样就可以在地图的左下角加上这个搜索栏了,并且替换掉了原来的谷歌Logo的图片。目前用这个搜索栏可以搜索两种类型的数据: 1、地名; 2、谷歌提供的..

Google Map开发系列(十一)——谷歌地图上的快捷键

评论(0)浏览(117)分类:Google Maps开发
Google Map开发系列(十一)——谷歌地图上的快捷键前面设置地图的博文里面其实漏掉了一个很有意思而又不太引人注目的地图特性,就是设置地图的快捷键。说实话,之前我也没有注意过这一点,甚至都没有想过地图可以支持快捷键,一个以拖拽成名的应用,谁又能想到可以用快捷键来控制呢。有一天无聊的上下翻动地图API的文档,突然发现一个很陌生的类,GKeyboardHandler,没见过!仔细看了一下,居然是..

Google Map开发系列(十)——给你的地图加上API提供的默认控件

评论(0)浏览(113)分类:Google Maps开发
Google Map开发系列(十)——给你的地图加上API提供的默认控件地图上的控件一般是指悬浮在地图上、不随地图移动的图片、按钮等等DOM元素,可以用来控制地图、帮助用户和地图交互、显示地图的特定信息和状态。在谷歌地图主页上,有可以控制地图缩放的控件、有切换地图类型的控件、有显示缩略图的控件等等,这些控件在地图API里默认也都是提供的,所以,你可以在你的地图上加上这些控件,并且可以根据你的需要..

Google Map开发系列(九)——GMap2可以有哪些设置项

评论(0)浏览(95)分类:Google Maps开发
Google Map开发系列(九)——GMap2可以有哪些设置项初始化一个GMap2对象除了可以使用GMapOptions参数设置谷歌地图外,在创建GMap2对象后还可以用一些方法设置地图的一些通用属性,照我的使用习惯和频率,做个分类(如果我在标题后没有添加“默认”,则这个属性在默认状态下地图是不支持的,另外,文中的map指GMap2的实例对象,省得用GMap2来作方法声明的时候有人误解):1、可以连续缩放地图缩放的时..

Google Map开发系列(八)——使用GMapOptions定制你的谷歌地图

评论(0)浏览(148)分类:Google Maps开发
Google Map开发系列(八)——使用GMapOptions定制你的谷歌地图前我曾经解释过创建一个地图的详细步骤,但是,真正创建地图的核心步骤也就两行代码: var map = new GMap2(document.getElementById("mapContainer")); map.setCenter(new GLatLng(33.0, 106.0), 3);有这两行代码,你就可以在你的网页上展现你的谷歌地图了。但是,这个是最简单的地图,如果你想要对这个地图做一些小小的变动,更符合你的胃口,..

Google Map开发系列(七)——使用谷歌地图API实现自定义控件

评论(0)浏览(123)分类:Google Maps开发
Google Map开发系列(七)——使用谷歌地图API实现自定义控件使用谷歌地图API定义自定义的控件其实非常简单,看看我在右边地图的右上角添加的半透明的状态监控栏,这就是一个自定义的控件。闲话少说,先看一段Hello World的代码function MyControl(){}MyControl.prototype = new GControl();MyControl.prototype.initialize = function(map){ this.map = map; var container = map.getContainer(); var lab..

Google Map开发系列(六)——谷歌地图坐标系统总结

评论(0)浏览(169)分类:Google Maps开发
Google Map开发系列(六)——谷歌地图坐标系统总结要在地图中定位一个点,最常见的就是使用一个地理坐标来定位。但是,谷歌地图API还提供了不同于地理坐标的多套坐标系统,方便我们在需要的时候使用不同的坐标来定位在地图上显示的信息。我在右边的地图中演示了这些坐标,可以把的鼠标移到地图上看看,注意要展开“鼠标位置”的内容啊:)。这些坐标系统可以简单的总结如下(这些系统是我自己命名的..

Google Map开发系列(五)——怎样在你的网页里嵌入地图

评论(0)浏览(139)分类:Google Maps开发
Google Map开发系列(五)——怎样在你的网页里嵌入地图要想在自己的网页中嵌入地图,常用的方法可以归纳为以下几种:1、最简单的方法——使用谷歌地图主页的"链接"如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是不需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。登录谷歌地图主页,定位你需要显示的范围后,点击地..

Google Map开发系列(三)——加载谷歌地图API的URL详细解读

评论(0)浏览(158)分类:Google Maps开发
Google Map开发系列(三)——加载谷歌地图API的URL详细解读谷歌地图的API类库是通过script标签导入的,形式如下:script src="http://ditu.google.com/maps?file=apihl=zh-CNv=2key=abcdefg" type="text/javascript"/script我们使用API的时候关心的就是这个script的src属性了,这个属性也就两个部分:路径:http://ditu.google.com/maps; 参数:file=apihl=zh-CNv=2key=abcdefg。解剖一下:1、 路径:ht..

Google Map开发系列(二)——使用谷歌地图API应该有所了解的一些技术外背景

评论(0)浏览(119)分类:Google Maps开发
 Google Map开发系列(二)——使用谷歌地图API应该有所了解的一些技术外背景这些内容,常用谷歌地图的应该也都知道,我也只写我知道的,了解这些对使用API还是有帮助的。1、 谷歌地图主页谷歌地图对应不同的地区都会有一些专门的主页,首次登陆时会显示这些地区,比如,香港的:http://maps.google.com.hk,台湾的:http://maps.google.com.tw,日本的:http://maps.google.co.jp不过,我们常用的也就三个:http://maps.g..

Google Map开发系列(一)——谷歌地图API密钥(API Key)的解读和使用技巧

评论(0)浏览(188)分类:Google Maps开发
Google Map开发系列(一)——谷歌地图API密钥(API Key)的解读和使用技巧好了,通過前一篇的介紹,大家對Google Map都有所瞭解了吧。不過還得一步步的來。先瞭解API Key吧。所谓API密钥(API Key),其实就是一个字符串,在使用script标签导入API类库的时候作为请求参数传给谷歌的地图服务器,形式就是: script src="http://ditu.google.com/maps?file=apiv=2key=你注册的API密钥" type="text/javascript"/script 我的..

Google Map开发系列——写在前面的

评论(0)浏览(162)分类:Google Maps开发
 Google Map开发系列——写在前面的Google Maps API是Google自己推出编程API,可以让全世界对Google Maps有兴趣的程序设计师自行开发基于Google Maps的服务,建立自己的地图网站。以下是我在Google Maps API开发过程中找到的一些API的编程资源,包括中文文档,中文说明,示例等等,希望对Google Maps编程感兴趣的程序员有所帮助。  中文资料部分(包括中文的文档说明等,以下的网..

Google Map Api文档,免费Google地图API使用说明

评论(0)浏览(204)分类:Google Maps开发
Google Map Api文档,免费Google地图API使用说明Google Maps API可以让你在自己的网页之中嵌入免费的Google电子地图. 在此之前,你只需要 申请一个API授权码,而这是免费的.因为Google Maps API是还在测试之中的程序,可能有些Bug,并且功能上也有一些欠缺. 你可以到Google Maps API讨论组给出你的意见.特别提示:如果您的英文还马虎,建议您直接看google官方最新的Google Maps API Documentati..

网站通过API调用Google地图

评论(0)浏览(132)分类:Google Maps开发
网站通过API调用Google地图 前几天有人说要求MAPBAR的.我研究了一下杭州美食网的调用Google的.不知道有人需要不.放在房产网上看空气污染不错....演示:http://www.qhdfang.com/map/需要卫星照片的比较少吧.还有发这个的话会不会因为泄露国家军事建筑而违法呢?下面介绍使用方法:第一步先在http://code.google.com/apis/maps/signup.html注册一个你网站的API KEY然后把以下文件..

修改Ext.DatePicker使得Ext.form.DateField只选择年月

评论(0)浏览(431)分类:extjs开发技巧
修改Ext.DatePicker使得Ext.form.DateField只选择年月在最近一个项目中用到了Ext,学到了很多新的东西,同时JS水平得到了大大的提升。项目中需要一个年月输入框,不带日期的,可是Ext本身不带这样的功能,没办法只能自己扩展。G了一下得到2篇文章http://www.javaeye.com/topic/105492http://blog.csdn.net/forgetdavi/archive/2007/09/07/1776079.aspx按照他的做法,依葫芦画瓢,做出来了,但是出现了..