1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/finira-autoHeader

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Таблица стилей настраиваемого заголовка

Модификация других свойств осуществляется аналогичным образом, здесь не приводится.

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

Функция сортировки дерева заголовков таблицы

По умолчанию плагин записывает заголовки в порядке headJson в прямом порядке от начала к концу и слева направо. Плагин также предоставляет функцию сортировки по дереву кодирования, при которой каждый уровень сортируется отдельно по умолчанию в порядке возрастания кода. То есть код с наименьшим значением находится крайним слева.

Если вам нужно включить эту функцию, просто установите для параметра needsort значение true.

$.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:headstr,
    dataJson:bodystr,
    tableid:'tabled',
    needsort:true
});

Пользовательские функции CSS

Существует два способа настройки функций CSS: один — это прямое определение формата контейнера таблицы (например, элемента #tabled) и его дочерних элементов в содержимом CSS, например:

#tabled {text-align:center;}
#tabled caption{}
#tabled th{padding:5px;text-align:center; word-break: normal;}
#tabled td{padding:5px 50px 5px 50px;text-align:center;white-space:nowrap;}

Другой способ — использовать вторичный параметр плагина cssConfig:

cssConfig = {
                    'table': '', //класс таблицы
                    'caption':'', //класс заголовка таблицы
                    'tr': '', //класс tr заголовка
                    'th': '',//класс th заголовка
                    'datatr':'',//класс tr данных
                    'td': ''//класс td данных
                }

После указания параметров и передачи их в метод init через параметры плагин присвоит указанные значения класса соответствующим элементам таблицы.

Например:

var cssconfig={
    table:'tablecss',
    tr:'trcss'
}
$.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:headstr,
    dataJson:bodystr,
    tableid:'tabled',
    cssConfig:cssconfig
});

Настройка формата заголовка

Если некоторые заголовки требуют определённого стиля, можно включить эту функцию и добавить стиль в атрибут cssstyle соответствующего узла данных заголовка (имя атрибута можно изменить, см. раздел «Настройка имени атрибута пользовательского дерева»).

Чтобы включить эту функцию, достаточно указать для первого параметра thstyle значение true.

$.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:headstr,
    dataJson:bodystr,
    tableid:'tabled',
    thstyle:true
});

Описание заголовка

Эта функция используется, когда необходимо описание заголовка. Она активируется и настраивается с помощью вторичного параметра descConfig.

Ниже приведены определения, значения по умолчанию и значения параметров descConfig:

descConfig = {
                    'enable':false,//состояние включения: по умолчанию выключено
                    'desc_type':'div',//способ отображения: доступны варианты div и title. div отображается в div, title будет обертывать заголовок слоем span, а заголовок span будет установлен как описание. По умолчанию используется div
                    'd_target_id':'',//контейнер описания: по умолчанию пусто, плагин автоматически генерирует контейнер описания. Если указан контейнер описания id, информация будет помещена в указанный контейнер
                    //плагин по умолчанию имеет два контейнера div, вы можете настроить внешний и внутренний css контейнеров
                    'css_out': 'descdivdefault_out',//внешний css div
                    'css_in': 'descdivdefault_in',//внутренний css div
                    'css_title': 'ttitle',//css заголовка описания
                    'css_content': 'content',//описание css содержимого
                    'css_close': 'close',//css кнопки закрытия
                    'showevent':'click',//событие отображения описания
                    'hideevent':'',//событие закрытия описания
                    'position':'fly',//позиция отображения div имеет два состояния absolute и fly. absolute: позиция div является абсолютной, используя x и y в качестве начальной точки. fly: позиция div использует мышь в качестве начальной точки, x и y являются смещениями
                    'pos_x':10,//x позиция
                    'pos_y':10,//y позиция
                    'desc_th_class':'' //содержит класс заголовка описания th, если он имеет значение, класс атрибута будет заменён этим значением, когда заголовок содержит описание. Только отображение div действует
                }

Плагин поставляется с полупрозрачным блоком описания для отображения информации. Самый простой способ вызова:

