Question

我正在为我的门户网站使用kendo网格网格代码是

 //Grid for award adding
    var griddataSource = new kendo.data.DataSource({
        dataType: "json",
        transport: {
            read: function(o){
                    //o.success([]);
                    url: ServiceBaseUrl+"/Magazine/getsubscriptiondetails?magazineid="+magazine_id, 
                    dataType: "json",
                },
            create: function(o) {                      
                var item = o.data;
                //assign a unique ID and return the record
                item.id =  len;
                o.success(item);
                len++;
            },
            destroy: function(o) {
                o.success();
            },
            update: function(o){
                o.success();
            }         
        },                      
        autoSync: false,
        schema: {                       
        model: {
        id    : "id",
        fields: {

                        magazine_subscription_id: { editable: true},
                        no_of_issues:{editable: true, type:"number", validation: {
                            required: {
                                message: "No of issues required"
                            },
                            min: 1
                        }
                        },
                        subscription_name: { editable: true, type:"string", validation: {
                            required: {
                                message: "Package Name required"
                            }
                            } 
                        },
                        subscription_key: { editable: true, type:"string", validation: { 
                            required: {
                                message: "Subscription Key required"
                            }
                        } },
                        price_inr: { type: "number", validation: { 
                            required: {
                                message: "Price(INR) Key required"
                            }, min: .1} },
                        price: { type: "number", validation: { 
                            required: {
                                message: "Price($) Key required"
                            },
                            min: .1} },
                        discount_type: { type:"string", editable: true, nullable: false},
                        discount_no_of_free_issue: { type: "number" ,validation: { min: 1}}

        }      
        }
        }
    });

    $("#grid").kendoGrid({
    dataSource: griddataSource,
    pageable: false,
    selectable: "multiple",
    sortable: true,
    filterable: false,
    reorderable: true,
    scrollable: false,
    toolbar: ["create"],

    columns: 
    [
        { field: "no_of_issues", title: "No. of issues", width: "100px", format: ""},
        { field: "subscription_name", title: "Package Name", width: "150px" },
        { field: "subscription_key", title: "Subscription Key", width: "150px" },
        { field: "price_inr", title: "Price (INR)", width: "75px" },
        { field: "price", title: "Price ($)", width: "75px" },
        { field: "discount_type", title: "Type", width: "150px", values: type},
        { field: "discount_no_of_free_issue", title: "Discount / No. of Issues", width: "150px", format: ""},
        { command: ["edit", "destroy"], title: "&nbsp;", width: "210px" }
    ],
    editable: "inline"
    });

网格正确显示内容。但是当我在网格中添加新记录然后显示错误

 Uncaught SyntaxError: Unexpected number

如果有人知道这一点，请帮助我

提前致谢

Answer 1

正如我在basic sample 中看到的，列定义的参数宽度应该是数字而不是字符串

 { field: "no_of_issues", title: "No. of issues", width: 100 },

UPD：正如Pavel Petrman所说，现在使用字符串宽度来设置适当的比例是可以接受的。例如，here作者使用“px”，您也可以使用相对点（“100％”）。

Answer 2

我刚遇到这个问题。问题很容易解决，但很难追查。所以我通过提供

来消除错误

create: function(options) {    
    options.success({ID:x});
}

其中x是有效的（在我的例子中，它是一个字符串）。

没关系对象中的其他内容：

options.success({ID:x, foo:bar, ... , stuff: {}, ...})

重要的是与您的模型ID设置相对应的有效ID（同样，在我的情况下

schema: {
    model: {
       id: "ID",

）。

关于这个特定问题，我会检查len参数。

Answer 3

我用错误的列映射得到这种错误。我有

 columns: [
 {
     field: 'Name',
     template: vm.categoryNameTreeTemplate
 },
 { field: 'Description' },
 { field: 'Category Code' }, -- this one is wrong
 { field: 'IsDeleted' },
 { command: ['create', 'edit'] }
]

但正确的版本是

columns: [
 {
     field: 'Name',
     template: vm.categoryNameTreeTemplate
 },
 { field: 'Description' },
 { field: 'CategoryCode' },  -- correct
 { field: 'IsDeleted' },
 { command: ['create', 'edit'] }
]

Uncaught SyntaxError：kendo ui grid中的意外数字

3 个答案: