JQuery实现个性化，可以拖拽 自定义自己的界面（三）

上次说数据库表的设计；今天我主要介绍主要js函数；共感兴趣的读者参考。

1.GetUser函数; 获取用户信息；在这里我想说的是匿名用户的处理；正常登陆网站的用户，我们可以从库里读取到信息，主要及时显示几个Tab; 至于有多少个

widget，呵呵，我认为那不是GetUser应该做的，每一个Tab应该知道自己有几个Widget,以及显示在什么位置；呵呵扯远了。 回正题匿名用户的处理，很简单那就是

cookie,我想igoogle以及其他的一些著名网站也是这么做的。把匿名用户在首页上做的设置存放到cookie里，也就是说打开首页，首先检查是不是登陆用户，如果是显示我们存放到库里的信息，如果不是看看有没有cookie信息，如果还没有那就给他个默认信息好了；

代码

1 function SortAction(event,ui,eventName)
2 {
3 switch(eventName)
4 {
5 case "update":
6 WidgetUpdate(event,ui);
7 break;
8 }
9 }
10
11 /**
12 更新widget的列和该列的位置
13 */
14 function WidgetUpdate(event,ui)
15 {
16 var widgetIndex = [];
17
18 var currentWidgetID = ui.item.find('.Widget_Head').attr('widgetid');//获得当前的widgetID
19
20 var targetColumnID = event.target.id;//获得当前的列ID
21
22 var columnID = targetColumnID.substring(targetColumnID.length-1,targetColumnID.length);//去掉#column 保留整数1
23
24 var liQuery = $("#" + targetColumnID + " li").filter('.Widget_Main');//获得该列的所有li 包括父级元素ul
25
26 var tabID = $(".default_Tabs_Checked").attr("tabid");
27
28 liQuery.each(function(){
29
30 var widget = {};
31
32 widget.ID = $(this).find('.Widget_Head').attr('widgetid');
33
34 widgetIndex.push(widget);
35 });
36
37 var obj = "";
38
39 for(var m=widgetIndex.length-1;m>=0;m--)
40 {
41 obj = widgetIndex[m].ID + "|" + obj;
42 }
43
44 if(obj != "")
45 {
46 var parms = "allWidgetID="+obj+"&columnID="+columnID+"¤tWidgetID="+currentWidgetID+"&tabID="+tabID;
47
48 $.ajax({
49
50 url : "Service/DropWidget.ashx",
51
52 type : "POST",
53
54 data : parms,
55
56 success:function(returnXml){}
57
58 });//end ajax
59 }//end if
60 }
61

不贴了，这只是部分函数，算是主要的吧；其他根据我们的需要还可能会添加很多；主要是理清思路吧。呵呵使用jquery可以很方便的帮我们实现一些功能。

如果大家有不清楚的地方，欢迎和我沟通。呵呵 谢谢你抽出时间看这篇文章。

Demo:http://xiaoguan1985.36jhw.dnscnc.com/