2015-10-14 2 views
0

Я использую webix для отображения данных с конкретными столбцами. Я создал флажки для каждого столбца, чтобы показать/скрыть столбцы. Мне нужно, чтобы эти значения флажка сохранялись в файле cookie, поэтому, когда клиент обновляет страницу, отмеченные флажки остаются отмеченными/непроверенными. Как я могу это сделать?Хранить флажок в cookie в webix

Вот мой код:

    { 

         view: "toolbar", 

         cols: [ 
          { view: "checkbox", id: "test1", label: "test1", value:1 },  
          { view: "checkbox", id: "test2", label: "test2", value: 1 },  
          { view: "checkbox", id: "test3", label: "test3", value: 1 },  
          { view: "checkbox", id: "test4", label: "test4", value:1 } 
         ] 

        }, 
        { 
         view: "datatable", 
         id: "table", 
         columns: [ 
          { id: "test1", header: ["test1"] }, 
          { id: "test2", header: ["test2"] }, 
          { id: "test3", header: ["test3"] }, 
          { id: "test4", header: ["test4"] }, 
         ], 
        } 
+0

Во-первых, вам нужно показать свой код, а не только данные json. Вы хотите знать, как вы создаете файл cookie, устанавливаете его значение и сохраняете? ... или вся логика и сценарий и т. д. для этой формы? – LGSon

+0

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

ответ

0

Ну, поймать обновление или перезагрузку страницы не так просто, так как есть много способов, которые могут возникнуть, но, конечно, все зависит от того, насколько важно «сохраненное состояние ваших флажков» - это кросс-браузерная поддержка и т. д.

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

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

2

Решено это с помощью функций webix.storage.local.put() и webix.storage.local.get(). У меня есть атташе onChange событие на флажках, а setValues ​​сохранил текущие настройки флажка.

Смежные вопросы