jqueryのウィジェット機能

Question

からの戻り値を取得するにはどうすれば公共の機能を

$.widget("UI.MyWidget", { 
     vars: { 
      retvalue:0 
        }, 
     options: { 
      Orgintop: 0, 
      Orginleft: 0, 
      Orginheight: 0, 
      Orginwidth: 0 
     }, 
     _create: function() { 
      this._renderElement(); 

     }, 
     getControlValue: function() { 
      this.vars. retvalue=45+5; 
      return this.vars. retvalue; 
     } 
}); 

をjqueryのウィジェットを作成していると私は別のスクリプトからこのパブリック関数getControlValueを呼び出す必要があります。どのように私はこれを呼び出して、その戻り値を得ることができます。私はウィジェットで新しいです。誰でも助けることができます。

ありがとうございます。

Answer 1

あなたは、this.elementの.data()でgetControlValueを設定ウィジェットが設定されている要素の.data()を参照することで呼び出し可能であるウィジェットにthisセットで設定.data()からという名前の関数を返すことができます。

$.widget("UI.MyWidget", { 
 
    vars: { 
 
    retvalue: 0 
 
    }, 
 
    options: { 
 
    Orgintop: 0, 
 
    Orginleft: 0, 
 
    Orginheight: 0, 
 
    Orginwidth: 0 
 
    }, 
 
    _create: function() { 
 
    this.element.data("_getControlValue", this.getControlValue()); 
 
    // this._renderElement(); 
 
    }, 
 
    getControlValue: function() { 
 
    var fn = function() { 
 
     this.vars.retvalue = 45 + 5; 
 
     return this.vars.retvalue; 
 
    } 
 
    return fn.bind(this) 
 
    } 
 
}); 
 

 
var widget = $("div").MyWidget(); 
 
console.log(widget.data()._getControlValue());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script> 
 
<div></div>