builder-2d setting demo

Author: Mike Tschudi

builder-2d/widgets/MyWidget/manifest.json

@@ -16,10 +16,10 @@
     "hasStyle": true,
     "hasConfig": true,
     "hasUIFile": true,
-    "hasSettingPage": false,
-    "hasSettingUIFile": false,
-    "hasSettingLocale": false,
-    "hasSettingStyle": false,
+    "hasSettingPage": true,
+    "hasSettingUIFile": true,
+    "hasSettingLocale": true,
+    "hasSettingStyle": true,
     "IsController": false
   }
 }

builder-2d/widgets/MyWidget/setting/Setting.html

@@ -0,0 +1,3 @@
+<div>
+	<label>${nls.configText}</label><input data-dojo-attach-point="textNode">
+</div>

builder-2d/widgets/MyWidget/setting/Setting.ts

@@ -0,0 +1,41 @@
+// JIMU (WAB) imports:
+
+/// <amd-dependency path="jimu/BaseWidgetSetting" name="BaseWidgetSetting" />
+declare var BaseWidgetSetting: any; // there is no ts definition of BaseWidgetSetting (yet!)
+
+// DeclareDecorator - to enable us to export this module with Dojo's "declare()" syntax so WAB can load it:
+import declare from "../support/declareDecorator";
+
+// Esri imports:
+import esri = require('esri');
+
+interface Config {
+  demoSetting: string
+}
+interface Setting {
+  textNode?: HTMLInputElement
+  config?: Config
+}
+
+@declare(BaseWidgetSetting)
+class Setting {
+  baseClass = 'my-widget-setting';
+
+  postCreate(args: any) {
+    //the config object is passed in
+    this.setConfig(this.config);
+  };
+
+  setConfig(config: Config) {
+    this.textNode.value = config.demoSetting;
+  };
+
+  getConfig() {
+    //WAB will get config object through this method
+    return {
+      demoSetting: this.textNode.value
+    };
+  };
+};
+
+export = Setting;

builder-2d/widgets/MyWidget/setting/css/style.css

@@ -0,0 +1,3 @@
+.jimu-widget-demo-setting input{
+  margin-left: 10px;
+}

builder-2d/widgets/MyWidget/setting/nls/strings.js

@@ -0,0 +1,7 @@
+define({
+  root: ({
+    configText: "Set config text:"
+  })
+  // add supported locales below:
+  // , "zh-cn": true
+});