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

OSCHINA-MIRROR/Mr.zhaoGW-layui-form-table

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

layui-formTable

Описание


Поиск ввода формы с подсказками в виде таблицы

Условия

Требуется версия layui 2.7+

Пример кода


<input type="text" name="parts" autocomplete="off" class="layui-input">

layui.config({
  base: '/plugin/layui/common/', // Расширенный каталог модулей
})
  .extend({
    formTable: '/formTable/formTable'
  });
layui.use(['table', 'form', 'formTable'], function () {
  const formTable = layui.formTable;
  // Автоматическое подсвечивание поиска
  const searchTable = formTable.render({
    elem: 'input[name=parts]',
    url: "/getPart",
    searchKey: 'car_number', // Установка ключа поиска
    searchKeyMinLength: 4, // Установка минимальной длины ключа поиска
    width: 730, page: true, limit: 15, // Пагинация
    table: {
      cols: [[
        { type: 'numbers', title: 'Код', width: '3%' },
        { field: 'part_brand', title: 'Бренд', width: '10%' },
      ]],
      height: 180,
      tool: {
        'add': (data) => {
          // Триггер события инструмента таблицы
        },
      },
      rowDouble: (data) => {
        // Триггер события двойного щелчка строки
      }
    },
  })

  // Скрытие модального окна
  searchTable.hide()
  // Перезагрузка экземпляра
  searchTable.reload()
})

Примеры демонстрации

Это изображение

Расширение layui

Самостоятельная форма на основе layui

Это изображение

Фильтр условий для комплексной формы

Это изображение

Введение

Форм инпут поиск с использованием таблицы для отображения содержимого. Развернуть Свернуть
JavaScript
MIT
Отмена

Обновления

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

Участники

все

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

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