Ref-sgain.ru

Программы и сервисы
2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как создать зависимый каскадный выпадающий список в Excel?

Выпадающий список в Гугл Таблицах

Инструмент выпадающего списка является обязательным в Google Spreadsheets, если вам нужно собирать и обрабатывать данные. Это значительно упрощает и ускоряет весь процесс, избавляя от необходимости вручную вводить повторяющиеся данные. Создать такой список очень просто.

Как создать выпадающий список и как с ним работать

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

Создание выпадающего списка

Самый простой вариант. Подходит, например, для быстрого «сбора» простой анкеты. Или любым другим способом, где вам не нужно обрабатывать большие объемы данных. Сначала нужно знать, как создать таблицу Google, а затем — как создать выпадающий список в одной или нескольких ячейках таблицы Google:

  • В окне «Проверка данных» настройте значения в соответствии со следующей таблицей
  • Щелкните левой кнопкой мыши (ЛКМ) на нужной ячейке или выделите одновременно несколько ячеек вниз.
  • Щелкните правой кнопкой мыши на выбранной области (ПКМ) и выберите в меню пункт «Проверка данных».
  • Нажмите кнопку «Сохранить».

Готово. В этом руководстве вы узнали, как создать выпадающий список в Google Spreadsheets.

  • Отображение выпадающего списка в ячейке. Если оставить этот флажок установленным, значок будет прикреплен к ячейке. Если он удален, и список будет отображаться при двойном щелчке на LKM.
  • Значения вне допустимого диапазона. Перейдите к пункту «Значение списка» и введите нужные значения.

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

Читайте также: Как исправить первую строку графики Google?

Еще о работе с выпадающим списком

Google Электронные таблицы позволяют нам создавать выпадающий список. Остается упомянуть еще несколько вариантов конфигурации, доступных для использования. Выберите следующие параметры в строке «Правила» окна «Проверка данных»:

  • Дата — допустимая дата (такая же, как, до, после, указанная или предшествующая и т.д.) для обозначения даты.
  • Число в диапазоне (Не в диапазоне, Больше чем, Больше чем или равно, Меньше чем, Меньше чем или равно и т.д.) двух чисел.
  • Текст содержит (Не содержит, Равно, Является действительным URL/адресом электронной почты) введите нужный текст.

