这是关于为DesignStudio创建扩展组件的系列教程的一部分。

现在我们已经掌握了如何在客户端和服务器之间保持属性同步的方法，我们可以着手实现这一点。我们还没有使用附加属性表（APS），我们还没有任何机制来更改属性运行时的属性和在画布中所做的更改不能发布回服务器副本，属性同步只在一个方向上进行；从服务器副本到画布组件.js我们要做四件事：

这是最简单的部分对于每个属性，我们都需要在组件.js我们将对这些属性使用命名约定，因此如果我们有一个名为foo的属性，我们将在组件子类中有一个名为

的变量，在下面的代码中，我们做两件事我们声明一个名为me的变量，大数据时代是什么意思，它是指向这个的指针。这是一个替代名为that的变量，我们一直在使用它。我们还将声明所有属性变量。

重要！确保将它们初始化为与属性表中相同的值！否则，客户端和服务器上的属性值将不一致。中未定义defaultValue的属性组件.xml默认值为0。

这很简单。让我们从上一次处理组件.js，首先，我们要创建一个新函数，调用redraw（）。我们可以剪切和粘贴init（）中的所有内容。然后我们可以简单地告诉init（）调用redraw（）。

现在让我们更新redraw以合并第3a部分中的可配置仪表代码。我们将对该代码进行一些重构，执行此操作时，

我们的redraw（）函数现在看起来是这样的：

在设置内半径时，我们要检查值是否正确，如果这是荒谬的，则警告设计者。因此，我们将添加用于检查的函数；我们可以从需要它的设置程序调用它。如果内半径的新值大于计算外半径，然后发布警报。我们将无法从中修改属性表值组件.js，因此指示设计器使用另一个警报更改最后一个值。

每当设计器尝试更改其中一个边界框属性（高度、宽度、填充）时，我们还需要重新计算新的外半径和宽度执行健全性检查。如果新计算的半径有效，则可以应用它。如果无效，则必须拒绝更改。

每当在服务器端启动属性更改时，相应的setter是在客户端启动的。Design Studio SDK框架对属性getter和setter使用标准模式。应该有一个名为（）的函数，云服务平台，大数据和小数据，其中包含一个参数value。它返回属性的值，或父对象（此）。

如果属性与量规的内半径或外半径相关，则需要在实际设置之前验证更改。对于这五个属性，innerRadius、paddingLeft、paddingRight、paddingTop和paddingBottom（hight和width也是相关的，但都是标准属性，我们无法控制在实际设置该值之前，我们需要执行健全性检查。如果该值有效，我们将设置该值，物联网工程，就像在其他设置程序上一样。如果该值无效，我们将不会更改该值，并且我们需要提醒设计人员这一事实，以便他们可以修改该值。

如果正在调用设置程序（并且健全性检查有效），请确保呼叫我。重画（），返回对象之前！

新的组件.js，整体：

所以当构件出现时，在设计中应该是这样的，高宽200em，开始角为-90度（相对于12点钟），结束角为90度。它也应该是蓝色的。

将开始角和结束角分别改为-45和+45，并从颜色选择器中选择红色，结果应该是画布中的组件看起来像这样。

测试填充属性使我意识到默认情况下，仪表是左对齐的。要么我们需要更复杂的放置选项，要么我们需要完全放弃填充规则。如果这是一个普通项目，我会选择后者，因为通过高度和宽度控制仪表大小更简单。相反，我们将以此为契机，通过构建一个小型的"填充可视化工具"来介绍附加属性表（APS）。

一如既往，完整的扩展（从第3部分开始）可以作为Github存储库使用。

嗨，

我有一个场景，我正在尝试使用Sencha技术开发Search Box Design Studio SDK（Java插件-Eclipse）组件。

图1：带有建议的搜索框下拉列表，启用复选框过滤器，使用Sencha技术开发，BW作为后端，使用Ajax调用：

我正在尝试在设计中实现相同的功能工作室的建议下拉和复选框过滤器的顶部的建议。

有人知道如何实现搜索框的建议下拉启用复选框过滤器的顶部的建议和将sencha图书馆（分机）-所有.js，分机-所有.js，分机-全部.css)支持设计工作室。

如果有人有任何想法，请帮助我以上场景

图1：

再次检查我。垫底函数。上述代码返回

我。我.\u paddingBottom

这将导致错误。

，海淘返利