用Asp.net Ajax和Telerik快速打造属于自己的FastDial

======================================================
注：本文源代码点此下载
======================================================

用asp.net ajax和telerik快速打造属于自己的fastdial

fastdial 是firefox下一个常用的插件,它主要可以图片的形式显示几个不同的主页,同时你可以刷新这些图片。我一直很喜欢这个插件,可是当我没有带自己的电脑或者没有装firefox的时候,就没那么方便了。在有一次接触了telerik控件之后,感觉他很适合用来实现这个效果。所以,我就打算用asp.net ajax和telerik打造属于自己的fastdial(fastdial.org)。做之前,我找过相关的网站,可没有找到合适的。也不知道有没有一些成熟的案例,只好硬着头皮自己做了。

下图是firefox下fastdial的效果图。

它的主要功能:

1.可以增加,删除,修改一个块。

2.区块之间可以拖拽。

3.可以将网页保存成缩略图。

4.区块间可自动排列。

5.可以自己设定区块个数,链接打开方式,背景颜色等。

缺点:

1.c/s程序,分布式应用困难。

2.不支持多用户。

3.只能在firefox下使用。

上面暂且当做一个简单的需求分析吧,下面我将演示怎样用asp.net ajax和telerik快速打造属于自己的fastdial。 因为只是个简单的尝试,所以并不打算实现fastdial的所有功能。

1.首先创建9个 raddockzone。

for (int k = 1; k

{

for (int i = 1; i

{

raddockzone zone = new raddockzone();

zone.id = "raddockzone" + j.tostring();

}

this.tablecontainer.rows.add(row);

}

2.在每个raddockzone里面添加属于自己的raddock。

list lis = new dockmgr().getbyuserid(userid);

foreach (dock li in lis)

{

createdock(li);

}

private raddock createdock(dock d)

{

raddock dock = new raddock();

dock.id = d.id.tostring();

dock.title = d.title;

dock.dockmode = dockmode.docked;

raddockzone zone = (raddockzone)raddocklayout1.findcontrol("raddockzone"+d.dockzoneid);

zone.controls.add(dock);

return dock;

}

3.增加adddock页面可以用来增加自己的raddock。

public dock addadock(string index, string url, string title)

{

string userid = fastdialcontext.currentuser.memeber.member_id.tostring();

dock d = new dock();

dock d2 = mgr.getbyurlanduserid(url2, userid);

if (d2 == null)

{

d.id = guid.newguid();

d.url = url2;

d.title =title;

d.imgpath = imagehelper.getimgname(url2);

d.dockzoneid = byte.parse(index);

d.userid = userid;

d.create_time = datetime.now;

mgr.adddock(d);

return d;

}

return d2;

}

3.增加editdock页面可以用来修改raddock。

dockmgr mgr = new dockmgr();

string userid = fastdialcontext.currentuser.memeber.member_id.tostring();

string index = request["index"].tostring();

string url = server.htmlencode(textbox_url.text);

string title = server.htmlencode(textbox_title.text);

dock d = mgr.getbyindexanduserid(index, userid);

string oldurl = d.url;

d.url=url2;

d.imgpath=imagehelper.getimgname(url2);

d.title = title2;

mgr.updatedock(d);

4.增加deletedock页面可以用来删除raddock。

public bool deleteindex(string index)

{

string userid = fastdialcontext.currentuser.memeber.member_id.tostring();

return mgr.deletebyindexanduserid(index, userid);

}

增删改查搞定了,基本效果如下:

因为是第一次做,还有很多bug,希望大家骂声不要太大。

存在的几个问题:

生成缩略图速度慢,有些时候生成缩略图会报错。

有些时候增加一个链接,图片不会刷新,要手动刷。

没钱买正式版telerik,有时候会出版权信息,刷几次就好了。

还有很多未知错误。

标签: fastdial telerik

绿色通道:好文要顶关注我收藏该文与我联系

posted @ 2009-03-30 11:15 lei.dong 阅读(2101) 评论(5)编辑 收藏

发表评论

1491702

回复 引用 查看

#1楼 2009-03-30 12:20 上不了岸的鱼{ttzhang}

telerik很强大!

回复 引用 查看

#2楼 2009-03-30 12:48 阿滨

telerik不错,前段时间 研究过!!

回复 引用 查看

#3楼 2009-03-30 17:56 navyliu

telerik做ui确实比较强大,但是性能一直是个问题。

回复 引用 查看

#4楼[楼主] 2009-03-30 18:54 leige

telerik做ui比较好,性能上关键看自己怎么把握。做内部系统,完全够用了。如果做并发很大的应用,那就要看自己把握了。除了必须的scriptmanager是微软的,其他的ajax都可以自己手写的,性能还行的。我把这个站点部署到网络中心以后,靠那里的千兆带宽,生成百度首页大概是100ms,其他的也大概在5s以内。

回复 引用 查看

#5楼 2009-03-31 08:57 毁于随

我们也在用telerik.缩略图是如何生成的?

注册用户登录后才能发表评论,请 登录 或 注册,返回博客园首页。

首页博问闪存新闻园子招聘知识库

最新it新闻:

·android平台12月广告浏览份额51.6% 超越ios

·测试版ios源代码显示ipad 3或将支持siri

·斯蒂芬·霍金的新电脑

·京东商城2.95亿竞得北京商业地一块

·美报业巨头合作facebook谷歌 传媒重视网络网络

» 更多新闻...

最新知识库文章:

·javascript 面向对象编程

·持续集成之“everything is code”

·持续集成之“软件自我识别”

·持续集成之戏说check-in dance

·什么是闭包。
       我的理解

» 更多知识库文章...

china-pub 2011秋季教材巡展

china-pub 计算机绝版图书按需印刷服务

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/