jqueryテンプレートプラグインで問題が発生する

Question

私はページ上にグリッドがあります。行をクリックすると、ダイアログ内に項目データが表示された項目編集フォームが表示されます（jqueryダイアログのuiプラグイン）。 問題は、 '保存'ボタンをクリックした後、新しいユーザー入力でhtmlからデータ項目を取得することです。ここ は私のコードです：

$('#OutLookAccountsGrid').on('click', 'span.btnOutlookAccountEdit', function() { 


    //getting data from grid row 
    var account = $(this).tmplItem().data; 
    //populating edit template with data 
    var tbl = $('#outlookaccountEditFormTmpl').tmpl(account); 

    //displaying edit form inside dialog 
    tbl.dialog({ 
     modal: true, 
     width: 400, 
     buttons: { 
      "Yes": function() { 
       var $this = $(this); 

       //PROBLEM!!! PROBLEM!!! PROBLEM!!! 
       //want to get values from user, but instead getting old values 
       //populated from grid row 
       var data = $.tmplItem(this).data; 

       //... 
       //want to send tmplItem with new values throught ajax as data param 
       //... 

      } 
     } 
    })//end of dialog 

}) 

は、新しい値を持つオブジェクトを取得することが可能ですか？

Answer 1

この質問への回答：jqueryテンプレートは、データをhtmlと1つの方法でのみバインドする能力を持っています。つまり、データの入力からHTMLへの変更はデータに影響しません。 （テンプレートにオブジェクトをリンクしようとしたjquery.datalinkというプラグインがありましたが、現在のバージョンのteplateプラグインではうまくいきませんでした） ユーザーが入力値を入力した後に変更データを取得する唯一の方法は

$.tmplItem(this).data["UserName"] = $this.find('input.outlusernm').val(); 

データの変更を行う予定