Questions on Kendo UI for jQuery Forum

6 answers

565 views

how to use Kendo UI Grid with Ruby On Rails

Hello Guys,

Please help me on how to bind the data from Ruby on Rails using the grid.

Appreciate any help.

Thank you.

wawhe

Grid

answered on 26 Dec 2011

1 answer

203 views

Filter on Grid Getting toLowerCase error

Hi -
I have my grid set up below when i try to filter a column i get to lowercase undefined error but without the row template the filtering works. But i need to do row templating because i wanted some ajax buttons in my grid columns

   $(document).ready(function () {
        $("#grid").kendoGrid({
            dataSource: {
                dataType: "json",
                transport: {
                    read: "@HttpContext.Current.Request.Url/GetUsers"
                },
                schema: {
                    data: "Users",
                    total: "Count",
                    model:
                        {
                            fields:
                            {
                            UserLastName: {field: "UserLastName", type: "string" },
                            UserFirstName: { type: "string" },
                            UserInstitutionName: { type: "string" }
                            }
                       }
                    },
                serverPaging: false,
                serverSorting: false,
                serverFiltering: false,
                pageSize: 25
            },
            rowTemplate: kendo.template($("#rowTemplate").html()),
            sortable: true,
            pageable: true,
            filterable: true,
            scrollable: false
        });

Grid

answered on 26 Dec 2011

3 answers

388 views

[Solved] Editing in grid using JSON web service

Hi,

I am trying to implement grid editing. Grid is using JSON web service as data source. Getting data works great, but when I try to save changes I get an error "The incoming message has an unexpected message format 'Raw'. The expected message formats for the operation are 'Xml'; 'Json'. "

var dataSource = new kendo.data.DataSource({

severFiltering: false,

serverPaging: true,

pageSize: 15,

batch: false,

transport: {

read: {

url: crudServiceBaseUrl,

dataType: "json"

},

update: {

url: crudServiceBaseUrl,

type: 'PUT',

dataType: "json"

}

},

schema: {

data: "Data",

total: "Count",

model: {

id: "ID",

fields: {

ID: { editable: false, nullable: false },

Name: { type: "string" },

Unit: { type: "string" }

}

});

$("#grid").kendoGrid({

theme: "metro",

dataSource: dataSource,

scrollable: false,

pageable: true,

height: 400,

toolbar: ["save", "cancel"],

columns: ["ID", "Name", "Unit"],

editable: true

});

What should I do to enable updates using JSON web service?

Thanks,

Igor

Data Source

answered on 26 Dec 2011

3 answers

98 views

Performing multiple data store filter requests

Hi,

We have a server side filtering component to our data store. When we issue multiple requests before the server can respond:

dataStore.filter({ user_id: 1 });

dataStore.filter({ user_id: 2 });

The "user_id = 1" request may end up coming after the second request, which means the displayed data is not what the user requested.

Is there a way that this can be fixed? It seems like we can only listen to onChange events in the dataSource, which unfortunately don't tell us which request this response data is for. Thanks!

Data Source

answered on 26 Dec 2011

2 answers

221 views

Sync method not called on DataSource

I have a very basic ASP.NET MVC app that has a kendoGrid and DataSource defined on a page. The read method works fine and populates the grid as expected, but I'm having issues with the create method. I've set the datasource's schema model to a model I defined and I've inspected and confirmed the model shows the new item after calling the add method on the datasource. Additionally, the new item also appears in the grid. For some reason, though, it seems when I call sync() the MVC controller method isn't called. Then when read() is called on the datasource the new item is cleared since it wasn't persisted.

Hopefully I've just missed something very simple, but I'm pretty confused why the create method doesn't seem to be called when the datasource is synced.

Any ideas?

Data Source

answered on 26 Dec 2011

0 answers

89 views

Basic question - can you two way databind the slider to an observable datasource?

Thanks.

Slider

asked on 24 Dec 2011

0 answers

102 views

dataSource observability documentation semantics

It would be helpful to differentiate between one time (once only), one way (source to target) and two way (bi-directional) concepts when discussing observability.

Data Source

asked on 24 Dec 2011

0 answers

116 views

losing selection while changing pages

Hy i have trouble with Kendo UI Grid. I don't know if this behaviour is a bug or it have to be such way, but when i select row and go to another page and then back to same page selection is gone.

Am i missing something?

Grid

asked on 23 Dec 2011

1 answer

629 views

Kendo newb loses drop down arrow!

I'm looking at Kendo for my company and am currently on the demo. I've got a simple page with just a drop down and a button, the only Kendo piece is the drop down. It's functioning as it should but the style is not quite right.

http://screencast.com/t/5nERRH7Rg
http://screencast.com/t/qKXCcirZyKq

As you can see the down arrow is missing. I'm thinking that this has to do with my file structure but I haven't seen anywhere in the Kendo files I can change the file path for the icons. Since I'm on the demo and have the min files that also doesn't make it easy to figure it out.

If I open the dev tools and select element on where the arrow should be, I see the below file path.

http://screencast.com/t/xxCkrvanEn

Any thoughts or help would be much appreciated. Thanks!

EDIT: I forgot to mention I also see the same thing with the Combo Box.

<select id="DataCenterLocationList">

<%--<option>North America - South Central</option>--%>

<option>North America - NorthCentral</option>

<option>Europe - West</option>

<%--<option>Europe - North</option>--%>

<%--<option>Asia - South East</option>--%>

<%--<option>Asia - East</option>--%>

</select>

$(document).ready(function ()

{

// create ComboBox from select HTML element

$("#DataCenterLocationList").kendoDropDownList();

var dataCenterLocationList = $("#DataCenterLocationList").data("kendoDropDownList");

});

DropDownList

answered on 23 Dec 2011

1 answer

301 views

json serialize, deserialize

There are several examples on the web for serializing form content into JSON strings and vice versa. Does Kendo support its own API for this?

One example I found is here - http://agaoglu.tumblr.com/post/1231059494/serialize-form-data-to-json-with-jquery
Another - http://jsfiddle.net/sxGtM/3/

Would like to know what Telerik prefers/suggest.

General Discussions

answered on 23 Dec 2011