web appbuilder 改变样式和添加自定义widget

标签：

一、改变样式

要实现的效果是添加cyan样式

1、将FoldableTheme/style下的cyan copy到TabTheme下的同一目录下；

2、打开TabTheme下的manifest，copy FoldableTheme同意路径下的cyan配置

如下图

3、运行即可看到如上效果；

二、添加widget

一、通过app过程添加

1、同样在…/arcgis-web-appbuilder-1.0\client下的stemapp上按住shift+右键,选择在此处打开命令窗口

2、输入yo esri-appbuilder-js:widget

3、然后输入要定义的widget的名字，一路enter即可，

总的效果如下：

二、Widget自定义复制

1、将模板widget复制一份为widget1

,

2、然后将widget1中所有的widget文字都改为widget1，

3、之后打开appConfig所对应的config,也就是根目录的config

4、在widgetPool下的widgets中如下

5、复制

{<BR>
&nbsp; <B>"name"</B>: <B>"Widget"</B>,<BR>
&nbsp; <B>"label"</B>: <B>"</B><B>定点</B><B>"</B>,<BR>
&nbsp; <B>"version"</B>: <B>"0.0.1"</B>,<BR>
&nbsp; <B>"IsController"</B>: <B>false</B>,<BR>
&nbsp; <B>"uri"</B>: <B>"widgets/Widget/Widget"</B>,<BR>
&nbsp; <B>"config"</B>: <B>"configs/Widget/config_</B><B>定点</B><B>.json"</B>,<BR>
&nbsp; <B>"index"</B>: 5,<BR>
&nbsp; <B>"id"</B>: <B>"widgets/Widget/Widget_29"<BR>
</B>}

6、然后将widget改为widget1,最重要的是改变”config“和”index”

,

{<BR><B>"name"</B>: <B>"Widget1"</B>,<BR><B>"label"</B>: 
<B>"</B><B>自定义</B><B>"</B>,<BR><B>"version"</B>: 
<B>"0.0.1"</B>,<BR><B>"IsController"</B>: <B>false</B>,<BR><B>"uri"</B>: 
<B>"widgets/Widget1/Widget"</B>,<BR><B>"config"</B>: 
<B>"widgets/Widget1/config.json"</B>,<BR><B>"index"</B>: 6,<BR><B>"id"</B>: 
<B>"widgets/Widget1/Widget_29"<BR></B>}

7、效果如下：

web appbuilder 改变样式和添加自定义widget

标签：

原文地址：http://www.cnblogs.com/shangguanjinwen/p/4297186.html