Примечание: Ячейки можно выделить цветом (и в зависимости от их содержания, например, щелкнув правой кнопкой мыши на одной или нескольких ячейках, выбрав «Условное форматирование» и присвоив цвет правилам выделения в форме справа.

Связанные выпадающие списки

В Google Spreadsheets нет возможности создавать связанные выпадающие списки, как в Excel. Приходится писать специальные скрипты и прикреплять их к таблице. Только так содержимое ячеек «ведет себя» нужным образом. Это требует определенных знаний в области программирования, даже для того, чтобы взять готовый скрипт из Интернета и адаптировать его под свои нужды.

Читайте так же:
Как создать 3D-ссылку для суммирования одного и того же диапазона на нескольких листах в Excel?

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

// Имя рабочего листа
var tsheet = ‘Результат’; // заменяем на имя листа, на котором должна выполняться проверка данных
// проверяем диапазон:
var rownum = 100; // строка, на которой закончится проверка
var vcol = 2; // номер столбца (не буква), который отмечен
// диапазон с условиями
var ccols = 3; // номер столбца (не буква), с которого начинается список условий
var clen = 10; // сколько условий учитывается, максимум
//……………………………………………………………………..
for (var i = 2; i // Устанавливаем проверку данных
var ss = SpreadsheetApp.getActiveSpreadsheet();
var sh = ss.getSheetByName (таблица);
var cell = sh.getRange (i, vcol, 1, 1);
var range = sh.getRange (i, ccols, 1, clen);
var rule = SpreadsheetApp.newDataValidation () requireValueInRange (диапазон) .build();
cell.setDataValidation (правило);
>

Примечание: между знаками «//» находится пояснительная информация; вы можете оставить ее в покое, она не влияет на функциональность скрипта. Вы можете создать выпадающее меню в таблице Google, просто изменив цифры рядом с аннотациями.

Подготовка таблицы

Необходимо открыть новый файл в Google Электронных таблицах и добавить еще один лист («+» в левом нижнем углу окна). Переименуйте лист 1 в «Результат», а лист 2 — в «Данные».

Для начала мы должны поработать с таблицей «Данные». В Google Spreadsheets: Как сделать выпадающий список:

  1. Введите имя/цель первого уровня в списке в ячейку A1. Введите соответствующие значения, начиная с A2. Повторений каждого из них должно быть столько, сколько значений на втором уровне.
  2. В ячейку D1 введите название/объект первого уровня списка. Введите соответствующие значения (по одному) из D2.
Читайте так же:
Как скопировать столбец и вставить только уникальные записи в Excel?

Все обстоит следующим образом:

/>Второй этап, работа с листом «Результат”:

  • Не изменяйте первую строку окна «Управление данными». Поместите курсор в поле справа от «Диапазон значений», перейдите на лист «Данные», выберите значения в столбце D, начиная с D2 + столько пустых ячеек вниз, сколько необходимо. Хорошо написано.
  • Перейдите на лист «Результат» и выберите интересующий вас диапазон ячеек. В данном случае с A2 до A13.
  • Щелкните правой кнопкой мыши на нужном поле и выберите в меню пункт «Проверить данные».

То, что мы видим перед нажатием кнопки «Сохранить»:

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

Прикрепление скрипта

Здесь все очень просто:

  • Подождите несколько секунд, пока скрипт поработает над таблицей на первом листе (у нас это «Результат», данные будут извлечены и появятся выпадающие списки.
  • Нажмите на кнопку «Инструменты» и выберите в меню пункт «Редактор сценариев».
  • Откроется окно редактирования. Вставьте в него приведенный выше скрипт и отредактируйте его по своему усмотрению.
  • Нажмите на «Запуск» в верхней панели. Далее система выдаст серию предупреждений и запросов на разрешение: мы выдаем разрешения.

Затем смотрим на результат: если что-то нас не устраивает, возвращаемся в редактор скрипта и исправляем параметры проверки данных.

Как сделать выпадающий список в Excel

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

Как сделать выпадающий список в Excel

В этой статье мы рассмотрим, как создавать различные типы раскрывающихся списков в таблице Excel.

Создаем простой выпадающий список

Для этого в ячейки A1:A7 вводим данные, которые будут отображаться в списке. На этом этапе мы создадим выпадающий список в ячейке B2.

Перейдите на вкладку «Данные» и нажмите на «Проверить данные».

На вкладке «Настройки» в поле «Тип данных» выберите «Список». Значения в поле «Источник» можно вводить несколькими способами:

Читайте так же:
Как создать всплывающее окно сообщения при открытии файла Excel?

1 — введите значения из списка вручную, разделив их точкой с запятой;

2 — укажите диапазон ячеек, в который вводятся данные в раскрывающемся списке;

3 — Выберите ячейки с именами, щелкните по ним правой кнопкой мыши и выберите в меню пункт «Присвоить имя».

После этого введите «Имя» для выделенных данных.

Ячейка B2 выделена, поэтому поставьте «=» в поле «Источник», затем напишите созданное имя.

Для этого в Excel мы создали простой выпадающий список.

Когда нужно вставить значения в заголовок столбца, следует выбрать не одну ячейку, а диапазон — B2:B9. В раскрывающемся меню можно выбрать нужное значение для каждой ячейки.

Добавляем значения в выпадающий список – динамический список

Это добавит значения в нужный диапазон, и они автоматически добавятся в выпадающий список.

Чтобы отформатировать таблицу, выберите любой стиль и выделите диапазон ячеек D1:D8, затем на вкладке «Главная» нажмите кнопку «Форматировать как таблицу».

Подтвердите расположение данных и установите флажок «Таблица заголовка».

Введите заголовок таблицы «Сотрудники» в верхней части и заполните ее данными.

Выделяем ячейку, в которой будет раскрывающийся список и щёлкаем по кнопочке «Проверка данных». В следующем окошке, в поле «Источник», пишем следующее: =ДВССЫЛ(«Таблица1[Сотрудники]»). У меня одна таблица на листе, так что пишу «Таблица1», если будет вторая – «Таблица2», и так далее.

На этом этапе давайте добавим в наш список новое имя сотрудника: Ира. Он появится в раскрывающемся списке. Если мы удалим имя из таблицы, оно будет удалено и из списка.

Выпадающий список со значениями с другого листа

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

На Листе 2 выделите одну или несколько ячеек, затем нажмите «Проверить данные» для проверки данных.

На Листе 1 установите курсор в поле «Источник» и выберите нужный диапазон ячеек.

На данном этапе вы можете добавить имена на Лист 1, и они будут добавлены в раскрывающиеся списки на Листе 2.

Создаем зависимые выпадающие списки

Предположим, у нас есть три диапазона: имена, фамилии и отчества сотрудников. Присвойте каждому из них имя. Они могут быть пустыми — вы можете добавлять в них данные со временем, и они будут отображаться в выпадающем списке. Щелкните на них правой кнопкой мыши и выберите «Присвоить имя».

Читайте так же:
Как скопировать формулу ячейки только без форматирования в Excel?

Первую мы называем «Имя», вторую «Фамилия» и третью «Отчество».

Давайте сделаем еще одну область, в которой будут прописаны присвоенные имена. Назовем его «Сотрудники».

Создайте первый выпадающий список, который будет содержать имена интервалов. Выделите ячейку E1 и выберите опцию «Проверить данные» на вкладке «Данные».

В поле «Тип данных» выберите «Список», в поле источника введите «=Employees» или выделите диапазон ячеек, которым присвоено название.

Первый выпадающий список создан. В этот момент в ячейке F2 создайте второй список, который должен зависеть от первого. Если в первом выбрать «First Name», то во втором отобразится список имен, а если выбрать «Last Name», то отобразится список фамилий.

Выберите ячейку и нажмите кнопку «Проверить данные». В поле «Тип данных» выберите «Список», а в поле «Источник» введите: =DWSSSIL($E$1). Вот ячейка E1 с первым выпадающим списком.

Таким образом, вы можете создавать зависимые выпадающие списки.

Если в будущем вам понадобится ввести значения в диапазон, которому было присвоено имя, например, «Фамилия». Перейдите на вкладку «Формулы» и нажмите «Менеджер имен». Затем в имени диапазона выберите «Фамилия» и внизу, на месте последней ячейки C3, введите C10. Нажмите на галочку. Диапазон расширится, и вы сможете добавить в него данные, которые автоматически появятся в выпадающем списке.

Зависимый выпадающий список в React

Зависимый выпадающий список в React

Сегодня я расскажу вам, как реализовать зависимый выпадающий список с помощью React. Идея заключается в том, что если вы измените значение в списке, то все зависимые списки изменят свое значение. Теперь я приведу несколько примеров кода с комментариями:

файл package.json

В примере используются библиотеки react, react-dom и пакет сборки модулей. Раздел сценариев содержит команду watchdog для запуска сервера разработки.

<
«name»: «react-dependent-select»,
«version»: «1.0.0»,
«main»: «index.js»,
«license»: «MIT»,
«scripts»: <
«watch»: «npx parcel index.html»
>,
«devDependencies»: <
«parcel-bundler»: «^1.12.4»
>,
«dependencies»: <
«react»: «^17.0.1»,
«react-dom»: «^17.0.1»
>
>

index.html

Для дизайна сайта был использован Bootstrap 4.5.

<!DOCTYPE html>
<html lang=»en»>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title>React Dependent Select</title>

Читайте так же:
Как сделать счастливые названия розыгрышей в Excel?

<link rel=»stylesheet» href=»https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css» integrity=»sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2″ crossorigin=»anonymous»>
</head>
<body>
<div ></div>
<script src=»https://myrusakov.ru/index.js»></script>
</body>
</html>

index.js

import ReactDOM from 'react-dom';
import React, from 'react';

// главный компонент приложения
const App = () => <

const [ categories, setCategories ] = useState([]); // хранилище категорий
const [ models, setModels ] = useState([]); // хранилище моделей

// при первой загрузке приложения выполнится код ниже
useEffect(() => <

// устанавливаем категории
setCategories(data.legnth > 0 && data);

// и модели из первой категории по умолчанию
setModels(data.length > 0 && data[0].models && data[0].models.length > 0);

// при выборе нового значения в категории
const onCategoriesSelectChange = (e) => <

// преобразуем выбранное значение опции списка в число — идентификатор категории
const categoryId = parseInt(e.target.options[e.target.selectedIndex].value);

// получаем из массива категорий объект категрии по соответствующему идентификатору
const category = categories.find(item => item.id === categoryId);

// выбираем все модели в категории, если таковые есть
const models = category.models && category.models.length > 0
? category.models
: [< id: 0, name: 'Нет моделей', items: [] >];

// меняем модели во втором списке
setModels(models);
>

return (
<div className=»container mt-5″>

Создает все файлы в папке с указанным содержимым. Затем выполните следующие команды:

Npm install # установит нужные пакеты.

$ npm run watch # Запустить сервер разработки

Таким образом, мы создали зависимый раскрывающийся список в React.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у вас возникли вопросы или вы хотите прокомментировать эту статью, пожалуйста, оставьте свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям

Если вам понравился сайт, вы можете разместить ссылку на него (на своем сайте, на форуме, в контакте):

Выглядит это следующим образом:

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

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector