目标:页面widget的生成,拖拽及其他操作
1.页面布局的生成
思路:布局即把页面分成几列以及每列的width等,ID为default_columns的div是页面,里面加一个ul即为一列。
进一步思考:要控制ul的width来改变布局,所以将ul的width直接写进来。
目前分4种布局,默认是2,tab的mod属性的第一个数字就代表布局id
布局id 各列对应width
1 50%,50%
2 30%,40%,30%
3 33%,34%,33%
4 25%,25%,25%,25%
将上节LoadingTabInfo函数改成
<!–
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
–>function LoadingTabInfo(tab_li){ //Loading Tab信息
var mod=tab_li.attr(“mod”);
AddLayout(mod.substr(0,1));
AddModules(mod.substr(1));
LoadingContentExp();
(“#somethingshow”).html(mod); //没意义,纯为了显示页面布局内容,左上角
}