Как сохранить строку и отобразить только ее часть

Question

Я использую datatables с mysql и php для отображения записей, и у меня есть столбец с названием «Заметки», который может содержать 1 или более строк новой строки (chr (10)).

Я использую

while($row=mysqli_fetch_assoc($records)){...... 

заполнить таблицу и

$('#example tbody').on('click', 'tr', function()...... 

и

Notes = $('td', this).eq(6).text(); 

, чтобы получить значение 'ноты' (и другие) в щелкнул строке для заполнения диалогового окна редактирования.

Все работает нормально.

меня спросили, если это возможно, чтобы отобразить только первую строку столбца примечаний в таблице, которую я сделал с помощью «StrPos» и «SUBSTR» и это нормально

К сожалению, потому что диалог редактирования получает это данные из таблицы. Теперь я получаю только первую строку .....

Я предполагаю, что мне нужно собрать все поле, прежде чем я отрублю обратно бит, а затем воспользуюсь этой коллекцией (возможно, в массиве ?) для заполнения диалогового окна редактирования.

Боюсь, что я все еще немного «зеленый» здесь и не уверен в лучшем подходе или как заполнить, а затем получить доступ к массиву.

Спасибо за любую помощь.

Дополнительно .... Дополнительно .... Дополнительно ....

Благодаря Barmar, это выглядит как хороший чистый исправить, но я еще не там ..... я добавил CSS и следующий фрагменты кода ..

** ListNotes = $('td:nth-child(6) .expanded', this).text(); 

и внутри PHP таблицы «в то время как петля»

$findme = chr(10); 
$pos = strpos($row['ListNotes'], $findme); 
$lft = substr($row['ListNotes'], 0, $pos); 
.... 
echo "<td><span class='abbreviated'>".$lft."</span><span class='expanded'>".$row['ListNotes']."</span></td>"; 

и таблицы отображается, как ожидалось.

Я поставил перерыв в Firebug после строки, помеченной **, а «ListNotes» - пустая строка («») ??? Я надеялся, что он будет содержать всю строку, включая любые chr (10). Я сделал что-то не так?

Answer 1

Поместите полный текст в скрытом пролете:

<td><span class="abbreviated">First line...</span><span class="expanded">First line<br>Second line<br>Third line</span></td> 

с CSS:

.expanded { 
    display: none; 
} 

При редактировании получить ноты расширить с .expanded пролете:

var text = $('td:nth-child(6) .expanded', this).text(); 

После редактирования сохраните сокращенный и расширенный результат обратно в соответствующие интервалы:

$('td:nth-child(6) .expanded', this).text(edited_text); 
$('td:nth-child(6) .abbreviated', this).text(abbreviated_text); 

Answer 2

Я хотел ответить на свой вопрос некоторое время назад, но забыл. Вот как я это решил. На дисплее таблицы у меня был 1 столбец с усеченной строкой и 1 скрытый столбец с полной строкой. Я использовал скрытый столбец для диалога редактирования. Простой и эффективный.