Fatal编程技术网

Javascript 剑道内联编辑

javascript kendo-ui telerik

Javascript 剑道内联编辑,javascript,kendo-ui,telerik,Javascript,Kendo Ui,Telerik,我对剑道有意见 我只想为一个字段创建内联可编辑网格 <!DOCTYPE html> <html> <head> <base href="http://demos.telerik.com/kendo-ui/grid/editing-inline"> <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>

我对剑道有意见

我只想为一个字段创建内联可编辑网格

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/grid/editing-inline">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.material.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.material.min.css" />

    <script src="http://cdn.kendostatic.com/2015.1.429/js/jquery.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="grid"></div>

            <script>
                $(document).ready(function () {
                    var crudServiceBaseUrl = "http://localhost/final",
                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read:  {
                                    url: crudServiceBaseUrl + "/home/get",
                                    dataType: "json",
                                    method: 'POST'
                                },
                                update: {
                                    url: crudServiceBaseUrl + "/home/Update",
                                    dataType: "json"
                                },
                                parameterMap: function(options) {
                                    var query = {project: ' AAA ', type: 'search?query='};
                                    query.startAt       = options.skip;
                                    query.maxResults    = options.pageSize;
                                    return query;
                                }
                            },
                            batch: true,
                            pageSize: 10,
                            schema: {
                                data: 'issues',
                                total: 'total',
                                model: {
                                    fields: {
                                        'key': { type: 'string' },
                                        'fields.issuetype.iconUrl': { editable: false},
                                        'fields.summary': { editable: false},
                                        'fields.priority.iconUrl': { editable: false},
                                        'fields.status.name': { editable: false},
                                        'fields.reporter.displayName': { editable: false},
                                        'fields.created': { editable: false },
                                        'fields.updated': { editable: false },
                                        'fields.duedate': { editable: false }
                                    }
                                }
                            }
                        });

                    $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        height: 550,
                        columns: [{
                                        field: "key",
                                        title: "Key"
                                    }, {
                                        field: "fields.issuetype.iconUrl",
                                        title: "Type"
                                    }, {
                                        field: "fields.summary",
                                        title: "Summary"
                                    },{
                                        field: "fields.priority.iconUrl",
                                        title: "Priority"
                                    }, {
                                        field: "fields.status.name",
                                        title: "Status"
                                    }, {
                                        field: "fields.reporter.displayName",
                                        title: "Reporter"
                                    }, {
                                        field: "fields.created",
                                        title: "Created"
                                    }, {
                                        field: "fields.updated",
                                        title: "Updated"
                                    }, {
                                        field: "fields.duedate",
                                        title: "Due Date"
                                    }],
                    editable: true
                    });
                });
            </script>
        </div>


</body>
</html>
这是我的密码。问题是每个字段都是可编辑的。我想使仅可编辑的关键字段

这是剑道可编辑网格演示，我有相同的代码，但剑道的代码有效，但我的代码无效。
演示：

我认为这里有两个问题

首先，您需要在数据源中指定一个ID列：

model: {
    id: "WhateverYourIDColumnIs",
    fields: {
        'key': { type: 'string' },
        'fields.issuetype.iconUrl': { editable: false},
        'fields.summary': { editable: false},
        'fields.priority.iconUrl': { editable: false},
        'fields.status.name': { editable: false},
        'fields.reporter.displayName': { editable: false},
        'fields.created': { editable: false },
        'fields.updated': { editable: false },
        'fields.duedate': { editable: false }
    }
}
其次，在网格定义中，您指定了editable:true这应该是editable:inline

不起作用。我在剑道演示中尝试过删除id:WhateverYourIDColumnIs并设置editable:true，效果非常好。我无法通过设置editable来理解发生了什么：如果设置为true，则不会进行内联编辑-您将进行内联编辑。