0

Kendo UI の DropDownList で title 属性を kendoTooltip として表示するにはどうすればよいですか?

これは私がやっていることです: http://jsfiddle.net/EdsonF/qDRv3/1/

<div class="editor-field">
    <select id="Title" name="Title" title="What's your title?">    
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Miss">Miss</option>
</select>
</div>


$(function () {  
var tooltip = $('#Title').kendoTooltip({
        position: "right",
        autoHide: true,
        width: 280,
        animation: {
            open: {
                effects: "slideIn:right",
                duration: 300
            },
            close: {
                effects: "slideIn:right",
                reverse: true,
                duration: 200
            }
        }
    });
$("#Title").kendoDropDownList();
});
4

2 に答える 2

3

問題は、それが元の要素titleに属してselectいて、剣道 UI の装飾要素に属していないことです。selectKendoUI DropDownList でを変換すると、余分な HTML 要素が titleいくつか作成されますが、この要素にはコピーされません。

だから、あなたができることは次のとおりです。

// Create DropDownList
var title = $("#Title").kendoDropDownList().data("kendoDropDownList");
// Copy title from the select into the `wrapper` element
title.wrapper.attr("title", $("#Title").attr("title"));
// Now, define the tooltip for this wrapper element
var tooltip = title.wrapper.kendoTooltip({
    position: "right",
    autoHide: true,
    width: 280,
    animation: {
        open: {
            effects: "slideIn:right",
            duration: 300
        },
        close: {
            effects: "slideIn:right",
            reverse: true,
            duration: 200
        }
    }
});

JSFiddle はこちら: http://jsfiddle.net/OnaBai/qDRv3/4/

于 2013-11-02T21:36:09.470 に答える