当您设计SDK元素时，德国云服务器，您倾向于添加越来越多的属性。因为更灵活总是更好的…对吧？然而，您遇到的问题是，最初为其创建SDK的设计师越来越依赖于您的帮助才能使用SDK。在前面的讨论中（这里是：DesignStudio创新系列-主题1：为更大的SDK结果集提供理由），我们已经在评论中讨论了这个问题。

我的观点是，基本上你可以将DesignStudio应用程序看作是一组工具。每个组件类型都是一个独立的工具，有自己的属性、方法、优点和缺点。

但是回到主题上来：当基本上是你的用户的设计师开始问那么多问题时，这是一个很好的时机来增强你的附加属性，使你的应用程序易于使用，即使你有大量的可能选项，

我认为手风琴菜单可以帮助你以一种很好的方式组织选项。通常在您的屏幕上，您希望为正在构建的实际应用程序留出很大的空间。这意味着所有菜单都必须在应用程序的左侧或右侧留出一点空间。你可以打开和关闭部分，你不需要太多的空间水平。理想情况下，一个部分占据面板中的垂直空间。但如果有更多，你可以很容易地向下滚动。这是大多数人在网站上都习惯的东西。

那怎么做呢？

附加属性是使用html文件和附带的javascript文件构建的。使用这两个文件和另外一个CSS文件，我们可以开始创建一个accordion菜单。

CSS:

这些CSS代码应用于accordion的不同部分，我们将在html中建立它。

在html中，我们用accordion类创建一个div元素，对于accordion中的每个组，我们创建一个具有类"accordion section"的div。这个section元素包含一个link和另一个div元素，类为"accordion section content"。

但是首先提供一个到CSS文件的链接：

现在我们可以设置accordion的结构

如果您查看结果，您将已经看到一个关闭的accordion菜单。在javascript文件中，我们添加了一些代码，数据统计，以便在单击标题时打开它们这个.initJS文件的函数我们使用JQuery向html添加了几个事件监听器：

在函数中，accordion类中所有具有类accordion节标题的元素都用$（'.accordion）收集.accordion section title'）

首先关闭所有菜单，然后在"this"关键字的帮助下（这基本上是指执行功能的上下文或元素）。该函数收集有关单击的元素的信息，并添加一个打开的类，并打开基础内容区域（.slideDown（300）.addClass（'open'）；）

在这些内容区域中，淘客购物，您可以设置所需的所有元素，大数据工具有哪些，并让它们与属性交互。所有这些都可以使用标准的事件监听器+getter/setter来应用，大数据的概念，正如您可以在示例SDK组件中找到它们一样，SDK组件中的属性数量很容易变得庞大。这就是附加属性表（APS）的可用性对于为设计师提供简单直观的体验变得非常重要的地方，手风琴菜单方法就是一个很好的例子。

问候，

Mustafa。

嗨Jeroen，

是的，很多属性使组件变得复杂。Mike还创建了一个通用UI，我们尝试将其放入新的SCN社区组件中。你可以在Choropleth地图中看到效果，结构是2级的，完全动态创建的-完全不需要再编码APS了。

关于这个的博客很快就会出现，我将描述一个选项，完全生成组件，包括来自Mike的APS，Mike还想花一些话来阐述他对APS的想法可以动态创建..

这里的屏幕：

卡罗尔

那很好听，期待那个博客。

杰罗恩

是的博客很快就要来了！忙碌的一个月对我来说。

我们将尝试Jeroen的新子弹图（目前在原型）组件-将是一个机会，看看如何可用的一代。