1 / 15
文档名称:

sguap平台前端功能扩展的规范化操作说明.doc

格式:doc   大小:32KB   页数:15页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

sguap平台前端功能扩展的规范化操作说明.doc

上传人:文库旗舰店 2019/10/11 文件大小:32 KB

下载得到文件列表

sguap平台前端功能扩展的规范化操作说明.doc

文档介绍

文档介绍:SG-,通过新建MXFramework的扩展模块项目来对前端框架进行扩展,扩展模块只需要包含所需要扩展的文件(脚本文件、样式文件等),切记不要把整个MXFramework的拷贝过来。,只需要对其进行继承扩展,以满足部分个性化的需求。,使用组合扩展方式。,应当针对公共接口和保护方法扩展,切记不要重写该控件,如需重写请创建一个全新的控件。,扩展个性化的功能。例如:我们需要一个垂直选项控件VTabControl,如下所示:$ns(“”);=function(){varme=$extend();varbase={};=;=function(){();_init();}function_init(){//自定义初始化逻辑}(arguments);}。例如,我们需要一个包含工具条的表格控件,如下所示:$ns(“”);=function(){varme=$extend();varbase={};=null;=null;=;=function(){();_init();}function_init(){=$instanceOf(,)?:(());=$instanceOf(,)?:(());();();}(arguments);},即遵循MXFramework的类编写规范创建一个全新的控件,切记创建的新控件的名称不要与平台已有的控件重名。。扩展的默认样式可以应用到所有的模块项目中,只需要在扩展模块中对默认的样式文件进行修改即可。例如:TabControl控件默认的标签头是在顶部,我们需要标签头在底部,修改的样式文件如下:.>#head{bottom:0px;top:auto;height:33px;}.>#body{bottom:32px;top:0px;padding:5px;}.>#head>a{border-bottom:1pxsolid#898C95;border-top:none;margin-top:0px;height:33px;background:url(images/);}.>#head>a:hover{border-top:none;color:#FFFFFF;background:url(images/);}.>#head>{top:0px;height:33px;border-top:none;border-bottom:1pxsolid#898C95;color:#FFFFFF;background:url(images/);}.>#head>:hover{border-bottom:1pxsolid#89