View Menu Tree

<div id="selection">
    <ul>
        <li data-jstree='{"icon" : "fa fa-building-o"}'>
            <a href="<?php echo site_url('admin/penduduk/id/3320'); ?>">KABUPATEN JEPARA</a>
        </li>
        <?php
        // Data Kecamatan
        $listKecamatan = $this->penduduk_m->select_kecamatan()->result();
        foreach($listKecamatan as $k) {
        ?>
        <li data-jstree='{"icon" : "fa fa-arrow-circle-o-right"}'>
        <?php
        $kecamatan_id = $k->kecamatan_id;
        ?>
            <a href="<?php echo site_url('admin/penduduk/kecamatan/'.$k->kecamatan_id); ?>"><?php echo 'KECAMATAN '.strtoupper($k->kecamatan_nama); ?></a>
            <?php
            // List Desa by Kecamatan
            $listDesa = $this->penduduk_m->select_desa($kecamatan_id)->result();
            if (count($listDesa) > 0) {
            ?>
            <ul>
                <?php foreach($listDesa as $d) { ?>
                <li data-jstree='{"icon" : "fa fa-angle-right"}'>
                    <a href="<?php echo site_url('admin/penduduk/desa/'.$d->desa_id); ?>"><?php echo 'DESA '.strtoupper($d->desa_nama); ?></a>
                </li>
                <?php } ?>
            </ul>
            <?php } ?>
        </li>
        <?php } ?>
    </ul>
</div>

<link rel="stylesheet" href="<?php echo base_url(); ?>backend/js/plugins/jstree/dist/themes/default/style.min.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>backend/js/plugins/jstree/dist/jstree.min.js"></script>
<script>
$(function () {
    $("#selection").jstree({
        "conditionalselect" : function (node, event) {
            return false;
        },
        "plugins" : [ "conditionalselect" ]
    });
});
</script>