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/

不要忘记在init的可编辑中输入正确的url，以便将正确的答案传回编辑字段。

Answer 2

你想在ASP.net中使用它还是什么？如果是，那么，如果您的文本在GridView中，那么您必须将EDITINDEX值设置为列表的rowindex值，就好像EDITINDEX值为-1然后它是静态模式然后每个东西都将显示在标签中，因此您应该更改它的值大于＆gt; -1然后控件将显示在TextBoxes中那么你可以编辑控件中的值“

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

2 个答案: