построение дерева с помощью модуля картика и выбор из него с выводом информации

Столько решений по деревьям но нигде не могу найти функционал его построения. Картиком все вроде строиться. Вопрос другой как обеспечит поведение при выборе элемента дерева. к примру выбираешь элемент а по нему выводится рядом инфа. У картика это ничего не расписано и на форумах 0. Может у кого-то что-то? В двухколоночном шаблоне делаю меню на базе картика дерева. Пытаюсь через ajax передать данные в контроллер и во второй части отобразить содержимое..

<?php $this->beginContent('@app/views/layouts/main.php'); ?>

    <div class="container"> 
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">

<?= kartik\tree\TreeViewInput::widget([
    // single query fetch to render the tree
    // use the Product model you have in the previous step
    'query' => frontend\models\Tree::find()->addOrderBy('root, lft'), 
    'headingOptions'=>['label'=>'Выбрать пункт меню'],
    'name' => 'kv-product', // input name
    'value' => '1',     // values selected (comma separated for multiple select)
    'asDropdown' => false,   // will render the tree input widget as a dropdown.
    'multiple' => false,     // set to false if you do not need multiple selection
    //'fontAwesome' => true,  // render font awesome icons
    'rootOptions' => [
        'label'=>'<i class="fa fa-tree"></i>',  // custom root label
        'class'=>'text-success'
    ], 
    'options'=>['disabled' => false],
    'displayValue' => 0,
    'isAdmin' => true,
    'showIDAttribute' => true,
    'emptyNodeMsg' => ' type some msg here ... .',
    'showCheckbox' => true,
    'options' => ['id' => 'treeID'],
    'allowNewRoots' => false,

    'toolbar' => [
    'create' => ['alwaysDisabled' => true],
    //'remove' => ['alwaysDisabled' => !(AdminController::isAdmin())],
    // 'move-up' => ['alwaysDisabled' => !(AdminController::isAdmin())],
    // 'move-down' => ['alwaysDisabled' => !(AdminController::isAdmin())],
    // 'move-left' => ['alwaysDisabled' => !(AdminController::isAdmin())],
    // 'move-right' => ['alwaysDisabled' => !(AdminController::isAdmin())],
    //'remove' => false,
    ],
    'nodeView' => '@kvtree/views/_form',
    'nodeAddlViews' => [
                1 => '',
                2 => '',
                3 => '',
                4 => '',
                5 => '@app/views/krajeeproducttree/product'],
    'cascadeSelectChildren' => false,
    //'nodeAddlViews' => [,
    //],

]);?>


            </div>
            <div class="col-lg-9 col-md-9 col-sm-8">
                <?= $content ?>
            </div>
        </div>
    </div>
<?php $this->endContent(); ?>

<script>
    $('#treeID').on('treeview:selectcomplete', function(event, jqXHR)
 {
    console.log('treeview:selectcomplete')
});
</script>


<script>jQuery(function ($) {

$('#treeID').on('treeview:selected', function(event, key, data, textStatus, jqXHR)
 {
    console.log('12345')
})
//jQuery('#w1').treeview(treeview_93576f87)
});
</script>

<script>jQuery(function ($) {
jQuery('.kv-selected').click(function()

 {
var getNum = document.getElementById('treeID').value;
    console.log(getNum + 'выбор меню')
$.ajax(
        {
            url : "Url::to(['site/wikiprod2'])",
        type: 'POST',
            data : {"number": getNum},
            success : function(res){
            console.log(res);
        }, 
        }
    );
});
});
</script>

описал то что пробовал выше