Hello,

I am new to kendo ui. I have used grid to display my list of entries (stored in db). Now i want to make few rows in different color based on some condition i.e. i want to show all rows in different if any of my friends birthday is in next week. in my grid i am printing friend name and brithday.

Now as per the demo i used div for grid. It is showing all my friends in grid but there is no property where i can specify different colorfor few records.

Any idea how to achieve that?

Regards,
Ashok

Hello,

I'm evaluating Kendo for the project I'm working on for my company.  Does Kendo ui have any deep linking support for SPA (single page applications)  Or is this something I'm going to have to add myself.   I did a quick search of the forums and didn't see it mentioned.    (What I mean by deep linking, is the ability to use the forward, back and refresh buttons to navigate an SPA).

Thanks

If you look at the acutal inbuilt filter control on a grid column here: http://demos.kendoui.com/web/grid/remote-data.html
Is it at all possible to override the layout + functionality of this? For example:

• change text
• remove some options

When I try running the "customising templates" in Safari on the iPad the drop down appears but when I scroll the temple the drop down closes when I take my finger off it. -- Stuart

Should I expect the combo box to work in Safari on the iPad? When I try the demo when I click to open the drop down it immediately closes again. -- Stuart

Hi!

I'm trying to use kendoUpload through a Java servlet. Despite upload phase gets completed without a problem (that is, servlet receives and parses the input, and returns a successful JSON response with a page of type "text/plain") Kendo complains that unexpected server response. The strange thing is returned JSON response from the server looks ok, see below console output:

Server response: {"status":0,"data":[{"id":"4f11af83ccf2c8eb5e42afa8","text":"","type":"IMAGE","image":{"small":{"id":"4f11af83ccf2c8eb5e42afa7","width":100,"height":74},"large":{"id":"4f11af83ccf2c8eb5e42afa6","width":400,"height":296}}}]}

(I can also verify the above returned JSON from Firebug.) What might I be missing? How can I further diagnose the problem? (Using Kendo UI v2011.3.1129 GPL, Firefox 9.0.1) I reproduced the same error with "text/json" and "application/json" data types too.

BTW, I use kendoUpload as follows:

$(divSelect).html("<input id='input-4f11af83ccf2c8eb5e42afa7' type='file'/>");
$("#input-4f11af83ccf2c8eb5e42afa7").kendoUpload({
  async: {
    saveUrl: "/image/add",
    saveField: "image"
  },
  upload: function(ev) { ev.data = {...}; },
  success: function(ev) { ...; }
};

To further detail the problem, I introduced an error handler function to kendoUpload and placed a breakpoint right in the function body. Below is the stack trace at the breakpoint.

1. ev: Object
   1. XMLHttpRequest: XMLHttpRequest
      1. onabort: null
      2. onerror: null
      3. onload: null
      4. onloadstart: null
      5. onprogress: null
      6. onreadystatechange: null
      7. readyState: 4
      8. response: "{"status":0,"data":[{"id":"4f11e39cccf21c6288c10834","text":"","type":"IMAGE","image":{"small":{"id":"4f11e39cccf21c6288c10833","width":72,"height":100},"large":{"id":"4f11e39cccf21c6288c10832","width":400,"height":558}}}]}"
      9. responseText: "{"status":0,"data":[{"id":"4f11e39cccf21c6288c10834","text":"","type":"IMAGE","image":{"small":{"id":"4f11e39cccf21c6288c10833","width":72,"height":100},"large":{"id":"4f11e39cccf21c6288c10832","width":400,"height":558}}}]}"
      10. responseType: ""
      11. responseXML: null
      12. status: 200
      13. statusText: "OK"
      14. upload: XMLHttpRequestUpload
          1. onabort: null
          2. onerror: null
          3. onload: null
          4. onloadstart: null
          5. onprogress: null
          6. __proto__: XMLHttpRequestUpload
      15. withCredentials: false
      16. __proto__: XMLHttpRequest
   2. files: Array[1]
   3. isDefaultPrevented: function (){return f}
   4. operation: "upload"
   5. preventDefault: function (){f=!0}
   6. __proto__: Object
2. this: d.extend.init

In the above output, I dunno what responseType actually corresponds to, but in the Firebug output I can verify that the server response is of type "text/plain".


Best.

I am using a DataSource to connect to a PHP script that returns an array of JSON data and have that bound to a Kendo Grid.   I am wondering what the best way to add column sums (or other functions) to the display is.     Example, I have a data column (say, 'SALARY') and I want to total up all values in the grid for that column and display at the bottom.    As a user filters the display, the total should update based on the displayed (filtered) records. 

Any guidance appreciated.

Andrew

Hi,

I need to know how to rebind a datasource from a previously loaded JSon object.

Thanks in advance

Hi,

I have 2 small graphs in my page, each one has its own datasource. When I click on any small graph i want to load the same graph in a bigger container. Is there a way I can copy, or use the same datasource of the small graph in the big graph? This way I wouldn't have to read again the information from the server.  I haven't found anything similar to this in the forum yet.

Thanks for your attention

I am using the Kendo Grid and I want to edit the rows inline. Everything works fine, but after clicking on the row I want to edit I get an error in kedon.edidtable.js at line 165: that.binder = new Binder(container, that.options.model, settings); It says that Binder is undefinde.

Here is my code:
var gridDataSource;

        $(document).ready(function ()
        {

            gridDataSource = SimulateRestCall();

            var dataSource = new kendo.data.DataSource({
                data: gridDataSource,
                schema:
                    {
                        model:
                            {
                                id: "Id",
                                fields:
                                    {
                                        ShortName: { type: "string", validation: {required: true} },
                                        Name: { stype: "string", validation: {required: true} }
                                    }
                            }
                    },
                pageSize: 5
            });

            $("#grid").kendoGrid(
                {
                    dataSource:dataSource,
                    height: 210,
                    editable: true,
                    navigatable: true,
                    pageable: true,
                    toolbar: ["create", "save", "cancel"],
                    columns: [
                        { field: "Name", width: "120px", title: "Account Name" },
                        { field: "ShortName", width: "80px", title: "Short Name", filterable: false}]

                });
        });

I have no idea what I do wrong, thanks for your help,
Cheers