datatables - DataTables：更改可编辑单元格的外观

Question

有人可以帮我让可编辑的单元格“可见”，这样可以清楚地看到它可以被编辑吗？现在它看起来像一个简单的文本，没有任何视觉暗示，它可以被编辑......我想让它看起来像一个标准的文本字段。

Answer 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/

Don't forget to put correct url in init of editable to get correct answer passed back to edit field.

Answer 2

你想要这个在 ASP.net 还是什么？如果是，那么，如果您的文本在 GridView 中，那么您必须将 EDITINDEX 值设置为列表的行索引值，就好像 EDITINDEX 值是 -1 那么它是静态模式，那么所有内容都将显示在标签中，所以您应该更改它的值大于 >-1 然后控件将显示在 TextBoxes 中因此您可以编辑控件中的值“