Nano Hash - криптовалюты, майнинг, программирование

jQuery datatable - используя индекс столбца, проверьте, виден/присутствует ли столбец в jQuery datatable

Поскольку мой предыдущий пост не получил никакого ответа, я публикую это повторно.

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

tableId.fnSetColumnVis(0, false);

Сделав это, в пользовательском интерфейсе есть некоторые другие элементы управления, для которых я должен переключать видимость. Итак, мне нужно проверить (скажем, при загрузке страницы), является ли столбец с индексом 0 видимым/скрытым/присутствующим - что угодно. Я ищу что-то вроде $("#tableId").isColumnVisible(columnIndex);

Пожалуйста, порекомендуйте. Спасибо

datatable jquery visible
20.02.2012

  • Если вы контролируете dataTable, то у вас уже есть ответ. tableId.fnSetColumnVis(0, false); означает, что 0 больше не отображается. Зачем вам приказывать своим войскам маршировать, а потом спрашивать их, куда они идут? 21.02.2012
  • Спасибо, Синетта. Я не уверен, что вы поняли мою ситуацию. Допустим, я скрыл столбец таблицы, выполнив действие X, но затем ряд других действий A, B и C приводит меня к ситуации, когда нужно проверить, скрыт ли столбец таблицы... как мне это проверить...? 21.02.2012
  • А кто кодирует действия A, B и C? Но вы. Думаю, я предлагаю вам пересмотреть то, как вы управляете элементами на своей странице. Если вы собираетесь скрыть поле, то либо запишите его где-нибудь, либо инициируйте пользовательское событие, которое вы затем сможете прослушивать для всего, что вам нужно знать о состоянии видимости. Это не похоже на то, что пользователь набирает tableId.fnSetColumnVis(0, false); в своей консоли, вы полностью контролируете, когда это происходит и что еще с этим связано. Тесное связывание ваших элементов управления с вашим видом, как ответ, который вам нравится, всегда будет приводить к проблемам в будущем. 21.02.2012

Ответы:


1

Я вообще не знаю jquery datatable, но я думаю, вы можете просто проверить, имеет ли заголовок свойство css display, установленное на hide. Образец кода:

if($("#tableId .th-1").css("display")=="none"){
   //do hidden related action
} else {
   //do visible related action
}

предположим, что проверяемый столбец имеет класс th-1. Если вам нужен более общий подход, я могу предложить следующее:

$("#tableId th").each(function(index, element){

    if($(this).css("display")=="none"){
       //do hidden related action
    } else {
       //do visible related action
    }

});

Это проверит каждую вашу таблицу.

20.02.2012
  • Спасибо за ваши предложения. Я попробовал ваш первый подход, и он работает, но обычно я не хотел бы полагаться на классы CSS в качестве селектора элементов. Я бы предпочел решить эту проблему с помощью индекса столбца (на который снова ссылается переменная), чтобы избежать риска изменения имени CSS и решения, которое будет выброшено. Второй подход может быть не очень хорошим, если в таблице скрыто более 1 столбца, верно? 21.02.2012
  • не совсем, если есть 2 или более скрытых столбца, второй подход все равно будет работать нормально, поскольку он ищет все столбцы один за другим и применяет инструкции if else к каждому из них. Так что должно быть хорошо 21.02.2012

    • 2

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

    вот как, очень просто, но не документировано должным образом.

     /* Get the DataTables object again - this is not a recreation, just a get of the object*/
var oTable = $('#example').dataTable();

var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
oTable.fnSetColumnVis( iCol, bVis ? false : true );

    по сути, функция fnSettings() также имеет доступное свойство aoColumns, которое будет содержать все свойства столбца, установленные при инициализации.

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

    $('.dataTable td').click( function () {
// Get the position of the current data from the node
var oTable = $(this).closest('.dataTable').dataTable();
var aPos = oTable.fnGetPosition( this );
console.log(aPos);
} );
    11.02.2013
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..