Questions on Kendo UI for jQuery Forum

7 answers

514 views

Hi,

Maybe I missed something obvious but how can I know and handle change when user edit a cell ?

I have read that fire fires before the grid item is changed and change event in dataSource do not seem to be called.

For information I'm not using remote data but local.

var data = new Array();

data.push({Id: 'id'});

var grid = $("#grid").kendoGrid({

dataSource: {

data: data,

schema: {

model: {

fields: { Id: { type: "string", validation: { required: true} },}

}

},

change: function() {console.log('dataSource change');},

},

editable: true,

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

columns: [{field: "Id",},],

save: function(data) {

console.log('grid save');

for(i in data)

console.log(i + ' = ' + data.i);

},

}).data("kendoGrid");

Thanks
Yvan

Grid

answered on 30 Dec 2011

3 answers

562 views

Trying to get data from a local json file.

Hello,

I need some help connecting to a json file.

I have attached my html file and my json file.

I can't get the json data to show up in my grid.

Please help,

P

Data Source

answered on 30 Dec 2011

1 answer

335 views

Setting Width Of Individual ComboBoxes

What do I target to set the width of the individual comboboxes?

I have one combobox which has longer text. I tried targeting the <input> with a CSS class but it only makes the input area bigger. The dropdown still remains skinny.

ComboBox

answered on 30 Dec 2011

1 answer

125 views

More filter examples

Is there a way to pass multiple values for orderId.
filter: [ { field: "orderId", operation: "eq", value: 10248 }]

For example...

filter: [ { field: "orderId", operation: "in", value: 10248,10249 }]



It would be nice there were more examples of how to use this config.

Data Source

answered on 30 Dec 2011

0 answers

80 views

Performance when dealing with large set of data

The user will have better user experience, if the whole data is downloaded to the browser/client and update the view based on the user's selection. I have a large set of data having 5000 rows. I'm looking at the alternate approach where I can make an ajax call based on the user's selection, and brings-in whatever necessary.

Any idea what is the maximum size of data the browser can hold in it's memory?

Data Source

asked on 29 Dec 2011

4 answers

959 views

Number Treated as String for Filter

At least that is what I am assuming. I have a datasource bound to a grid. It is a delayed binding, so the url is set later, but I do get the expected data. When I select the filter item for price I get the following on the console:

d.Price.toLowerCase is not a function
predicate = filter = new F...", "return " + compiled.expression); kendo.all.js (line 4144)

Thanks for your help.
Randy

Data Source:

var myQuotes = new kendo.data.DataSource({
    transport: {
        read: ""
    },
    schema: {
        data: "d",
        schema: {
            model: {
                fields: {
                    Carrier: { type: "number" },
                    ErroMsg: { type: "string" },
                    Key: { type: "string" },
                    Price: { type: "number" },
                    Service: { type: "number" },
                    Sig: { type: "number" },
                    WeightLbs: { type: "number" },
                    WeightOz: { type: "number" }
                }
            }
        }
    }
});

Grid:

    myQuotes.transport.options.read.data = "d";
    myQuotes.transport.options.read.url = 'ws/srvQuickQuote.svc/Quote';
    myQuotes.fetch(function () {
        $("#grid").kendoGrid({
            dataSource: myQuotes,
            height: 600,
            scrollable: true,
            sortable: true,
            filterable: true,
            pageable: true,
            columns: [
                {
                    field: "Carrier",
                    type: "number",
                    title: "Carrier"
                },{
                    field: "Service",
                    type: "number",
                    title: "Service"
                },{
                    field: "Sig",
                    type: "number",
                    title: "Signature"
                },{
                    field: "Price",
                    type: "number",
                    title: "Price"
                },{
                    field: "ErrorMsg",
                    type: "string",
                    title: "ErrorMsg"
                }
            ]
        }
 
        );
    });

Grid

answered on 29 Dec 2011

4 answers

260 views

Fail to set Kendo UI Widget selection/value in document.ready

If I use below way to set Grid selection:
$(document).ready(function () {
}

$(document).ready(function () {

$("#grid").kendoGrid(...);

var grid = $("#grid").data("kendoGrid");

//alert(1);

var selection = grid.tbody.find(">tr").eq(1);

grid.select(selection);

}

row selection will not succeed, if uncomment "alert()", row selection is working.
So I only can use below way to implement row selection in document.ready without "alert":

$(document).ready(function () {

var grid = $("#grid").kendoGrid(...

dataBound: function() {

var selection = grid.tbody.find(">tr").eq(1);

grid.select(selection);

}

).data("kendoGrid");;

}

But for DropDownList, it is not so lucky.
DropDownList hasn't dataBound event, if I need to set its value during loading as below:

$(document).ready(function () {

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

//alert(1)

DDL.value(1);

}

It fails.
Could you figure out a way to implement setting DDL's value in loading?

btw: all these UI Widget are in Kendo Tab.

General Discussions

answered on 29 Dec 2011

1 answer

127 views

Translating Data Source

I have a webservice that returns a list of objects. Most of the fields are enums, or rather integers when they show in the grid. Is there a way to process that field and display it as a more human readable format? I figure I will have to maintain a integer to string conversion function that matches the enums of the webservice, but how can I get that function to be called?

The only way I can see it working now is to create a new object and copy the rows over one by one translating as I go. I am hoping for something easier.

Thanks
Randy

Grid

answered on 29 Dec 2011

0 answers

163 views

Problem on kendogrid datasource and wcf service

Hi,

I had quite some trouble to get the grid to bind to json data returned by a WCF service hosted on IIS 7. The following works for me:

                $.ajax({
                    dataType: 'json',
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    data: '{}',
                    url: 'api/dsl',
                    success: function (data) {
                        $("#grid").kendoGrid({
                            dataSource: {
                                data: data,
                                pageSize: 10
                            },
                            height: 750,
                            groupable: true,
                            scrollable: true,
                            sortable: true,
                            filterable: true,
                            pageable: true,
                            autobind: true
                        });
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        alert("error: " + textStatus + ": " + jqXHR.responseText);
                    }
                                });

It seems i need to specify contenttype and data in order to have jquery play nice with IIS 7 (this post helped me: http://encosia.com/3-mistakes-to-avoid-when-using-jquery-with-aspnet-ajax/). It all started to work for me then when I set those properties on the ajax call.

Now I would like to use the datasource property in the kendogrid rather than using the ajax success callback. Is there any way to achieve this?

Kind regards,

Roel Hans

Grid