Question

我已经使用AngularJS和Kendo UI创建了一个树视图，它还包含了同一树的视图和编辑切换。现在我对我的父母有问题，因为我的父母没有，孩子有时有时不是一直都在编辑模式下，整个项目对象都变成了空。

HTML

<div kendo-tree-view="tree" k-data-source="treeData" class="hasMenu" k-on-change="selectedItem = dataItem" id="categoryTree" k-data-bound="onDataBound">
<div k-template ng-class="{disabled: !dataItem.isCatActive}">
    <ul class="multiple_columns">
        <li ng-show="!dataItem.editorEnabled" ng-class="{width30: !dataItem.allowEdit, width160: !dataItem.allowAdd}">
            <span ng-if="dataItem.allowEdit" ng-click="editNode(dataItem, 'cat-'+dataItem.id+dataItem.temp_id)">
                {{dataItem.text}}
            </span>

            <span ng-if="!dataItem.allowEdit">
                {{dataItem.text}}
            </span>
        </li>
        <li ng-if="dataItem.editorEnabled">
            <input ng-model="dataItem.editableData" id="cat-{{dataItem.id + dataItem.temp_id}}" class="form-control width160" ng-blur='updateNode(dataItem)'>
        </li>
        <li class="width40">
            <input type="checkbox" ng-if="dataItem.isCatActive && !dataItem.isParent" ng-click="onInactive(dataItem)" >
            <input type="checkbox" ng-if="!dataItem.isCatActive && !dataItem.isParent" ng-click="changeToActive(dataItem)" checked>
        </li>
        <li ng-if="dataItem.allowTextbox">
            <input type="text" id="salesTaxCode" name="tax_code" ng-model="dataItem.saleTaxCode" class="form-control frm_controllead1 ng-touched" maxlength="13" ng-blur='updateTaxCode(dataItem)'>
        </li>
        <li ng-if="dataItem.allowAdd">
            <button type="button" class="plus_but middle_pbut tooltip-bottom" ng-click="addNew(dataItem)">
                <i class="fa fa-plus-square-o vendor_icon"></i>
            </button>
        </li>

    </ul>
</div>

JS

$scope.treeData = new kendo.data.HierarchicalDataSource({
    data: finalProductArray
});

Kendo UI树视图无法加载子项

0 个答案: