使用JxLib定制灵活网页布局Flexible weblayout-阿里云开发者社区

开发者社区> 史迪奇2号> 正文

使用JxLib定制灵活网页布局Flexible weblayout

简介:
+关注继续查看


在MapGuide中,灵活网页布局提供了5个模版,每个模版都有各自不同的样式,你可以选择一个你喜欢的使用。但也许你希望能够对这些模版进行定制,或者干脆创建你自己的模版,如果你真有这想法,希望这篇文章能给你一点启发。MapGuide中的灵活网页布局也就是Fusion viewer是基于OpenLayers 和 JxLib的。他的界面布局部分由JxLib来完成,所以你可以参考JxLib的使用来对布局进行修改。

这里我做个很简单的例子,即为Slate模版添加一个panel,下面是效果截图:

 

image

下面开始着手干,用你喜欢的文本编辑器打开Slate的模版文件,缺省在 C:\Program Files\Autodesk\Autodesk Infrastructure Web Server Extension 2013\www\fusion\templates\mapguide\slate\index.html,然后按照下面修改代码:

    panel3 = new Jx.Panel({

        label: OpenLayers.i18n('taskPaneTitle'),

        collapse: true,

        maximize: true,

        contentId: 'TaskPane'

    });

 

    panel4 = new Jx.Panel({

        label: 'mytest',

        collapse : true,

        maximize : true,

        contentId : 'mytest',

        content : 'your content here'

    });

 

    panelman = new Jx.PanelSet({

        parent: splitter.elements[0],

        panels: [panel1, panel2, panel3,panel4]

    });

注意其中黑体的我增加的代码。

这个只是非常简单的例子,如果你想了解更多,还是需要阅读JxLib的相关文档来实现。你可以还会对这个DevTV视频感兴趣:

DevTV: MapGuide Fusion Technology Introduction
A self-paced video tutorial on how to build a web-based mapping application using the Fusion Viewer Technology and MapGuide Enterprise.
View Online | Download

作者:峻祁连
邮箱:junqilian@163.com 
出处:http://junqilian.cnblogs.com 
转载请保留此信息。





本文转自峻祁连. Moving to Cloud/Mobile博客园博客,原文链接:http://www.cnblogs.com/junqilian/archive/2012/08/23/2651795.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
flex 4.1 ComboBox 使用示例
                                         日                月                季                年                                                        ...
765 0
网页魔法菜单(使用说明)
地址: http://hi.baidu.com/huxing042/blog/item/ef2d62f77691d524720eecbd.html
574 0
862
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载