Как работать с данными, у которых два ключевых значения?

Question

[Эдуард Баженов]

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

Я уже реализовал добавление строк и столбцов с помощью jquery, редактирование значений с помощью x-editable, теперь встал вопрос сохранения данных. Но проблема в том, что при передаче массива в вид приходится передавать его отсортированным по высоте, а потом отдельно сортировать по ширине и передавать ключи. Таким образом в виде цены связаны только с высотой. И вот такие сложности сплошь...

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

Comments

[Алексей Юдов]

"Одно ключевое, другое не ключевое..." - причем здесь это? Вопрос стоит в методе сохранения данных?

[Эдуард Баженов]

TCloud, храню данные так:

id
width
height
price

Вопрос в том, как эти данные оптимально преобразовывать для отображения во view и обратно, чтобы можно было как-то полегче их редактировать, удалять, добавлять

[Алексей Юдов]

Эдуард Баженов, вы сейчас правильно сказали, отображать вы все данные будете во view. Значит осталось только определить фильтры для таблицы ( по строкам или по столбцам ), сделать такие фильтры можно быстрее всего через vuejs. А преобразовывать вы все равно будете в объект вида:

// типо ваша структура для одного элемента
var obj = {
  id: 1,
  width: 1.0,
  height: 0.1,
  price: 99.99
}
// типо массив таких элементов
var cells = [ obj1, obj2, obj3 ... objN ]

Применяйте фильтры при рендере этих элементов.

[Эдуард Баженов]

TCloud, не совсем понял как именно элементы вывести в вид. Возможно, посоветуете что-то почитать именно по этой теме? А то в js я еще не аз

Answer 1

[Алексей Юдов]

Вообщем, вот пример того как можно быстро выводить все ваши данные через vuejs:


советую начать изучать реактивное программирование (react, vue, etc.), дабы облегчить свои страдания. ( Инфы в инете полным полно , офф дока тоже хорошая )

Comments

[Эдуард Баженов]

Спасибо Вам большое! Да, сам уже понимаю, что нужно изучать это

[Алексей Юдов]

Эдуард Баженов, удачи