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

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

你想在ASP.net中使用它还是什么？如果是，则如果文本在GridView中，则必须将EDITINDEX值设置为列表的rowindex值，如果EDITINDEX值为-1，则为静态模式，则所有内容都将显示在标签中，因此您应将其值更改为大于>-1，然后控件将显示在文本框中，以便您可以编辑控件中的值“

您是想在ASP.net中使用它还是什么？如果是，那么，如果您的文本在GridView中，那么您必须将EDITINDEX值设置为列表的rowindex值，就像EDITINDEX值为-1一样，那么它是静态模式，然后所有内容都将显示在标签中，因此您应该将其值更改为大于>-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

  }

更新：

我在这里做了一个测试样本

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

这应该可以：

 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

  }

更新：

我在这里做了一个测试样本

---

别忘了在“可编辑”的init中输入正确的url，以便将正确的答案传递回编辑字段。

对不起，我没有想到我应该这样指定它：）我想在PHP/JS中为web应用指定它。对不起，我没有想到我应该这样指定：）我想在PHP/JS中为web应用指定它。谢谢，它肯定更好，但只有在点击它，然后点击其他地方后，它才会变成“文本区域”…当页面加载时，它看起来像纯文本，当我通过enter提交字段中的值时，它也再次变成“纯文本”…你粘贴了我答案代码的最后3行了吗？他们在耍花招。只是粘贴它而不在内部实现。是的，我完全按照您的示例粘贴了它，我检查了它是否正确地放置在我的代码中，它看起来是这样的。。。但它的工作原理和我写的一样：/我需要先点击它，这样它就可以像textarea一样显示出来。查看我更新的答案。我制作了JFIDLE示例，我想它会适合你。谢谢，它肯定更好，但只有在点击它，然后点击其他地方后，它才会变成“textarea”…当页面加载时，它看起来像纯文本，当我通过enter提交字段值时，它也会变成“纯文本”再一次…你粘贴了我答案代码的最后3行了吗？他们在耍花招。只是粘贴它而不在内部实现。是的，我完全按照您的示例粘贴了它，我检查了它是否正确地放置在我的代码中，它看起来是这样的。。。但它的工作原理和我写的一样：/我需要先点击它，这样它就可以像textarea一样显示出来。查看我更新的答案。我做了JFIDLE样品，我想它适合你。