DataTables：更改可編輯單元格的外觀

有人可以幫助我將可編輯單元格設置爲「可見」，因此可以清楚它可以被編輯嗎？現在它看起來像一個簡單的文本，沒有任何可視的表示，它可以被編輯......我想讓它看起來像一個標準的文本字段。DataTables：更改可編輯單元格的外觀

2012-12-10 Michal S

編輯值這應該工作：

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 

    }

UPDATE：

我在這裏做了一個測試樣本http://jsfiddle.net/94BZV/31/

不要忘記在可編輯的init中放入正確的URL，以獲得傳回編輯字段的正確答案。

來源

2012-12-10 16:00:27 Smiter

謝謝，它絕對更好，但它成爲「textarea」後，只需點擊進入，然後點擊其他地方......當頁面加載時，它看起來像一個純文本，當我通過輸入提交值的字段，它也會變成「僅限文字」... –

您是否粘貼了我的答案代碼中的最後3行？他們正在訣竅中。只需將其粘貼到內部即可。 – Smiter

是的，我粘貼它完全根據您的示例，我檢查它是否正確放置在我的代碼中，它似乎是這樣...但它的工作原理就像我寫道：/我需要先點擊它，因此它可以像textarea 。 –

你想在ASP.net這或什麼？如果是的話，如果你的文本是在GridView中，那麼你必須將EDITINDEX值設置爲列表的rowindex值，就好像EDITINDEX值是-1那麼它是靜態模式，那麼每一樣東西都將顯示在標籤中，所以你應該改變它的值大於> -1，那麼該控件將顯示在文本框，那麼你可以在控制」

來源

2012-12-10 14:06:14

對不起，它沒有出現在我的腦海裏，我不得不這樣指定它:)我希望它在PHP/JS的Web應用程序。 –

DataTables：更改可編輯單元格的外觀

回答

相關問題