Kendo ui 在KendoUI树列表上创建只读行_Kendo Ui_Kendo Ui Grid

Kendo ui 在KendoUI树列表上创建只读行

kendo-ui

Kendo ui 在KendoUI树列表上创建只读行,kendo-ui,kendo-ui-grid,Kendo Ui,Kendo Ui Grid,我正在制作一个KendoUI树列表表，我需要一些行是只读的由于默认情况下该选项不存在，因此我将尝试在本教程之后执行此操作，本教程对剑尾鱼非常有效，但对我的树状图列表无效我正在定义一个模板，它只为我标记为“只读”的行创建一个编辑按钮按钮出现了，但当我点击它时什么也没发生。。。有人知道为什么吗以下是我制作的样本：谢谢你的帮助请尝试以下代码片段。我已经更改了编辑模板脚本的代码 <!DOCTYPE html> <html> <head> <m

我正在制作一个KendoUI树列表表，我需要一些行是只读的

由于默认情况下该选项不存在，因此我将尝试在本教程之后执行此操作，本教程对剑尾鱼非常有效，但对我的树状图列表无效

我正在定义一个模板，它只为我标记为“只读”的行创建一个编辑按钮

按钮出现了，但当我点击它时什么也没发生。。。有人知道为什么吗

以下是我制作的样本：

谢谢你的帮助

请尝试以下代码片段。我已经更改了编辑模板脚本的代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Untitled</title>

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.mobile.all.min.css">

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.429/js/angular.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.429/js/jszip.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script>
</head>
<body>

    <div id="example">
        <div id="treelist"></div>
    </div>

    <script id="edit-template" type="text/x-kendo-template">
    # if (!data.readonly) { #
        <button data-command="edit" class="k-button k-button-icontext k-grid-edit"><span class="k-icon k-edit"></span>Edit</button>
    # } #
    </script>

    <script>
        $(document).ready(function () {

            var editTemplate = kendo.template($("#edit-template").html());

            var grid = $("#treelist").kendoTreeList({

                dataSource: {
                    data: [{ DomainId: 1, Name: "Test", ReportsTo: null, readonly: true },
                            { Name: "Categorie1", ReportsTo: 1, a: "10", b: "5" },
                            { Name: "Categorie2", ReportsTo: 1, a: "10", b: "5" },
                            { Name: "Categorie3", ReportsTo: 1, a: "10", b: "5" },
                    ],


                    batch: true,
                    schema: {
                        model: {
                            id: "DomainID",
                            fields: {
                                parentId: { field: "ReportsTo", nullable: true, editable: false },
                                DomainID: { field: "DomainId", type: "number", editable: false },
                                Name: { validation: { required: true }, editable: false },
                                a: { type: "number", editable: true },
                                b: { type: "number", editable: true },
                            },
                            expanded: true
                        },


                    }
                },
                editable: true,
                columns: [

                  { field: "Name", title: "Domain", width: 400, editable: false },
                  { field: "a", title: "1", filterable: false, sortable: false },
                  { field: "b", title: "2", filterable: false, sortable: false },
                  { field: "readonly", title: " ", width: 100, template: editTemplate, editor: function () { } }

                ],
                editable: "popup",
                pageable: true,

            });


        });


    </script>

</body>
</html>


无标题
#如果（！data.readonly）{#
编辑
# } #
$（文档）.ready（函数（）{
var editTemplate=kendo.template（$（“#编辑模板”）.html（）；
var grid=$（“#树列表”）.kendoTreeList({
数据源：{
数据：[{DomainId:1，名称：“Test”，ReportsTo:null，readonly:true}，
{名称：“分类1”，报告STO:1，a:10，b:5}，
{名称：“分类2”，报告STO:1，a:10，b:5}，
{名称：“分类3”，报告STO:1，a:10，b:5}，
],
批次：对，
模式：{
型号：{
id:“域名id”，
字段：{
parentId:{field:“ReportsTo”，可空：true，可编辑：false}，
DomainID:{字段：“DomainID”，类型：“number”，可编辑：false}，
名称：{验证：{必需：true}，可编辑：false}，
a:{type:“number”，可编辑：true}，
b:{type:“number”，可编辑：true}，
},
是的
},
}
},
是的，
栏目：[
{字段：“名称”，标题：“域”，宽度：400，可编辑：false}，
{字段：“a”，标题：“1”，可筛选：false，可排序：false}，
{字段：“b”，标题：“2”，可筛选：false，可排序：false}，
{字段：“只读”，标题：“”，宽度：100，模板：editTemplate，编辑器：function（）{}
],
可编辑：“弹出”，
pageable:对，
});
});

如果有任何问题，请告诉我。

有效，谢谢！但是你认为有没有办法让它在正常的编辑环境下工作？（没有弹出窗口）。我需要一个更新按钮，但我不知道在哪里定义它。。。这是新样品