jqwidgets：窗口内的启动按钮答案

【问题标题】：jqwidgets: initiating button inside windowjqwidgets：窗口内的启动按钮
【发布时间】：2017-09-04 09:21:43
【问题描述】：

在jqxWindow 内部启动jqxButton 时遇到问题：

预期：当我点击添加按钮时，确认按钮标题将设置为“添加”，否则当我点击编辑按钮。

问题：确认按钮标题在我第一次点击时设置为正确的按钮，但标题不会改变。

注意：如果我设置窗口属性autoOpen: false 会引发问题。

当我使用 jQWidgets V5.1.0 时出现这个问题。当我使用 jQWidgets v4.3.0 时，不会出现这个问题。

<!DOCTYPE html>
<html lang="en">
<head>    
    <meta name="description" content="" />
    <title></title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        
        $(document).ready(function () {              
            $('#btnAdd').click(function () {
                $('#window').jqxWindow('open');                    
                $("#confirm").jqxButton({ value: "Add" });
            });

            $('#btnEdit').click(function () {
                $('#window').jqxWindow('open');                    
                $("#confirm").jqxButton({ value: "Edit" });
            });

            var jqxWidget = $('#jqxWidget');
            var offset = jqxWidget.offset();

            $('#window').jqxWindow({                
                autoOpen: false, 
                minWidth: 200, 
                height: 300, 
                width: 500,
                initContent: function () 
                {                   
                    $("#confirm").jqxButton();
                }
            });         

            
        });

    </script>
</head>
<body class='default'>
    <div id="jqxWidget">
        <div style="float: left;">
            <div>
                <input type="button" value="Add" id="btnAdd" />
                <input type="button" value="Edit" id="btnEdit" />
            </div>
            
        </div>
        <div id="mainDemoContainer">
            <div id="window">            
                <div  id="windowContent">
                    <input type="button" id="confirm" />
                </div>
            </div>
        </div>
    </div>
</body>
</html>

【问题讨论】：

请记住，粗体格式有助于强调帖子的某些部分。如果你将一半的文本标记为粗体，你就失去了它的好处，它开始看起来很分散注意力。 少即是多。
感谢编辑

标签： jqwidget

【解决方案1】：

这当然来晚了，但标题的更改是否必须仅通过 jqxButtons 属性发生？测试您的代码后，我得出以下结论：

$('#btnAdd').click(function () {
    $('#window').jqxWindow('open');
    $("#confirm").attr('value', "Add");              // Works !
    //$("#confirm").jqxButton('val', "New Value");   // Does not work the first time only
    //$('#confirm').jqxButton({ value: "Button" });  // uncaught exception: Invalid property: value
});

$('#btnEdit').click(function () {
    $('#window').jqxWindow('open');
    $("#confirm").attr('value', 'Edit');
});

希望这个答案可以帮助遇到这个问题的其他人。

【讨论】：