Javascript UWA按钮样式

我想把左边的按钮使用css样式和UWA按钮。 这就是代码：

var btn = new UWA.Controls.Input.Button({value: 'Add new',style: {'position:absolute;right:20px;'}}).inject(widget.body);

我不知道如何写的风格，以考虑到他们。 我试过：

style: {'position:absolute;right:20px;'}   -> syntax error '}'
style:'position:absolute;right:20px;'   -> nothing happens, doesn't appear in styles in console
style: {'position':'absolute';'right':'20px;'} -> nothing happens

根据不起作用的答案提出的语法：

style: {'position': 'absolute', 'right': '20px'}

以下是完整的代码片段（无法使引用正常工作）：

试验
/*全局小部件*/
（功能（）{
要求({
baseUrl:“../”
}，['UWA/Core'，'UWA/Element'，'UWA/Class'，'UWA/Controls/Input']，函数（核心，元素，类，按钮）{
"严格使用",；
UWA.debug=true；
var myWidget={
onLoad:function（）{
试一试{
var btn=new UWA.Controls.Input.Button（{value:'Add new'，styles:{position:'absolute'，right:'20px'}）；
//setAttributes（{color:'red'}）；
}
捕捉（错误）{
警惕（err）；
}
}
};
if（widget.launched）
myWidget.onLoad（）；
其他的
widget.onLoad=myWidget.onLoad；
})/--结束
}() ) ;

您是否尝试传递正确的对象<代码>{'position'：'absolute'；'right'：'20px；'}无效，因为属性必须分开

，

而不是

试试
样式：{'position'：'absolute'，'right'：'20px'}
你试过传递正确的对象吗<代码>{'position'：'absolute'；'right'：'20px；'}

无效，因为属性必须分开

，

而不是

试试
样式：{'position'：'absolute'，'right'：'20px'}
它可能在文档中。粗略地看一下，您应该通过属性设置它，因为样式是一个属性：

var btn = new UWA.Controls.Input.Button({
      value: 'Add new',
      attributes: {
           style: 'position:absolute;right:20px;'
      }
}).inject(widget.body);

看

或者可能：

var btn = new UWA.Controls.Input.Button({
      value: 'Add new',
      styles: {
           'position':'absolute',
           'right':'20px'
      }
}).inject(widget.body);

看

编辑-由于上面的操作似乎不起作用，可能需要创建自己的元素，而不是使用内置按钮。在本例中，我只是重用了按钮中的类，使它们看起来相同：

 var btn = new UWA.createElement('button', {
                    text: 'Add new', 
                    styles: {
                       'position':'absolute',
                       'left':'20px'
                    },
                    class: 'dark-grey uwa-button uwa-button-root uwa-input uwa-input-root active'
                    }).inject(widget.body);

小提琴：

请参阅createElement的文档：

注意：一旦您将此按钮绝对定位，您需要确保周围的面板有一个高度。
它可能在文档中。粗略地看一下，您应该通过属性设置它，因为样式是一个属性：

var btn = new UWA.Controls.Input.Button({
      value: 'Add new',
      attributes: {
           style: 'position:absolute;right:20px;'
      }
}).inject(widget.body);

var btn = new UWA.createElement('button', {
    // you can also use var btn=new UWA.Element('button', {
    text: 'Add New', //you can add value: 'Add New'
    styles: {
       position:'relative',
       left:'20px'
    },
    class: 'uwa-button uwa-button-root uwa-input'
}).inject(widget.body);

看

或者可能：

var btn = new UWA.Controls.Input.Button({
      value: 'Add new',
      styles: {
           'position':'absolute',
           'right':'20px'
      }
}).inject(widget.body);

看

编辑-由于上面的操作似乎不起作用，可能需要创建自己的元素，而不是使用内置按钮。在本例中，我只是重用了按钮中的类，使它们看起来相同：

 var btn = new UWA.createElement('button', {
                    text: 'Add new', 
                    styles: {
                       'position':'absolute',
                       'left':'20px'
                    },
                    class: 'dark-grey uwa-button uwa-button-root uwa-input uwa-input-root active'
                    }).inject(widget.body);

小提琴：

请参阅createElement的文档：

注意：一旦你将这个按钮绝对定位，你需要确保周围的面板有一个高度。
什么是UWA按钮？什么是UWA按钮？
SyntaxError:Unexpected token）
是我得到的错误，即使我只是做
style:{'color'：'blue}
SyntaxError:Unexpected token）
是我得到的错误，即使我只是做了
style:{'color'：'blue'}
。不幸的是，这两种方法都不起作用，我要么得到
SyntaxError:Unexpected token）
要么得到
SyntaxError:Unexpected token}
。你能做个片段或小提琴让我们看到它吗？这个错误通常意味着有一个输入错误，缺少/额外的引号、大括号等。你应该能够在浏览器中打开JS控制台，在该行上设置一个断点，并逐步查看问题的确切位置。代码段已经添加。无法管理标签中的资源链接。我认为您需要创建自己的按钮来设置样式。我用一个例子编辑了我的答案。如果输入按钮样式有效，你也需要它。现在应用了样式，该面板中唯一的东西是绝对定位的，因此浏览器根据其为空计算其高度。只需将其设置为最小高度，即可使其足够大以显示按钮。不幸的是，这两种方法都不起作用，我要么得到
SyntaxError:Unexpected token）
要么得到
SyntaxError:Unexpected token}
。您能制作一个片段或小提琴让我们看到它吗？这个错误通常意味着有一个输入错误，缺少/额外的引号、大括号等。你应该能够在浏览器中打开JS控制台，在该行上设置一个断点，并逐步查看问题的确切位置。代码段已经添加。无法管理标签中的资源链接。我认为您需要创建自己的按钮来设置样式。我用一个例子编辑了我的答案。如果输入按钮样式有效，你也需要它。现在应用了样式，该面板中唯一的东西是绝对定位的，因此浏览器根据其为空计算其高度。只需将其设置为最小高度，即可使其足够大以显示按钮。
var btn = new UWA.createElement('button', {
    // you can also use var btn=new UWA.Element('button', {
    text: 'Add New', //you can add value: 'Add New'
    styles: {
       position:'relative',
       left:'20px'
    },
    class: 'uwa-button uwa-button-root uwa-input'
}).inject(widget.body);