palm基础----1 动态创建元素
有时,我们希望在程序运行的时候,可以动态的创建元素。可以这样来实现:
在 Assitant 的 setup 方法中调用 Element 的 insert 方法,如下例所示:
动态添加元素代码
MyAssistant.prototype.setup = function()
{
...
var allElem = this.controller.select("*");
// add the spinner before the first element
allElem[0].insert({before : '<div x-mojo-element="Spinner" id="dynamicSpinner"></div>'});
this.controller.setupWidget("dynamicSpinner", this.dynamicSpinnerAttr =
{
spinnerSize : "large"
}, this.dynamicSpinnerModel =
{
spinning : false
});
...
}
{
...
var allElem = this.controller.select("*");
// add the spinner before the first element
allElem[0].insert({before : '<div x-mojo-element="Spinner" id="dynamicSpinner"></div>'});
this.controller.setupWidget("dynamicSpinner", this.dynamicSpinnerAttr =
{
spinnerSize : "large"
}, this.dynamicSpinnerModel =
{
spinning : false
});
...
}
上面的示例代码,将会在页面第一个元素之前添加一个 Spinner 元素