如果Combobox是脏的,如何绑定Kendo UI按钮显示显示

时间:2016-08-09 23:36:14

标签: javascript html css kendo-ui

我一直在寻找,似乎无法找到答案。我使用Kendo UI JavaScript框架制作一个简单的ComboBox和一个(最初禁用的)Button。如果更改ComboBox,我想启用Button。如果ComboBox更改回原始值,我想禁用Button。基本上,如果ComboBox是脏的,我想启用按钮 - 否则应该禁用该按钮。

问题:

我显然可以将change侦听器附加到ComboBox,如果值现在为脏,则调用j$('#submitButton').enable(true),如果不脏,我可以调用j$('#submitButton').enable(false)但我似乎无法找到如何检查值是否脏。这看起来很简单,但我找不到答案。也许我可以用原始值手动装饰ComboBox?我该怎么做呢?

HTML:

<td>
    <h5>Brand</h5>
    <div id="combo1"></div>
</td>
<td>
    <h5>Color</h5>
    <div id="combo2"></div>
</td>
<em id="submitButton"><span class="k-sprite">Submit</span></em>

JavaScript的:

j$("#combo1").kendoComboBox({
    dataTextField: "name",
    dataValueField: "id",
    value: "Original_Brand_Value",
    dataSource: {
        transport: {
            read: {
                url: "..."
            }
        }
    }
});
j$("#combo2").kendoComboBox({
    dataTextField: "name",
    dataValueField: "id",
    value: "Original_Color_Value",
    dataSource: {
        transport: {
            read: {
                url: "..."
            }
        }
    }
});
j$("#submitButton").kendoButton({
    spriteCssClass: "k-icon k-i-close"
});

1 个答案:

答案 0 :(得分:0)

尝试以下操作来识别数据源中的更改。通常我们将此用于Kendo网格

if ($("#combo1").data('kendoComboBox').dataSource.hasChanges())
{
//Data Changed
}