PHP Lang
  1. PHP Lang
  3. Как создать дополнительный уровень меню с помощью плагина jQuery Nestable с помощью Codeigniter?
Intereting Posts
отправить значение флажка в форме PHP где я могу найти php.ini для php-cli Обнаружение недостаточных переменных PHP: FALSE vs NULL vs unset () vs empty ()? Как использовать preg_replace, чтобы добавить один час к значению времени? Как передать переменную с JavaScript на PHP с помощью jQuery POST после использования $ files = new DirectoryIterator () в PHP, как вы сортируете элементы? 404 в реальном времени Google App Engine, работая на локальном SDK-сервере .htaccess 403 Запрещено, если url содержит каталог с другим файлом htaccess Могу ли я показать список контактов в категории, на странице «Список всех категорий контактов» в Joomla? Ошибка ввода переменной в качестве моего URL-адреса в PHP fopen () Un-define константы с define / apc_define_constants в PHP Объединить и суммировать два многомерных массива в PHP Как создать вспомогательные массивы на основе префиксов строки? Передача значения из PHP в форму SimpleModal Ajax производит неправильный вывод в Javascript

Как создать дополнительный уровень меню с помощью плагина jQuery Nestable с помощью Codeigniter?

Я использую плагин jQuery Nestable с Codeigniter3, чтобы создать 5 уровней меню для веб-сайта, которое хорошее решение для пользователя может занять и упасть, чтобы изменить уровень и положение элементов меню. Однако моя нижняя функция может создавать только первый уровень меню, и когда я перехожу на суб-уровень (2,3,4,5) пункта меню, это не сработает для меня.

Проблема I не могла изменить элемент меню на другой уровень с первого уровня. и я не мог отменить пункт меню обратно родителям, если бы меня заменили на ребенка любого родителя . Независимо от того, работает Jquery Nestable, это очень понравится.

Эта функция используется для обновления пункта меню в базе данных, которая зависит от столбца меню: id , Parent_id , m_order .

Эта функция будет проверяться внутри массива $ List foreach и array_key_exists, как описано ниже:

  1. получить данные массива из формы с помощью $ this-> get_child ($ this-> input-> post ('list'));
  2. Использование функции Foreach и array_key_exists для проверки любого дочернего элемента массива $ List, и если он найдет каких-либо детей, он будет обновляться до базы данных, как показано ниже. Функция CI.

  3. И это if ($ parent_id! = $ Item ['id']) {…} не будет обновлять parent_id для текущего идентификатора родителя. 

    public function savelist() { if ($this->input->post('list')) { $this->do_update($this->input->post('list')); } } public function do_update($list, $parent_id = 0, &$m_order = 0) { foreach ($list as $item) { $m_order++; $data = array( 'parent_id' => $parent_id, 'm_order' => $m_order, ); if ($parent_id != $item['id']) { $where = array('id' => $item['id']); var_dump($data . ':' . $where); $this->db->where($where); $this->db->update('nav', $data); } if (array_key_exists("children", $item)) { $this->do_update($item["children"], $item["id"], $m_order); } } }

