2011-01-14 15 views
0

1つのテキストエリアと1つのテキストボックスで構成されるインラインフォーマットのハットが必要です。私は、次のコードを使用してJeditableためのカスタム型を書くことにしました:JEditableカスタムタイプにより、編集が空白になる

$.editable.addInputType('edit_area', { 
     element : function(settings, original) { 
      var input = $('<textarea id=\"bio\">');    
      $(this).append(input); 

      var source = $('<input type="text" id="source" />'); 
      $(this).append(source); 

      var hidden = $('<input type="hidden" />'); 
      $(this).append(hidden); 

      return(hidden); 
     }, 
     submit: function (settings, original) { 
      var value = $('#bio').val(); 

      $(':hidden', this).val(value); 
     } 
    }); 

    $('.edit_area').editable('/MyUrl/', { 
     type  : 'edit_area', 
     cancel : 'Cancel', 
     submit : 'OK', 
     submitdata : function(value, settings) { 
      var source = $("#source").val(); 

      return {foo: source}; 
     } 
    }); 

このコードは動作しますが、情報が(サーバーが空の結果を返します)サーバーにポストされた後Jeditableは、その空の応答及び使用を取るように見えますそれは編集されたテキストを空白にする画面上に表示されます。私は編集したテキストを返そうとしましたが、その場合はコードは機能しますが、そうしなければそのテキストをすべて返すことは望ましくありません。

誰もこの問題を以前に見たことがありますか?どんな助けもありがとうございます。

おかげ

答えて

0

私はそれはあなたのサーバーアクションに値を返すことがないことはできないと思います。 Jeditableのドキュメントでは、 "id"と "value"という2つのパラメータがサーバーにポストされており、新しい表示テキストはサーバーが返すものであることが明確に述べられています。

関連する問題