У меня есть TreeTable API http://ludo.cubicphuse.nl/jquery-treetable/#usage, который я использую для отображения своих данных из MySql в таблице Html.
Я пытаюсь сделать OnDocumentReady в jQuery, мне нужно отключить некоторые кнопки.
Это моя структура таблицы. В каждой строке есть 2 кнопки «Вверх» и «Вниз».
Чтобы изменить последовательность tr, я их создал. Моя проблема заключается в том, как я могу получить первого дочернего элемента и последнего дочернего элемента каждого узла, чтобы я мог отключить кнопку перемещения вверх для первого дочернего элемента и отключить кнопку перемещения вниз для последнего дочернего элемента. И отключите обе кнопки, если у узла нет братьев и сестер.
До сих пор я пробовал это, но мне не помогает
$('tr td:last-child').each(function(){
var $this = $(this).contents(".md");
$this.prop( "disabled", true );
});
$('tr td:last-child').each(function(){
var $this = $(this).contents(".mu");
$this.prop( "disabled", true );
});
.md(moveDown) и .mu(moveUp) — это классы для кнопок, которые будут выполнять некоторую задачу базы данных при последующем нажатии.
Это мой HTML-код PHP, в котором я обрабатываю приведенную выше структуру таблицы.
<?php
include 'dbconn.php';
$conn = mysql_connect($dbhost, $dbuser, $dbpass);
mysql_connect('localhost','root','root');
mysql_select_db('cms');
//select all rows from the main_menu table
$result = mysql_query("select id, label as title, parent as parentid,link,status from pages order by seq asc");
//create a multidimensional array to hold a list of menu and parent menu
$menu = array(
'menus' => array(),
'parent_menus' => array(),
);
//build the array lists with data from the menu table
while ($row = mysql_fetch_assoc($result)) {
//creates entry into menus array with current menu id ie. $menus['menus'][1]
$menu['menus'][$row['id']] = $row;
//creates entry into parent_menus array. parent_menus array contains a list of all menus with children
$menu['parent_menus'][$row['parentid']][] = $row['id'];
}
// Create the main function to build milti-level menu. It is a recursive function.
echo $html='<table class="test2 table table-bordered">
<tr>
<th>Page Name</th>
<th> Status </th><th> Edit </th><th> Add Submenu </th><th><!--Delete Menu--></th><th> Sequence </th>
</tr>
<tr data-tt-id="0">
<td class="Root">Root</td>
<td>
</td>
<td>
</td>
<td><button class="btn btn-info" onclick="addMenu(0,0)" data-toggle="modal" data-target="#addmenu">
<span class="glyphicon glyphicon-plus-sign"></span>Add</button></td>
<td>
</td>
</tr>';
function buildMenu($parent, $menu) {
$char=" ";
if (isset($menu['parent_menus'][$parent])) {
foreach ($menu['parent_menus'][$parent] as $menu_id) {
//echo "id:".$menu['menus'][$menu_id]['id']."par:".$menu['menus'][$menu_id]['parentid'];
if($menu['menus'][$menu_id]['status']=='active')
{
$class="btn-success";
$span="glyphicon glyphicon-ok-sign";
$set="";
}
else if($menu['menus'][$menu_id]['status']=='deactive')
{
$class="btn-danger";
$span="glyphicon glyphicon-remove-sign";
$set="disabled='disabled'";
}
else
{
$class="btn-info";
}
if (!isset($menu['parent_menus'][$menu_id])) {
$html .= '<tr data-tt-id="'.$menu['menus'][$menu_id]['id'].'" data-tt-parent-id="'.$menu['menus'][$menu_id]['parentid'].'">
<td class="Root">'.$menu['menus'][$menu_id]['title'].'</td>
<td><button style="width:6em;" id="'.$menu['menus'][$menu_id]['id'].'" class="btn '.$class.'"
onclick="status('."'".$menu['menus'][$menu_id]['id']."'".",".
"'".$menu['menus'][$menu_id]['parentid']."'".","."'".$menu['menus'][$menu_id]['status']."'".')">
<span class="'.$span.'"></span>'.$menu['menus'][$menu_id]['status'].'</button>
</td>
<td><button id="'.$menu['menus'][$menu_id]['title'].'" class="btn btn-warning setting dbbutton" onclick="edit('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')" '.$set.'>
<span class="glyphicon glyphicon-edit"></span>Edit</button>
</td>
<td><button class="btn btn-info" onclick="addMenu('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')"
data-toggle="modal" data-target="#addmenu">
<span class="glyphicon glyphicon-plus-sign"></span>Add</button>
</td>
<td><!--<button class="btn btn-danger" onclick="deleteMenu('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')">
<span class="glyphicon glyphicon-trash"></span>Delete</button>--></td>
<td>
<button id="'.$menu['menus'][$menu_id]['id'].'" class="btn btn-default btn-xs mu" onclick="moveUp(this)" style="color:orange !important;" title="Move Up">
<span class="glyphicon glyphicon-triangle-top" ></span>
</button>
<button id="'.$menu['menus'][$menu_id]['id'].'" class="btn btn-default btn-xs md" onclick="moveDown(this)" style="color:orange !important" title="Move Down">
<span class="glyphicon glyphicon-triangle-bottom"></span>
</button>
</td>
</tr>'
;
}
if (isset($menu['parent_menus'][$menu_id])) {
$html .= "<tr data-tt-id='".$menu['menus'][$menu_id]['id']."' data-tt-parent-id='".$menu['menus'][$menu_id]['parentid']."'>
<td class='Root'>".$menu['menus'][$menu_id]['title'];
$html .= '</td>
<td><button style="width:6em;" id="'.$menu['menus'][$menu_id]['id'].'" class="btn '.$class.'" onclick="status('."'".$menu['menus'][$menu_id]['id']."'".",".
"'".$menu['menus'][$menu_id]['parentid']."'".","."'".$menu['menus'][$menu_id]['status']."'".')">
<span class="'.$span.'"></span>'.$menu['menus'][$menu_id]['status'].'</button>
</td>
<td><button id="'.$menu['menus'][$menu_id]['title'].'"class="btn btn-warning setting dbbutton" onclick="edit('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')" '.$set.'>
<span class="glyphicon glyphicon-edit"></span>Edit</button>
</td>
<td><button class="btn btn-info" onclick="addMenu('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')" data-toggle="modal" data-target="#addmenu">
<span class="glyphicon glyphicon-plus-sign"></span>Add</button>
</td>
<td><!--<button class="btn btn-danger" onclick="deleteMenu('.$menu['menus'][$menu_id]['id'].','.$menu['menus'][$menu_id]['parentid'].')">
<span class="glyphicon glyphicon-trash"></span>Delete</button>--></td>
<td>
<button id="'.$menu['menus'][$menu_id]['id'].'" class="btn btn-default btn-xs mu" onclick="moveUp(this)" style="color:orange !important;" title="Move Up">
<span class="glyphicon glyphicon-triangle-top" ></span>
</button>
<button id="'.$menu['menus'][$menu_id]['id'].'" class="btn btn-default btn-xs md" onclick="moveDown(this)" style="color:orange !important" title="Move Down">
<span class="glyphicon glyphicon-triangle-bottom"></span>
</button>
</td>
';
$html .= buildMenu($menu_id, $menu);
//$html .= "</td>";
$html .= "</tr>";
}
}
}
return $html;
}
echo buildMenu(0, $menu);
echo "</table>";
?>