ExtJS Google Map API

2009.06.08 / 标签: google map api / 分类: ExtJS

来了上海后，博客变成周记本了，O(∩_∩)O哈哈~。那个desktop我已经搞定了，看起来貌似很难，然而官方是有desktop的example的，打开它的源码，只要看明白了也就觉得不难了。
要想将自己的window放进desktop中，那么这个window就必须继承自Ext.app.Module（记得要把example里面的App.js、Desktop.js、Module.js、StartMenu.js及TaskBar.js导入，当然也别忘了样式文件。）。例如：

MyDesktop.ChannelSearchWin = Ext.extend(Ext.app.Module, {
        init : function(){
        this.launcher = {
	   iconCls:'icon-grid',
            text: '渠道商查询',
            handler : this.createWindow,
            scope: this,
            windowId:'channel-search-win'
        }
    },
    id:'channel-search-win',
    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('channel-search-win');
        if(!win){
            win = desktop.createWindow(new NeekeChannelSearchWin().initialConfig);
        }
        win.show();
    }
});

接着创建桌面，这个桌面像一个最外围的容器，里面存放所有的window。

MyDesktop = new Ext.app.App({
	init :function(){
		Ext.QuickTips.init();
	},
  //初始化所有桌面窗体
	getModules : function(){
		return [
 
			new MyDesktop.ChannelSearchWin()]
	},
 
    //开始菜单
    getStartConfig : function(){
        return {
            title: 'Welcome Administrator',
            iconCls: 'user',
            toolItems: [{
                text:'退出系统',
                iconCls:'logout',
				handler: function(){
 
					window.location = 'index.cfm';
				},
                scope:this
            }]
        };
    }
});

这就是最简单的方式了，如果要想实现其他功能或效果那就得自己动手修改那几个核心文件了。
desktop完工之后，又开始搞Google Map API与ExtJS的整合，要做出如下图所示效果，

我要将物流单经过的城市都在地图上标记出来，并按照时间顺序编号连线，反之则用红色，标记点被点击时还要局部放大该点显示在一个小地图中，如果最终状态为“客户已签收”，则终点为收件点并与其他点用蓝色线连接。自从上班后，我接到的任务几乎都是我之前从未做过的。先花了几个小时看了看Google Map API，大概了解了一下基础知识。接着又去ExtJS官方网站找了找相关应用，在其Blog里被我找到了好东西Ext.ux.GMapPanel。把Google Map API和Ext.ux.GMapPanel源码对应着看，很快就能发现其实这个Ext.ux.GMapPanel写的非常简单。写了一个月左右的ExtJS了，越来越觉得这个东西写起来非常的惬意。

技术路线真的不行吗

2009.05.30 / 标签: 生活 / 分类: 生活点滴

18°

我身边的朋友都说我仅仅只是技术能力强，其他方面都不行，例如为人处事，性格。我想说的是，我觉得我技术根本就不咋样，比我强的人多的是了，而我只是肯“钻”而已，技术上我始终保持在学习心态，为此我也失去了很多东西。阅读全文>>

丢了100元钱

2009.05.27 / 标签: 生活 / 分类: 生活点滴

3°

郁闷啊，一觉睡醒，钱包里面竟然少了100元钱，实在是想不通啊…

最近脑子里每天都在想买台笔记本呢，100元啊，对现在的我来说意义非常啊。到了公司我得忙我的任务，回家了有无线网但是没有电脑…周末上网还得去网吧给VIP卡充钱，哎~~

ExtJS desktop

2009.05.21 / 标签: extjs api, extjs 布局 / 分类: ExtJS

11°

接下来我可能要开发Windows了，而且还得用Ext来开发，呵呵O(∩_∩)O~来几张老外做的DEMO截图预览一下吧。
阅读全文>>

ExtJS GridPanel动态列

2009.05.21 / 标签: extjs api, extjs 布局 / 分类: ExtJS

6°

要实现动态更改GridPanel的列就必须先了解固定列是怎么弄出来的。GridPanel的列可以通过new Ext.grid.ColumnModel(columns)来创建，而这里的columns是一个JavaScript数组。由此可知，如果能够动态的更改这里的columns岂不OK了? 阅读全文>>

关于数据库动态自定义排序

2009.05.18 / 标签: mysql, 数据库 / 分类: 未分类

6°

我不但得写Ext，还得自己设计并建库建表。我还需要实现的一个功能就是，在拖拽数据进行分类的时候，要求能够自定义排序。就是说如果现在某分类下有A、B两个产品，我现在要从DataView中拖一个C进去，如果我把C拖到B上放下，那么我的数据排序就要变为ACB，拖到A上放下则为CAB，如果当前鼠标下面没有数据（鼠标没停留在AB上），那么C则排在最后。阅读全文>>