0

次の方法で剣道ツールチップを定義しました。 

<i class="fa fa-info-circle ico-tooltip" kendo-tooltip k-content="model.Description"></i>

最初はコンテンツは問題ありませんが、model.Description が変更され、サイトがリロードされていない場合、k-content は古い値を示します。

F5 でサイトをリロードすると新しい値が表示されますが、これは私が達成したいことではありません。

このツールチップを更新するか、この問題を回避することはできますか?

4

2 に答える 2

1

私は同様の問題を抱えていて、Kendo のコードをデバッグし、次のソリューションが機能するようにしました。私の場合、モデルから最大 22 文字のテキストのみを表示し、ツールチップに全文を表示したかったのです。コード例を次に示します。

以下のサンプルでは、​​Angular の 1.5 コンポーネントを使用しています。

<div kendo-tooltip="$ctrl.selectedItemTooltip" k-content="$ctrl.selectedItemText">{{$ctrl.selectedItemText | limitTo:22}}</div>

そしてJSで

function fetchFromServer(){
   $http.get('/myService').then(function(response){
       ctrl.selectedItemText = response.data.model.text;
       ctrl.selectedItemTooltip.options.content = ctrl.selectedItemText
       ctrl.selectedItemTooltip.refresh();
   });
}
于 2017-01-11T10:45:35.733 に答える
0

ツールチップオプションオブジェクト（ツールチップを初期化するとき）で、非表示イベントの関数を設定し（ドキュメントを確認してください）、この関数でリフレッシュ関数を呼び出すことができます `

var tooltip = $("#container").kendoTooltip({
     hide: function() {
        tooltip.refresh();
      }
})

` これでうまくいくと思います

于 2016-09-21T07:16:14.670 に答える