Этот JQuery Nestable Plugin и Ajax используется для отправки любых данных формы на сервер. 

 <script> $(document).ready(function () { var updateOutput = function (e) { var list = e.length ? e : $(e.target), output = list.data('output'); $.ajax({ method: "POST", url: "savelist", data: { list: list.nestable('serialize') }, success: function (data) { //, textStatus, jqXHR console.log(list.nestable('serialize')); } }).fail(function (jqXHR, textStatus, errorThrown) { alert(" Unable to save new list order: " + errorThrown); }); }; $('#nestable').nestable({ group: 1, maxDepth: 7, }).on('change', updateOutput); }); </script>

Как бы то ни было, я уже создал только одну таблицу для хранения всего меню. и я делаю условие на PHP, чтобы проверить Родитель и Дети, когда Menus id равен Parent_id. Вот моя структура таблицы 

 CREATE TABLE IF NOT EXISTS `nav` ( `id` int(10) NOT NULL AUTO_INCREMENT, `uid` int(10) NOT NULL, `text` varchar(500) NOT NULL, `link` text NOT NULL, `show_condition` int(5) NOT NULL, `parent_id` int(5) NOT NULL, `m_order` int(9) NOT NULL, `class` varchar(50) NOT NULL, `data` varchar(50) NOT NULL, `des` text NOT NULL, `lang` varchar(50) NOT NULL, `accord` int(3) NOT NULL, `footer` int(3) NOT NULL, `f_sta` int(3) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=9 ;

Наконец, я получил редактор меню, как показано ниже, что позволило мне изменить только одно меню уровня os.

введите описание изображения здесь

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

Вот мой контроллер: 

 public function select_menu_priority() { $data['product'] = $this->menu_model->select_menu_priority(); $data['li'] = $this->generate_li($data['product']); $this->load->view("set_menu_priority_table", $data); } function generate_li($product,$parent = NULL){ $li = ""; $p1 = array_filter($product, function($a)use($parent){ return $a['parent_menu_id'] == $parent; }); foreach ($p1 as $p){ $inner_li = ""; $p2 = array_filter($product,function($a)use($p){ return $a['parent_menu_id'] == $p['id']; }); if($p2){ $inner_li = $this->generate_li($product,$p['id']); } $li .= "<li class='dd-item' data-id='".$p['id']."'><div class='dd-handle'>".$p['title']."</div>".$inner_li."</li>"; } $ol = "<ol class='dd-list'>".$li."</ol>"; return $ol; }

Просмотр set_menu_priority_table.php: 

 <?php if (isset($product)) { $entity = $this->input->post("entity"); $entity = $entity['id']; if (count($product) > 0) { ?> <div class="row-fluid" style="margin-bottom: 10px;"> <button class="btn btn-success btn-sm" tabindex="4" id="save"> <i class="fa fa-check"></i> Save </button> <p class="pull-right" style="margin-bottom: 10px;"><?php if ($entity == "product") { ?><a href="javascript:void(0)" id="show_category" class="text-success" style="margin-right:10px;font-weight: bold;text-decoration: underline">Go to Category Priority</a><?php } ?><span class="label label-info ">Drag Menu to set Priority.</span></p> <div class="clear"></div> </div> <div class="dd" id="product_list"> <input type="hidden" id="entity_type" name="entity" value="<?php echo $entity ?>" /> <?php echo $li; ?> </div> <?php } else { ?> <p><span class="label label-warning">No <?php echo ($entity == "product") ? "product" : "category"; ?> found.</span><?php if ($entity == "product") { ?><a href="javascript:void(0)" id="show_category" class="text-success" style="margin-left:15px;font-weight: bold;text-decoration: underline">Go to Category Priority</a><?php } ?></p> <?php } } else { ?> <p class="label label-info">Please select Category to Set Priority within the Category.</p> <?php } ?> <script type="text/javascript"> $("#save").off("click").on("click", function() { var product_data = $("#product_list").nestable("serialize"); var data = {product_data: product_data, entity: $("#entity_type").val()}; if ($.bbq.getState("product_category") !== undefined) { data['product_category'] = $.bbq.getState("product_category"); } ajax_call({ url: '<?php echo site_url("admin/menu/update_menu_priority");?>', type: "post", dataType: "json", data: data, beforeSend: function() { }, success: function(result) { if (result['status'] == "success") { alert("Priority Updated!"); } }); }); </script>

Для обновления этого приоритета Добавить функцию update_menu_priority в контроллере: 

 public function update_menu_priority() { $data = $this->input->post("product_data"); if (count($data)) { $update = $this->menu_model->update_priority_data($data); if ($update) { $result['status'] = "success"; } else { $result['status'] = "error"; } } else { $result['status'] = "error"; } echo json_encode($result); }

И, наконец, функция ad model для этого update_priority_data : 

 function update_priority_data($data, $parent = NULL) { $i = 1; foreach ($data as $d) { if (array_key_exists("children", $d)) { $this->update_priority_data($d['children'], $d['id']); } $update_array = array("priority" => $i, "parent_menu_id" => $parent); $update = $this->db->where("id", $d['id'])->update("menu", $update_array); $i++; } return $update; }

Я надеюсь, что это поможет вам, спасибо.