builder-2d setting demo

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
+});