数据表:防止内联编辑中的html元素

时间:2014-10-02 10:22:26

标签: jquery jquery-plugins datatables jquery-datatables

防止内联编辑数据表中的html元素

    <td class="sorting_1">
      <input type="checkbox"> 
     <i class="fa fa-cubes"></i>
     Text Field
   </td>

enter image description here

DataTable编辑器

   $('#dynamic-table').on('click', 'tbody td', function (e) {
    editor.inline(this);
    });

1 个答案:

答案 0 :(得分:1)

有很多方法可以做到。您可以使用CSS / jQuery选择器查找每个tr中的第一个td元素并从中获取输入元素,并将jQuery模糊事件连接到它们以去除不允许的字符(即任何不是字母数字的字符)和/或警告/阻止用户模糊,取决于您想要如何处理它。您也可以使用添加模式属性来输入元素并提供正则表达式来执行相同操作。