Question

我想创建一个firefox附加组件，它将向用户显示一个表单。

我开始使用SDK isntallaion和文档。我可以创建一个切换按钮，用于打开面板给用户。

var { ToggleButton } = require('sdk/ui/button/toggle');
var panels = require('sdk/panel');
var self = require('sdk/self');

var button = ToggleButton({
    id: 'btn-sc',
    label: 'Test Addon',
    icon: {
    "16": "./icon-16.png",
    "32": "./icon-32.png",
    "64": "./icon-64.png"
  },
  onChange: handleChange
});

var panel = panels.Panel({  
    contentURL : self.data.url("./panel.html"),
    onHide : handleHide
});

function handleChange(state){
    if(state.checked){
        panel.show({
            position: button
        });
    }
}

function handleHide(){
    button.state('window', {checked:false});    
}

如何在此面板中添加更多按钮和文本框？

Answer 1

使用panel.html中的HTML创建它们。如果您还没有panel.html文件，请将其放在数据文件夹中。使用CSS样式，用JS监听点击。这只是一个普通的网页。

Firefox Addon - UI创建

1 个答案: