如何将工具栏中的按钮设置为禁用

Question

我在我的 windows 10 UWP winjs 应用程序中创建了一个工具栏，我想禁用一些按钮。

我将属性附加到按钮，如下所示：

new WinJS.UI.Command(null, { 
    disable: true, 
    id: 'cmdSave', 
    label: 'save', 
    section: 'primary', 
    type: 'button', 
    icon: 'save', 
    onclick: clickbuttonprintout() 
});

我查看了 winjs css 文件并发现了许多禁用的标签。是否可以将按钮设置为禁用，就像我在上面附加了其他属性一样？

Answer 1

想通了：

你select这个按钮，把它设置为禁用然后处理它。

var thisBtn = document.getElementById('cmdSave');
thisBtn.disabled = true;
WinJS.UI.process(btn); //this is key

考虑到这一点，我设置了一个函数，以便可以将不同的按钮传递给它：

function disableButton(buttonID){
    var btn = document.getElementById(buttonID);
        btn.disabled = true;
        WinJS.UI.process(btn);
}

P.S

尽管这不是问题的一部分，但它可能对人们有所帮助。

编辑按钮的属性怎么样？我创建了这个功能来编辑 winjs 按钮上的任何属性：

function changeButtonAttributes(buttonId, element, attribute) {
    var btn = document.getElementById(buttonId); //select button
        btn.winControl[element] = attribute; //button.element = attribute
        WinJS.UI.process(btn); //process all
}

希望对您有所帮助:)

如何将工具栏中的按钮设置为禁用

How to set the button in my toolbar to disabled

javascript

jquery

css

uwp

winjs