Как использовать шаблон angularjs для сетки пользовательского интерфейса кендо

Question

Я пытаюсь использовать элементы управления kendo ui с angularjs. Большинство примеров, которые я видел, используют шаблоны кендо вместо угловых шаблонов для определения сетки.

Является ли это возможным?

Answer 1

Да, это возможно; Проверьте это демо - http://demos.telerik.com/kendo-ui/grid/angular

Answer 2

Этот код работал хорошо для меня:

 $scope._GridArray = new kendo.data.ObservableArray([]);
    var loadObjfunction = function () {
        for (var i = 1; i < 10; i++) {           
            $scope._GridArray.push({ Count: i });
        }
    }
    $scope.GridArrayOptionsample = {
        dataSource: new kendo.data.DataSource({
            data: $scope._GridArray,}),
        noRecords: {
            template: "No data found"
        },
        sortable: {
            mode: "single",
            allowUnsort: false
        },
        resizable: true,
        autoSync: true,
        columns: [
          { field: "", title: "Some Title" },
       ],

        rowTemplate: kendo.template($("#GridRowTemplatesample").html()),
    };

    $scope.textfunction = function (dataItem)
    {
        alert(dataItem.Count);
    }

    loadObjfunction();

Html:

<script id="GridRowTemplatesample" type="text/x-kendo-template">
    <tr>
        <td><div>#:Count#</div>
            <button type="button" ng-click="textfunction(dataItem)">Click Me!</button>
            <input ng-model="dataItem.count" required>
        </td>
    </tr>
</script>

// Добавить код ниже в том месте, куда вы хотите загрузить сетку

<div class="grid-large">
<div kendo-grid k-options="GridArrayOptionsample" k-ng-delay="GridArrayOptionsample" id="GridArrayOptionsampleid"></div>
            </div>

Ссылка это: ссылка