- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我正在使用 jQuery Nestable 插件 和 Codeigniter3 为网站创建 5 级菜单,这是一个很好的解决方案,用户可以通过拖放来更改级别和位置菜单项。但是,我的以下功能只能创建第一级菜单,当我更改为菜单项的子级 (2,3,4,5) 时,它对我不起作用。
问题 我无法将菜单项从一级更改为另一级别。如果我将菜单项更改为任何父级的子级,我将无法将菜单项反转回父级。无论 Jquery Nestable 正在运行什么,它都非常愿意。
下面这个函数用于将菜单项更新到数据库,这取决于菜单列,例如:id、Parent_id、m_order。
此函数将通过foreach 和array_key_exists 检查$List 数组内部,如下所述:
并且此 if ($parent_id != $item['id']) {...} 不会更新当前 的 parent_id父级的 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 插件和 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 中设置一个条件来检查 Parent 和 Children 当 Menus id equal 到 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 ;
最后我得到了如下图所示的菜单编辑器,它让我只能更改一级操作系统菜单。
最佳答案
我有和你一样的要求和锻炼,看看我的代码,几乎和你的一样,
这是我的 Controller :
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>
对于更新优先级,在 Controller 中添加函数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);
}
最后,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;
}
希望对你有所帮助,谢谢。
关于php - 如何使用带有 Codeigniter 的 jQuery Nestable 插件创建子级菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31911187/
我想使用 li 和 ul 制作一个多级下拉列表,以便显示我博客中按年和月排序的所有文章。我希望我的下拉菜单看起来像 Google Blogspot 下拉菜单: 这是我的 CSS 和 HTML 代码 u
我在 Win 7 64 机器上将 CodeBlocks 与 gcc 4.7.2 和 gmp 5.0.5 结合使用。开始使用 gmpxx 后,我看到一个奇怪的段错误,它不会出现在 +、- 等运算符中,但
我正在使用 tern 为使用 CodeMirror 运行的窗口提供一些增强的智能感知,它工作正常,但我遇到了一个问题,我想添加一些自定义“types”,可以这么说,这样下拉列表中它们旁边就有图标了。我
我正在尝试让我的 PC 成为 Android 2.3.4 设备的 USB 主机,以便能够在不需要实际“附件”的情况下开发 API。为此,我需要将 PC 设置为 USB 主机和“设备”(在我的例子中是运
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 9
我在设置服务器方面几乎是个新手,但遇到了一个问题。我有一个 Ubuntu 16.04 VPS 并安装了 Apache2 和 Tomcat7。我正在为 SSL 使用 LetsEncrypt 和 Cert
我在一个基于谷歌地图的项目上工作了超过 6 个月。我使用的是 Google Maps API V1 及其开发人员 API key 。当我尝试发布应用程序时,我了解到 Google API V1 已被弃
我是 Python 的新手,所以如果我对一些简单的事情感到困惑,请原谅。 我有一个这样的对象: class myObject(object): def __init__(self):
这个问题已经有答案了: How can I access object properties containing special characters? (2 个回答) 已关闭 9 年前。 我正在尝
我有下面的 CSS。我想要的是一种流体/液体(因为缺乏正确的术语)css。我正在为移动设备开发,当我改变模式时 从纵向 View 到陆地 View ,我希望它流畅。现在的图像 在陆地 View 中效
我正在尝试使用可以接受参数的缓存属性装饰器。 我查看了这个实现:http://www.daniweb.com/software-development/python/code/217241/a-cac
这个问题在这里已经有了答案: Understanding slicing (36 个答案) 关闭 6 年前。 以a = [1,2,3,4,5]为例。根据我的直觉,我认为 a[::-1] 与 a[0:
mysqldump -t -u root -p mytestdb mytable --where=datetime LIKE '2014-09%' 这就是我正在做的事情,它会返回: mysqldum
我正在制作销售税计算器,除了总支付金额部分外,其他一切都正常。在我的程序中,我希望能够输入一个数字并获得该项目的税额我还希望能够获得支付的总金额,包括交易中的税金。到目前为止,我编写的代码完成了所有这
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许在 Stack Overflow 上提出有关通用计算硬件和软件的问题。您可以编辑问题,使其成为
我是否必须进行任何额外的设置才能让 apache-airflow 在任务失败时向我发送电子邮件。我的配置文件中有以下内容(与默认值保持不变): [email] email_backend = airf
这个问题在这里已经有了答案: What does the $ symbol do in VBA? (5 个回答) 3年前关闭。 使用返回字符串(如 Left)的内置函数有什么区别吗?或使用与 $ 相同
我有一个用VB6编写的应用程序,我需要使用一个用.NET编写的库。有什么方法可以在我的应用程序上使用该库吗? 谢谢 最佳答案 这取决于。您可以控制.NET库吗? 如果是这样,则可以修改您的库,以便可以
当我创建一个以 ^ 开头的类方法时,我尝试调用它,它给了我一个错误。 class C { method ^test () { "Hi" } } dd C.new.test; Too m
我已经使用 bower 安装了 angularjs 和 materialjs。 凉亭安装 Angular Material 并将“ngMaterial”注入(inject)我的应用程序,但出现此错误。
我是一名优秀的程序员,十分优秀!