Questions on Kendo UI for jQuery Forum

1 answer

1.5K+ views

Editable Grid Uncaught ReferenceError: is not defined when adding new email column

Hi! First of all I want to thank you for creating KendoUI.

I'm having problem with editable grid here with JSON response from servers... When I click Create it throws an error in Chrome saying Uncaught ReferenceError: firstName is not defined
This only happens when I'm inserting an email column. But it becomes Okay when I change it back to string. here's the code:

<script>

var blankData;

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost/EditableCrudGrid/gridtest.php?table=gridTest&mode=Read",

dataType: "json",

type: "POST",

data: {"SQLCMD":"SELECT * FROM gridTest","Table":["firstName","nickName","lastName"],"PrimaryKey":"PeopleID"} // this JSON data serves as parameters when returning data from the database

},

update: {

url: "http://localhost/EditableCrudGrid/gridtest.php?table=gridTest&mode=Update",

type: "POST"

},

destroy: {

url: "http://localhost/EditableCrudGrid/gridtest.php?table=gridTest&mode=Destroy",

type: "POST"

},

create: {

url: "http://localhost/EditableCrudGrid/gridtest.php?table=gridTest&mode=Create",

type: "POST"

}

},

// determines if changes will be send to the server individually or as batch

batch: true,

//...

pageSize: 30,

data: blankData,

autoSync: true,

schema: {

model: {

id: "PeopleID",

fields:

{"PeopleID":{"editable":false,"nullable":true},"firstName":{"type":"email","validation":{"required":true},"nullable":false},"nickName":{"type":"string","validation":{"required":true},"nullable":false},"lastName":{"type":"string","validation":{"required":true},"nullable":false}}                             }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

pageable: true,

height: 260,

toolbar: ["create"],

columns:

[{"field":"firstName","title":"First name"},{"field":"nickName","title":"Nick Name"},{"field":"lastName","title":"Last name"},{"command":"destroy","title":" ","width":"110px"}]                            ,

editable: true

});

</script

I hope you can help me with this... Thanks!

Grid

answered on 08 Jun 2012

0 answers

121 views

Legend

how to Dynamically assign value to the legend label in kendo ui chart

Charts

asked on 08 Jun 2012

0 answers

98 views

TileView in Kendo ?

Hi to all ,

I was wondering if TileView implementation is possible or not by using KENDO .If it is not , can you please give me other ways to create a view similar to TilwView

TileView's link that I want to have :

http://demos.telerik.com/silverlight/#TileView/FirstLook

Thanks...

General Discussions

asked on 08 Jun 2012

1 answer

450 views

Column reordering & row templates for grids

Does anyone have any ideas about how to use column reordering and row templates for a grid? The problem I'm running into is that after the columns have been reordered and the user goes to the next page of data in the grid, the columns headers don't match the data.

Is there some way to access the column order in the template to adjust the order of the columns in the template?

Grid

answered on 08 Jun 2012

0 answers

108 views

Calling SAP web service

Hello,

Is it possible to call an SAP web service from a mobile app developed with Kendo? (not using NW Gateway 2.0)
If so, any examples to offer?

Thanks

General Discussions

asked on 08 Jun 2012

1 answer

77 views

[Solved] Select a Row in a grid which is on 3rd page using API

I have a scenario where I want to be able to select a row thats not on the first page programitically. I know how to select a row using API, I know how to set the page, but when I use both together I dont get the desired result. Here is a jsFIddle that has a sample http://jsfiddle.net/navnitmehta/pafrT/5/

Thanks for looking...

Grid

answered on 08 Jun 2012

1 answer

131 views

Why the Id field cannot display on the kendo grid?

Hi,
This is MVC4, ASP.net, C#

I have data model such as following

ProductId
ProductName

I tried with many time but got the same result

the ProductId is "undefined"
Why?

(function (mstats, $) {

    var Product = kendo.data.Model.define({
        ProductId: "ProductId"
    })

    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "../api/Product/GetAllProduct",
                dataType: "json"
            }
        },
        schema: {
            model: Product
        }
    });

    $('#grid').kendoGrid({
        dataSource: dataSource,
        selectable: true,
        columns: [
        {
            Field: "ProductId",
            title: "Product-Id"
        },
        {
            field: "ProductName",
            title: "Product-Name"
        }]
    });
} (this.mstats = this.mstats || {}, jQuery))

Grid

answered on 07 Jun 2012

0 answers

127 views

Datagrid doesnt load large results

Hi

I am trying to bind a large local data set (56mb) onto kendogrid. I have verified data successfully reaches client from ajax call but the grid is not able to load the data. Empty grid shows up.

What is the best way to work with large data set if I want to use local data set and not bind directly to remote dataset ?

Thanks
Aparna

Update: grid did load when I set pagesize ... Is there a way to load the grid as the data is being streamed in ?

Grid

asked on 07 Jun 2012

6 answers

413 views

[Solved] Changing items in collapsed panels

Posting this to ask if it is a bug or expected... and also maybe help others with this issue.
If you have collapsed panels and try to enable/disable/jQuery.show/jQuery.hide/etc... to elements in the collapsed panel you get no effect or very undesired/buggy effects.

Here is my solution:

//get panelbar objects and collapsed/enabled status

var panelBar = $("#PanelBar").data("kendoPanelBar");

var editorBar = $('[id^="PanelEditor"]');

var editorBarIsDisabled = editorBar.hasClass("k-state-default");

//expand panelbars so we can show/hide controls

if (editorBarIsDisabled) panelBar.expand(editorBar);

// do visual changes here etc...

//collapse panelbars if they were already

if (editorBarIsDisabled) panelBar.collapse(editorBar);

PanelBar

answered on 07 Jun 2012

0 answers

192 views

bind() vs kendoWidget() and nested templates

I would like to understand the difference between calling kendo.bind() and $('#foo').kendo<Widget>(). I have a jsfiddle at http://jsfiddle.net/sholder/yAujr/ which demonstrates what is confusing me. The call below to $('#listview')... does not produce the result I expect in that the nested template is not rendered. But if I call the kendo.bind() as below then I receive the expected result.

$('#listview').kendoListView({
dataSource:{data:viewModel.categories},
template: kendo.template($('#category-template').html())
});

kendo.bind($('#list'), viewModel)

So, what is kendo.bind doing that the call to kendoListView() does not?

Thanks,
Shane Holder

Templates

asked on 07 Jun 2012