0

我正在尝试剑道kendoColorPicker。
与更改事件。
当更改颜色并单击应用按钮时，它的工作。（更改字体颜色）。
但我想设置是否单击取消按钮然后设置默认字体颜色。
知道它是如何完成的。
这是简单的尝试。

<div id="example" class="k-content">
            <label for="hsv-picker">Font:</label>
                <input type="color" id="picker" value="#000000" data-role="colorpicker">
     <script>
        kendo.init($("#example"));
        $("#picker").each(function(){
            var colorPicker = $(this).data("kendoColorPicker");

            colorPicker.bind({
                change: function(e) {
                $("#example").css("color",e.value);
                    console.log("Change in picker #" + this.element.attr("id") + " :: " + e.value);
                }
            });
        });
    </script>
</div>

提前致谢。

4

1 回答 1

1

默认情况下，取消按钮会将颜色恢复为以前的值，因此我不确定您是否有必要控制取消按钮的点击。您可以将选择器的初始值设置为您想要的默认值。

但是，您需要使用该close事件。这是一个例子。

$('#hsv-picker').kendoColorPicker({
    select: function (e) {
        log("Select in picker #" + this.element.attr("id") + " :: " + e.value);
    },
    change: function (e) {
        log("Change in picker #" + this.element.attr("id") + " :: " + e.value);
    },
    open: function () {
        log("Open in picker #" + this.element.attr("id"));
    },
    close: function (e) {
        log("Close in picker #" + this.element.attr("id"));
    }
});

无论是否发生更改，只要控件关闭，关闭就会触发。要仅捕获取消点击，您必须设置委托点击事件或在 、 和 事件之间使用open一些change标志close。这是处理委托单击事件的示例。

$('body').on('click', '.k-controls button.cancel', function(){
    alert('Cancel clicked');
});

这是一个小提琴。

于 2013-09-03T12:31:08.760 回答