jQWidgets jqxToolBar disableTool() 方法(1)

📌 相关文章

📜 jQWidgets jqxToolBar disableTool() 方法(1)

📅 最后修改于: 2023-12-03 15:32:20.388000 🧑 作者: Mango

jQWidgets jqxToolBar disableTool() 方法

disableTool() 方法是 jQWidgets jqxToolBar 组件的一个可用方法，用于禁用工具栏上的指定工具。本文将会为您介绍这个方法的详细说明。

方法介绍

方法名：disableTool()

作用：禁用指定工具

参数：工具的索引或 ID，可以是一个数字或字符串

返回值：无

语法：

$("#jqxToolBar").jqxToolBar('disableTool', indexOrId);

或

$("#jqxToolBar").jqxToolBar('disableTool', 'id');

实例演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQWidgets jqxToolBar disableTool() 方法</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/styles/jqx.base.css" />
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxcore.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxbuttons.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxtoolbar.js"></script>
    <script>
        $(document).ready(function () {
            // 初始化 jqxToolBar
            $("#jqxToolBar").jqxToolBar({
                tools: [
                    { type: 'button', id: 'btn1', tooltip: '按钮1'},
                    { type: 'button', id: 'btn2', tooltip: '按钮2'},
                    { type: 'button', id: 'btn3', tooltip: '按钮3'},
                    { type: 'button', id: 'btn4', tooltip: '按钮4'}
                ]
            });

            // 禁用按钮1
            $("#jqxToolBar").jqxToolBar('disableTool', 'btn1');
        });
    </script>
</head>
<body>
    <div id="jqxToolBar"></div>
</body>
</html>

结束语

通过使用 jQWidgets jqxToolBar 的 disableTool() 方法，我们可以方便地禁用工具栏上的指定工具。希望本文所述内容对您有所帮助。