Я начинаю с CodeIgniter, и я не получаю dataTable работает. У меня есть следующий мир страницы:
<table class="table table-striped table-bordered table-hover dataTables_default" id="dataTables-example">
<thead>
<tr>
<th></th>
<th>Título</th>
<th>Conteúdo</th>
</tr>
</thead>
<tbody>
<?php foreach($rows as $row){ ?>
<tr class="odd gradeX">
<td></td>
<td><?= $row->titulo ?></td>
<td><?= $row->conteudo ?></td>
</tr>
<?php } ?>
</tbody>
</table>
Важно: я использую шаблон администратора: http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/tables.html
Моя страница таблицы точно такая же, как и над ссылкой, но я хочу добавить больше функций, таких как: разбиение на страницы и фильтр.
Я попытался вставить в sb-admin-2.js следующее:
$(function() {
$('#side-menu').metisMenu();
//this was add
$('#dataTables-example').dataTable();
});
Но это не произвело никакого эффекта. Я пытался вставить сообщение alert () в мой javascript, но это предупреждение никогда не вызывалось, смотрите:
$(function() {
$('#side-menu').metisMenu();
alert('im here');
});
Мой файл sb-admin-2.js импортируется в конец страницы, я видел в исходном коде браузера (CTRL + U в Google Chrome). Так что не так? Почему не вызывается alert () и изменения в dataTable не оказывают никакого влияния.
Редактировать 1
Я не знаю, может ли помочь решить мою проблему, но в консоли браузера я получаю сообщение об ошибке:
Uncaught Error: Graph container element not found morris.min.js:6
Я думаю, что это ошибка только потому, что я не показываю никакой график на этой странице, и функция javascript пытается вызвать график.
В файле morris-data.js
удалите следующий код:
$(function() {
});
затем убедитесь, что morris-data.js
содержит только следующий код:
Morris.Area({
element: 'morris-area-chart',
data: [{
period: '2010 Q1',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010 Q2',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010 Q3',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010 Q4',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2011 Q1',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2011 Q2',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2011 Q3',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2011 Q4',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2012 Q1',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2012 Q2',
iphone: 8432,
ipad: 5713,
itouch: 1791
}],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
resize: true
});
Для информации о Uncaught Ошибка: элемент контейнера графика не найден,
увидеть https://github.com/morrisjs/morris.js/issues/137
Надеюсь, это поможет в работе ваших данных.
Других решений пока нет …