var descConfig={
    enable:true
}
$.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:headstr,
    dataJson:bodystr,
    tableid:'tabled',
    descConfig:descConfig
});

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

Если вы хотите использовать метод title для отображения описания, вам нужно только определить descConfig следующим образом:

var descConfig={
    enable:true,
    desc_type:'title'
}

Конкретный способ вызова здесь не повторяется.

Если необходимо отобразить информацию описания в указанном контейнере (div, span и т. д.), вам нужно только указать d_target_id:

var descConfig={
    enable:true,
    d_target_id:'tagrgetid'
}
> tagrgetid — это атрибут id контейнера.

Если вы хотите изменить css блока описания плагина, вы можете указать следующие параметры (можно выбрать отдельно):

var descConfig={
    enable:true,
    css_out: 'your_out_css',//внешний css div
    css_in: 'your_in_css',//внутренний css div
    css_title: 'your_title_css',//css заголовка описания
    css_content: 'your_content_css',//описание содержимого css
    css_close: 'your_close_css'//css кнопки закрытия
}

Блок описания плагина имеет полупрозрачный эффект отображения, который можно найти в демоверсии.

.descdivdefault_out{ height: auto !important;height:300px;min-height:300px;padding:10px;position:absolute;display:none}
.descdivdefault_in { background:    #d8f8c5;height:100%;overflow:auto;width:300px; position:absolute;color:#3b3b3b;border-radius: 5px; filter:alpha(Opacity=60);-moz-opacity:0.95;opacity: 0.95;position:absolute}
.descdivdefault_in .close{float:right;cursor:pointer; color:#fff;margin:0px;}
``` **Если необходимо изменить события появления и исчезновения описания, укажите соответствующие параметры showevent и hideevent (можно указать отдельно):**

    var descConfig={
    enable:true,
    showevent:'click',//событие всплытия описания
    hideevent:'mouseout'//событие закрытия описания
    }

> События привязаны к элементам th.

**Если нужно изменить способ отображения и положение описания, можно использовать следующие входные параметры:**

    var descConfig={
    enable:true,
    position:'fly',//положение div. Есть два состояния absolute и fly: absolute — позиция div является абсолютным значением с x и y в качестве начальной точки. fly — позиция div основана на начальной точке мыши, а x и y являются смещениями
    pos_x:10,//позиция x
    pos_y:10//позиция y
    }

**Если необходимо различать элементы заголовка таблицы с описанием и без него, можно использовать параметр desc_th_class.** После указания этого параметра класс элемента заголовка с описанием будет установлен в значение, указанное в desc_th_class:

    var descConfig={
    enable:true,
    desc_th_class:'got_desc'
    }
> Эта функция действует только при отображении в виде div.

#####Режим отладки для тестирования производительности
Эта функция может использоваться для проверки скорости заполнения данных на странице плагина (скорость заполнения страницы зависит от конфигурации компьютера и производительности браузера). У этой функции есть три связанных параметра первого уровня:

    'debug':false,//режим отладки будет выводить информацию о данных
    'outspanid':'',//информация в режиме вывода отладки записывается в элемент с указанным идентификатором. Обычно это span
    'datamulti':0,//данные для тестирования производительности. Если режим отладки включен, данные будут удвоены, коэффициент равен этому значению

Способ использования аналогичен другим функциям:

    $.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:headstr,
    dataJson:bodystr,
    tableid:tabled,
    datamulti:30,
    debug:true,
    outspanid:'datev'
    });
> Включите режим отладки, данные умножаются на 30 и информация о времени записывается в указанный элемент datev.


--------------------
####2. Функция фильтрации на основе заголовка
Строго говоря, это не встроенная функция плагина, поскольку её вызов и генерация интерфейса одинаковы, оба являются методом init. Нужно просто передать фрагмент отфильтрованного headJson, чтобы реализовать функцию фильтрации, подобную запросу страницы (фильтрация dataJson также аналогична). Конкретный метод реализации можно увидеть в демо.

    $.fn.autoHeader.init({
    laynum:5,
    startlay:1,
    headJson:newheadstr,
    dataJson:newbodystr,
    tableid:tabled
    });

> Почему эта функция выделена? Потому что эта функция, основанная на заголовке таблицы, похожа на функцию выделения в Excel, которая может улучшить восприятие пользователя и плавность использования. К сожалению, эта функция всё ещё находится в стадии разработки.

--------------------
####3. Функции статистики и сравнения
В настоящее время включают отображение суммы, среднего, максимального и минимального значений, а также сравнение среднего значения, максимального значения и минимального значения со строками данных. Эту функцию можно вызвать с помощью метода anaLyz. Способ вызова следующий:

    $.fn.autoHeader.anaLyz({
    baseJson:bodyjson,
    anatype:'avg',
    tableid:'tabled',
    digit:2});

Есть два вторичных параметра и один первичный параметр, которые можно просмотреть в описании параметров.

> Функции статистики имеют высокую универсальность для разных типов, и конкретные общие настройки параметров будут размещены в разделе типов.

####Сумма
#####Статистика суммы
Вызовите метод anaLyz и укажите значение anatype как all.

    $.fn.autoHeader.anaLyz({
    baseJson:bodyjson,
    anatype:'all',
    tableid:'tabled',
    digit:2});
> Функция суммы не имеет функции сравнения.

####Среднее значение
#####Среднее значение статистики
Вызовите метод anaLyz, указав значение anatype как avg:

    $.fn.autoHeader.anaLyz({
    baseJson:bodyjson,
    anatype:'avg',
    tableid:'tabled',
    digit:2});

#####Сравнение средних значений
Можно сравнить данные на странице со средним значением. Данные, превышающие среднее значение, будут использовать стрелку вверх, а данные, меньшие среднего значения, — стрелку вниз. Стиль стрелки можно настроить.

    var compare={
    'enable':true,//переключатель сравнения, по умолчанию выключен
    'followelmt':'span',//тег после данных td, по умолчанию span
    'elmthtml':'',//html тега после данных td
    'upclass':'moreThanSpan',//класс css для сравнения больших данных
    'lowclass':'lessThanSpan',//класс css для сравнения небольших данных
    'eqclass':'equalToSpan'//класс css данных, равных сравнению
    }
    
    $.fn.autoHeader.anaLyz({
    anaJson:anajson
    baseJson:basejson,
    anatype:'avg',
    tableid:'tabled',
    digit:2,
    compare:compare
    });
> Если вам не нужно настраивать стиль тега после data, просто определите enable как true в compare.  
> Если вы не настроите baseJson, то по умолчанию он будет сравниваться с anaJson. Два параметра json используются в сценарии применения сравнения данных с базовыми данными: например, на странице осталось только две строки данных, но сравнение средних значений требует сравнения с десятью предыдущими средними значениями.  
> Другие параметры сравнения аналогичны, и здесь они повторяться не будут.

####Максимальное значение
#####Статистическое максимальное значение
Вызовите метод anaLyz и укажите значение anatype как max:

    $.fn.autoHeader.anaLyz({
    baseJson:bodyjson,
    anatype:'max',
    tableid:'tabled',
    digit:2});

#####Сравнение максимальных значений
Данные на странице можно сравнить с максимальным значением, и данные, равные максимальному значению, будут использовать правую стрелку. Стиль стрелки можно настроить.


    var compare={
    'enable':true//переключатель сравнения, по умолчанию выключен
    }
    
    $.fn.autoHeader.anaLyz({
    anaJson:anajson
    baseJson:basejson,
    anatype:'max',
    tableid:'tabled',
    digit:2,
    compare:compare
    });

####Минимальное значение
#####Минимальное статистическое значение
Вызовите метод anaLyz и укажите значение anatype как min:

    $.fn.autoHeader.anaLyz({
    baseJson:bodyjson,
    anatype:'min',
    tableid:'tabled',
    digit:2});

#####Сравнение минимальных значений
Данные на странице можно сравнить с минимальным значением, и данные, равные минимальному значению, будут использовать правую стрелку. Стиль стрелки можно настроить.


    var compare={
    'enable':true//переключатель сравнения, по умолчанию выключен
    }
    
    $.fn.autoHeader.anaLyz({
    anaJson:anajson
    baseJson:basejson,
    anatype:'min',
    tableid:'tabled',
    digit:2,
    compare:compare
    });


--------------------
####4. Функция сортировки
Функция сортировки интегрирована с плагином tablesorter. Просто установите соответствующий параметр при инициализации таблицы. ###

**colConfig**:

    * treecode: treeCode;
    * level: level;
    * isleaf: isleaf;
    * showname: name;
    * desc: headDesc.

###

**cssConfig**:

    * table: 'table-hover  table-striped table-bordered table-responsive';
    * tr: ''.

###

**sort**:

    * enable: true;
    * rank: 1;
    * theme: "bootstrap";
    * debug: 0.

Здесь **sort** — это параметры сортировки, а **конкретные настройки можно посмотреть в разделе «Параметры»**.

> Сортировочный плагин при инициализации потребляет немного ресурсов.

###

Раздел **5. Функция порядкового номера строки**

После активации функция будет упорядочивать строки в соответствии с указанной конфигурацией.

При использовании метода init настройте параметр serial для настройки функции порядкового номера строки.

    serial = {
        'enable': true, // активировать
        'type': 'inverse', // порядок номеров строк nochange не меняется после сортировки inverse следует за порядком сортировки
        'inverseOrder': 'asc',// если порядок сортировки — inverse, необходимо указать направление инверсии, asc или desc
        'order': 'asc', // по умолчанию порядок от большого к малому desc или от малого к большому asc
        'serialColumnName': 'рейтинг',// имя столбца порядкового номера
        'serialColumnIndex': 0 // индекс столбца порядкового номера
    }.

Порядковые номера могут оставаться неизменными или следовать за данными строки при сортировке.

###

Раздел **6. Функция сравнения предустановленных значений**

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

####Объекты числовых значений для сравнения
В настоящее время поддерживаются числовые значения сравнения (например, 100) и другие столбцы (плагин динамически извлекает значения соответствующих столбцов из той же строки).

####Формулы сравнения
Поддерживаемые операции сравнения включают основные арифметические операторы и математические выражения. В одной формуле условия может быть только одно выражение, а в одном заголовке может быть несколько формул.

####Настройки формулы сравнения по умолчанию
Разделитель формул по умолчанию — английская точка с запятой (;), разделитель условий и результатов в одной формуле — английская запятая (,), а идентификатор поля обозначается английским решёткой (#), который используется для обозначения имени столбца заголовка. Идентификатор тела обозначается {this} и используется для ссылки на текущий столбец заголовка.
Эти настройки можно настроить, изменив параметры listDivide, conditionDivide, columnReference и selfReference в transcp.

####Примеры формул сравнения
- Значение меньше 100 отображается красным цветом: `<100,red`.
- Значение меньше значения в столбце col отображается красным цветом: `<#col,red`.
- Значение больше половины значения в столбце col отображается красным цветом: `>#col*0.5,red`.
- Значения между 90 и 100 отображаются красным цветом: `90<{this}<100,red`.
- Значения между 90 и 100 отображаются красным цветом, значения меньше 90 — жёлтым: `90<{this}<100,red;<90,yellow`.

####Использование сравнения
Используйте метод transCompare для активации:

    $.fn.autoHeader.transCompare({anaJson: currentJson, baseJson: bodyjson, tableid: 'tabled'}).

Обязательные параметры:
- anaJson — данные для сравнения;
- baseJson — базовые данные для сравнения, если пусто, по умолчанию равно anaJson;
- tableid — идентификатор таблицы вывода результата сравнения.

####Описание настроек сравнения
Настройками сравнения можно управлять, изменяя параметры titleConfig и clzConfig в transcp:

    'titleConfig': {'red': 'не соответствует требованиям', 'yellow': 'предупреждение'}, // описание результатов сравнения, которое будет отображаться в соответствии с этой конфигурацией, если не задано, будет использоваться символ, указанный в конфигурации заголовка (например, red), в качестве описания по умолчанию.
    'clzConfig': {'red': 'lever2', 'yellow': 'lever1'}, // настройки css для разных результатов сравнения, то есть разные результаты сравнения будут отображать разные css (настройки фона и т. д.).

Настройки плагина по умолчанию — «не соответствует требованиям» и «предупреждение». Если вам нужны индивидуальные настройки, просто измените параметры.

####Статистика сравнения
Функция может подсчитывать общее количество данных в каждой строке, которые соответствуют формуле сравнения. Например, сколько строк данных не соответствует требованиям, сколько предупреждений.
Если включена функция детализации данных, она будет привязывать события к каждой ячейке данных в итоговой таблице в соответствии с механизмом запуска, чтобы фильтровать проблемные столбцы данных (например, если вы щёлкнете по несоответствующей записи, таблица деталей покажет только несоответствующие столбцы и данные в этой записи).
Эту функцию можно включить и настроить с помощью параметра transCountCp при использовании метода transCompare.

    transCountCp = {
        'enable': true, // статус таблицы статистики, по умолчанию true
        'tgtTableId': 'tabledcnt', // идентификатор контейнера данных таблицы статистики
        'table': ' table-hover  table-striped table-bordered table-responsive',// css таблицы
        'caption': 'анализ результатов статистики', // заголовок таблицы
        'captionstyle': '',// стиль заголовка css
        'title': 'тип/единица', // заголовок таблицы статистики, отображается в верхней левой части таблицы
        'rowcol': 'rep_org_name', // поле идентификатора данных строки, указывающее, к какой группе принадлежат данные строки, которое станет заголовком таблицы статистики по горизонтали
        'switchenable': true,// статус функции детализации таблицы статистики. Если включено, событие привязки будет привязано к каждой ячейке в таблице, чтобы отфильтровать проблемный столбец данных (например, при нажатии на несоответствующую запись таблица сведений будет отображать только несоответствующий столбец и данные этой записи)
        // Если включено, будет привязан к каждой ячейке итоговой таблицы в соответствии с триггерным событием, чтобы выполнить фильтрацию проблемных столбцов данных. (Например, если вы нажмёте на запись, которая не соответствует требованиям, в таблице сведений будут отображаться только столбцы, которые не соответствуют требованиям, и данные в записи.)
        'switchevent': 'click'// событие триггера, по умолчанию щелчок мышью
    }.

####Общие функции

#####Настройка css таблицы
Плагин предоставляет вторичный входной параметр cssConfig. Если этот параметр указан при вызове метода init, он также должен быть указан при сравнении. Значение такое же, как и у входного параметра init.

Поскольку сравнение перезаписывает данные таблицы, если определена конфигурация css, её также необходимо передать один раз.

#####Настройка css сравнения тегов
Плагин также предоставляет функции настройки css меток сравнения. Вы можете изменить соответствующие параметры в compare.

    compare = {
        'followelmt': 'span',// метка, следующая за данными td, по умолчанию span
        'elmthtml': '',// html метки, следующей за данными td
        'upclass': 'moreThanSpan',// css больше данных сравнения
        'lowclass': 'lessThanSpan',// css меньше данных сравнения
        'eqclass': 'equalToSpan'// css равных данных сравнения
    }.

Сравнение по умолчанию добавляет содержимое в td:

`<td>значение<span class="moreThanSpan"></span></td>`.

#####Тип возвращаемого значения настройки
Укажите с помощью входного параметра returntype, по умолчанию this, что означает возврат самого плагина, который можно использовать для цепного вызова. Доступные параметры — list, и в этом случае плагин вернёт одномерный массив в соответствии с типом anatype.

#####Настройка десятичных знаков
Укажите с помощью входного параметра digit, по умолчанию 0, обычно используется для среднего значения.

#####Пользовательские настройки описания заголовка функции
Укажите с помощью параметров descenable и других:

    'descenable': true,// переключатель описания, по умолчанию включён
    'descstr': '',// сгенерированное описание данных сравнения, например, общее значение среднее значение максимальное значение и т.д., которое можно настроить
    'desccol': 0 ,// положение столбца данных описания, по умолчанию 0, то есть первый столбец

#####Настройки положения записи
Укажите с помощью параметра writepos, по умолчанию after, добавьте его после всех данных. Доступные варианты before, добавьте перед всеми данными.

#####Статистика css пользовательских функций
Плагин предоставляет функцию настройки css статистических строк. Сценарии использования: когда статистические строки требуют другого формата, чем данные. Укажите следующие параметры для настройки:

    trclass: '',// класс сгенерированной tr
    tdclass: '',// класс сгенерированного td. **datacolumn**: reportColumnName, // соответствующий атрибут данных json
**thstyle**: cssstyle

// Конфигурация заголовка таблицы
descConfig = {
    'enable': false, // состояние включения: по умолчанию выключено
    'desc_type': 'div', // тип отображения: доступны варианты div и title. div отображается в div, title будет окружать содержимое th слоем span, заголовок описания span устанавливается как значение описания.
    'd_target_id': '', // идентификатор контейнера описания: по умолчанию пусто, плагин автоматически генерирует контейнер описания. Если указан идентификатор контейнера описания, информация будет помещена в указанный контейнер.
    // Плагин по умолчанию содержит два контейнера, внешний и внутренний div, можно повторно указать формат внешнего и внутреннего div css
    'css_out': 'descdivdefault_out', // css внешнего div
    'css_in': 'descdivdefault_in', // css внутреннего div
    'css_title': 'ttitle', // css заголовка описания
    'css_content': 'content', // css содержимого описания
    'css_close': 'close', // css кнопки закрытия
    'showevent': 'click', // событие всплывающего описания
    'hideevent': '', // событие закрытия описания
    'position': 'fly', // положение div имеет два состояния: абсолютное и fly. Абсолютное: положение div определяется координатами x и y. Fly: положение div определяется положением мыши, координаты x и y представляют смещение
    'pos_x': 10, // координата x
    'pos_y': 10, // координата y
    'desc_th_class': '' // класс th, содержащий описание. Если есть значение, класс свойства будет переопределён, если описание включено. Действует только при отображении типа div
}

// Пользовательская конфигурация формата
cssConfig = {
    'table': '',
    'caption': '',
    'tr': '',
    'th': '',
    'datatr': '',
    'td': ''
}
// Настройка сортировки таблицы с использованием плагина tablesort может повлиять на скорость загрузки, его можно отключить, если он не нужен (добавлено в версии v1.1)
// настройка такая же, как у плагина tablesort
sort = {
    'enable': false, // включить ли
    'headerTemplate': '{content} {icon}',
    'rank': false, // включать ли текущий рейтинг
    'widgets': ['uitheme'], // тема интерфейса
    'sortInitialOrder': 'desc', // начальный порядок сортировки
    'rankdesc': 'текущий рейтинг:' // описание рейтинга
}

// Функция серийного номера строки V1.1
serial = {
    'enable': true, // включить
    'type': 'inverse', // порядок номеров строк nochange не меняется после сортировки inverse следует за порядком сортировки для инвертирования порядка
    'inverseOrder': 'asc', // если сортировка является обратной, необходимо указать направление инверсии, asc или desc
    'order': 'asc', // по умолчанию порядок от большого к маленькому desc или от маленького к большому asc
    'serialColumnName': 'рейтинг', // имя столбца серийного номера
    'serialColumnIndex': 0 // индекс столбца серийного номера
}

// Параметры первого уровня, настройки по умолчанию
defaults = {
    'laynum': 1, // количество слоёв обязательно
    'startlay': 1, // начиная с какого слоя по умолчанию 1 то есть lvl=1 данные начинаются
    'headJson': null, // данные заголовка обязательно
    'dataJson': null, // обязательные данные содержимого
    'caption': '', // название таблицы
    'debug': false, // режим отладки будет выводить информацию о генерации и т. д.
    'outspanid': '', // в режиме вывода отладки вывод информации в указанный span
    'datamulti': 0, // тестовые данные производительности, если включён режим отладки, данные будут удвоены, коэффициент равен этому значению
    'tableid': 'tableid', // идентификатор таблицы
    'needsort': false, // требуется ли сортировка, по умолчанию false, сортировка увеличит потребление времени
    'thstyle': false, // нужно ли активировать стиль th по умолчанию, false
    'descConfig': this.descConfig, // конфигурация описания
    'colConfig': this.columConfig, // конфигурация имени столбца, чтение атрибутов поля json в соответствии с конфигурацией
    'cssConfig': this.cssConfig // пользовательская конфигурация css, если она не указана, используется конфигурация по умолчанию
}
### Часть статистического анализа

// конфигурация css для сравнения, используемая при инициализации, если во время инициализации указана конфигурация cssConfig, эта конфигурация должна соответствовать конфигурации инициализации
cssConfig = {
    'tr': '',
    'th': '',
    'datatr': '',
    'td': ''
}

// Сравнение конфигурации
compare = {
    'enable': false, // переключатель сравнения, по умолчанию закрыт
    'followelmt': 'span', // тег, следующий за данными td, по умолчанию span
    'elmthtml': '', // html тега, следующего за данными td
    'upclass': 'moreThanSpan', // класс css больше сравнительного значения
    'lowclass': 'lessThanSpan', // класс css меньше сравнительного значения
    'eqclass': 'equalToSpan' // класс css равен сравнительному значению
}

// Настройки по умолчанию
default = {
    'anaJson': null, // сравниваемые данные
    'baseJson': null, // базовые данные для сравнения, если пусто, по умолчанию равно anaJson, если указано, используйте указанное значение (используется в сценарии сравнения всех средних значений с данными, содержащими только две записи)
    'tableid': 'tableid', // идентификатор таблицы такой же, как и метод инициализации таблицы
    'anatype': '', // тип анализа, среднее значение avg максимальное значение max минимальное значение min общее значение all
    'returntype': 'this', // возвращаемый тип, может возвращать список: результат сравнения списка, по умолчанию возвращает this, чтобы определить, следует ли возвращать сам плагин в точке входа
    'digit': 0, // точность десятичных знаков, по умолчанию 0
    'descenable': true, // переключатель описания заголовка, по умолчанию включен
    'descstr': '', // заголовок сравниваемых данных, например общее значение среднее значение максимальное значение и т.д., может быть настроен пользователем
    'desccol': 0, // позиция столбца заголовка данных, по умолчанию 0, то есть первый столбец
    'writetotable': true, // необходимо ли записывать в таблицу, по умолчанию включено
    'writepos': 'after', // позиция записи в таблице tbody, по умолчанию после, можно выбрать before перед всеми данными
    'trclass': '', // класс tr
    'tdclass': '', // класс td
    'compare': this.compare, // сравнение конфигурации
    'cssConfig': this.cssConfig // конфигурация css
}
// Преобразование предустановленных значений конфигурации сравнения V1.1 новая версия
transcp = {
    'titleConfig': {'red': 'не соответствует требованиям', 'yellow': 'предупреждение'}, // конфигурация заголовка сравнения, которая будет использоваться для отображения заголовка сравнения в зависимости от этой конфигурации. Если она не установлена, заголовок будет использовать символ из конфигурации заголовка (например, red) по умолчанию
    'clzConfig': {'red': 'lever2', 'yellow': 'lever1'}, // конфигурация css сравнения, то есть разные результаты сравнения отображаются разными css (цвет фона и т. Д.)
    'listDivide': ';'
}

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Это плагин jQuery, который позволяет динамически генерировать сложные многометровые заголовки таблиц, а также данные в них. Он поддерживает динамическое фильтрование и некоторые функции статистического анализа. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/finira-autoHeader.git
git@api.gitlife.ru:oschina-mirror/finira-autoHeader.git
oschina-mirror
finira-autoHeader
finira-autoHeader
master