Titanium Studio：如何使用 javascript 在视图中添加小部件答案

【问题标题】：Titanium Studio: How can i add a widget to my view with javascriptTitanium Studio：如何使用 javascript 在视图中添加小部件
【发布时间】：2015-04-21 07:14:18
【问题描述】：

在 Classic Titanium 项目中，如果我想创建一个按钮，我会使用此代码 ↓

var btn = Ti.UI.createButton();

我怎样才能为使用 js 的 Alloy 项目做同样的事情？

【问题讨论】：

标签： titanium titanium-mobile titanium-alloy

【解决方案1】：

问题标题与描述不同。

要向 Alloy 项目添加小部件，请在 xml 文件中使用以下代码：

<Widget src="widgetName" id="myWidget" />

并在 xml 文件中创建一个按钮：

<Button id="btn" class="btn">My Button</Button

要从 js 文件访问小部件或按钮，请使用访问控制器的 $，然后使用您分配给它们的 id：

$.btn.backgroundColor = "red";
$.myWidget.initialize(fooParameter);

如果你需要在js文件中创建一个按钮，使用你提到的相同代码并将创建的按钮添加到打开的窗口中：

var btn = Ti.UI.createButton({ title: 'My Button' });
var win = Ti.UI.createWindow({ backgroundColor: 'white' });
win.add(btn); // If you created the window in the xml file --> $.win.add(btn);
win.open();

单击Buttons 和Widgets 文档的下一个链接。

【讨论】：

【解决方案2】：

钛文档是找到这个答案的最佳位置，请参考Ti.UI.Button

【讨论】：