1

誰かが編集可能なセルを「表示」するのを手伝ってくれるので、編集できることは明らかですか? 今のところ、それは単純なテキストのように見えますが、編集できることを視覚的に示唆するものは何もありません... 標準のテキスト フィールドのように見せたいと思います。

4

2 に答える 2

1

これはうまくいくはずです:

 var oTable = $('#example').dataTable( {
    "bServerSide": true,
    "sAjaxSource": "/url/",
    "fnDrawCallback": function () {
        $('#example tbody td').editable( 'url', { // simple editable initialization
          "height": "14px",
        }); 

        $('#example tbody tr').each(function() {  
            $.each(this.cells, function(){
                $(this).click()  //by default all td's have bind for click function, so we simulate clicks for every td
            });
        });

        $('#example tbody td input').live('click', function(){
            $(this).select() // to select input
        })
     }
 });
  $.editable.types.defaults.reset = function (){   //this function disables reset input editing after submiting

  }

アップデート:

ここでテストサンプルを作成しましたhttp://jsfiddle.net/94BZV/31/

editable の init に正しい URL を入力して、正しい答えが編集フィールドに返されるようにすることを忘れないでください。

于 2012-12-10T16:00:27.270 に答える
0

これを ASP.net で使用したいですか、それとも何ですか? はいの場合、テキストがGridViewにある場合は、EDITINDEX値をリストのrowindex値に設定する必要があります.EDITINDEX値が-1の場合は静的モードであり、すべてがラベルに表示されるため、変更する必要があります値が -1 より大きい場合、コントロールは TextBox に表示されるので、コントロールの値を編集できます。

于 2012-12-10T14:06:14.513 に答える