彩票走势图

Document! X和HelpStudio使用技巧:使可折叠标题小部件最初显示为已折叠

翻译|使用教程|编辑:况鱼杰|2019-11-21 14:51:08.460|阅读 213 次

概述:默认情况下,可折叠标题小部件已展开。这是设计使然,标题下的内容可见,但可由用户折叠。但是,您可以决定要使标题最初折叠。您可以通过向项目中添加一些自定义脚本来实现。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

HelpStudio以最快的,最简单的方式创建和出版帮助系统,并与您的桌面或基于网络的应用程序或组件整合起来,包括. NET。

点击下载最新版HelpStudiov2019.1

Document! X包含了最新的制作工具,它允许你在预览自动生成的页面中直接增加内容-自动生成的文档与功能齐全的注释工具的无缝集成。使用Document! X,文档可以在整个设计和开发过程中自动生成,而不需要花费开发人员的资源,同时为开发团队提供了准确和最新的参考,并允许新的开发人员快速的学习新的组件和架构。

点击下载最新版Document! X v2019.1


    默认情况下,可折叠标题小部件已展开。这是设计使然,标题下的内容可见,但可由用户折叠。但是,您可以决定要使标题最初折叠。您可以通过向项目中添加一些自定义脚本来实现。

注意:本文中的说明要求您使用的是Classic,Material或Light模板或从它们派生的自定义模板。

  • 使用记事本在项目脚本目录(例如headings-initially-collapsed.js)中创建一个新的javascript文件,然后复制并粘贴以下脚本:

(function () {
    // Define a new feature constructor
    var collapseAllOnLoadFeature = function(documentInstance) {
        Innovasys.Content.DocumentFeatureBase.call(this, documentInstance);
    };
    // .. that inherits from the DocumentFeatureBase
    __extends(collapseAllOnLoadFeature, Innovasys.Content.DocumentFeatureBase);
    // Return a unique feature name
    collapseAllOnLoadFeature.prototype.getName = function () {
        return "Collapse All Toggle Sections On Load";
    };
    // Make sure it initializes after the built in features
    collapseAllOnLoadFeature.prototype.initializeContentOrdinal = function () {
        return 99999;
    }
    // When the content initializes, collapse any sections that are not already collapsed
    collapseAllOnLoadFeature.prototype.initializeContent = function (rootSelector, isInitialLoad) {
        var toggleFeature = this.documentInstance.getFeatureByName("Toggle Sections");
        var expandedSections = $("." + toggleFeature.getToggleHeadingClassName() +":not(." + toggleFeature.getToggleHeadingClassName() + toggleFeature.getToggledSuffix() + ")");
        toggleFeature.toggleSection(expandedSections, true);
    }
    // The factory is how we register our feature with the Innovasys document object
    var collapseAllOnLoadFactory = function() {};   
    collapseAllOnLoadFactory.prototype.createInstance = function (documentInstance) {
        return new collapseAllOnLoadFeature(documentInstance);
    };
    // Register our factory in the DocumentFeatureConfiguration
    Innovasys.Content.DocumentFeatureConfiguration.registerDocumentFeatureFactory(new collapseAllOnLoadFactory());
})();


  • 使用添加现有其他文件功能区命令将创建的.js文件添加到项目中。

    重建输出后,默认情况下,主题中的可折叠标题小部件现在将在生成的输出中折叠。

    但是以上代码对于新的Material模板是不适用的,如果您需要在新的Material模板中实践,您可以运用以下代码运行,将其添加到项目或自定义模板中的.js文件中,并且页面加载时所有部分都将折叠。:

(function () {

    // Define a new feature constructor
    var collapseAllOnLoadFeature = function(documentInstance) {
        Innovasys.Content.DocumentFeatureBase.call(this, documentInstance);
    };
    // .. that inherits from the DocumentFeatureBase
    __extends(collapseAllOnLoadFeature, Innovasys.Content.DocumentFeatureBase);

    // Return a unique feature name
    collapseAllOnLoadFeature.prototype.getName = function () {
        return "Collapse All Toggle Sections On Load";
    };

    // Make sure it initializes after the built in features
    collapseAllOnLoadFeature.prototype.initializeContentOrdinal = function () {
        return 99999;
    }

    // When the content initializes, collapse any sections that are not already collapsed
    collapseAllOnLoadFeature.prototype.initializeContent = function (rootSelector, isInitialLoad) {
        var toggleFeature = this.documentInstance.getFeatureByName("Toggle Sections");
        var expandedSections = $("." + toggleFeature.getToggleHeadingClassName() +":not(." + toggleFeature.getToggleHeadingClassName() + toggleFeature.getToggledSuffix() + ")");
        toggleFeature.toggleSection(expandedSections, true);
    }

    // The factory is how we register our feature with the Innovasys document object
    var collapseAllOnLoadFactory = function() {};    
    collapseAllOnLoadFactory.prototype.createInstance = function (documentInstance) {
        return new collapseAllOnLoadFeature(documentInstance);
    };

    // Register our factory in the DocumentFeatureConfiguration
    Innovasys.Content.DocumentFeatureConfiguration.registerDocumentFeatureFactory(new collapseAllOnLoadFactory());
})();

    如果您对上面的问题有什么疑惑或者建议都可以在评论区留言,大家一起讨论。


如果您对HelpStudioDocument! X感兴趣,可以咨询购买正版授权软件。

关注慧聚IT微信公众号 ☟☟☟,了解产品的最新动态及最新资讯。

1561953111.jpg


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP