#javascript #jquery #html #css #footable
#javascript #jquery #HTML #css #footable
Вопрос:
Вот пример некоторого FooTable (плагина jQuery) из Интернета: https://codepen.io/SitePoint/pen/azeYag
Вы могли видеть, что в html есть некоторые данные, которые отображаются после того, как пользователь нажимает на строку. Например, для первой строки есть:
Spanish (official), English, Italian, German, French
Давайте представим, что у меня много ссор. Есть хорошее описанное решение, как загрузить их с помощью ajax: https://fooplugins.github.io/FooTable/docs/examples/advanced/loading-rows.html
Однако я не могу найти решение, как загрузить данные, которые отображаются, когда я нажимаю на строку?Итак, я не хочу, чтобы эти данные загружались до того, как пользователь нажмет на определенную строку.
Комментарии:
1. В примере codepen столбец Languages иногда скрывается, если размер экрана достаточно мал. Обратите внимание на атрибут «data-hide» в этом столбце в HTML. Если вы просматриваете страницу на телефоне или планшете, столбец будет скрыт, пока вы не нажмете на строку, а затем он отображается под основной строкой, чтобы сэкономить горизонтальное пространство. Сами данные всегда были там, они были просто скрыты. Он не загружается через Ajax при нажатии на строку, он просто отображается / скрывается при каждом нажатии
2. @ADyson Спасибо за ваш комментарий, ценю вашу поддержку. Итак, это означает, что я должен написать отдельный скрипт для загрузки дополнительных данных, верно?
3. Если вы действительно хотите загрузить его с сервера отдельно, а не просто оставить его скрытым до щелчка, тогда да. (Обратите внимание, что при желании вы можете сделать так, чтобы столбец всегда был скрыт изначально, даже на большом экране).
4. @ADyson Да, верно. Я сделал это (скрыть на всем экране). Однако проблема заключается в том, что в скрытых строках содержится много данных, поэтому при загрузке 100 строк размер HTML-страницы составляет около 20 тыс. строк. Поскольку скрытые строки приносят такие проблемы, я хотел загружать их индивидуально для каждой строки отдельно и только тогда, когда она была нажата.
5. @ADyson Верно, согласен, похоже, что добавление дополнительной отдельной всплывающей или внешней строки является более оптимальным способом. Очень ценю вашу поддержку и ценные комментарии, которые вы предоставили. Желаю вам также удачи во всех ваших проектах и усилиях!