I've got a api endpoint that spits out the following JSON:

[{"Start": "2015-03-08T21:43:31Z", "Attendee": ["andrew", "bobo"], "End": "2015-03-08T22:43:33Z", "Description": "", "TaskID": 1, "Title": "Test Event", "OwnerID": 2, "IsAllDay": false}]

            schema: {
                model: {
                    id: "taskId",
                    fields: {
                        taskId: { from: "TaskID", type: "number" },
                        title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                        start: { type: "date", from: "Start" },
                        end: { type: "date", from: "End" },
                        ownerId: { from: "OwnerID", defaultValue: 1 },
                        attendee: { from: "Attendee"},
                        isAllDay: { type: "boolean", from: "IsAllDay" }
                    }
                }
        },

        resources: [
            {
                field: "attendee",
                title: "Attendee",
                dataSource: [
                    { text: "Alex", value: 1, color: "#f8a398" },
                    { text: "Bob", value: 2, color: "#51a0ed" },
                    { text: "Charlie", value: 3, color: "#56ca85" }
                ]
            }
        ]
     },


All the examples I've seen for custom resources are not derived but are hard coded.  How do I get the values JSON into the dataSource resource for attendee?

Hey,

I tried to implement autoSync but it throws the following exception:
:3001/js/kendo.all.min.js:11 Uncaught TypeError: Cannot read property 'call' of undefined

Here's the code of the controller that handles the grid in AngularJS.


Please advise.

Hello,
I have a question related to stackbar charts.

I have 2 series and dataSoursce grouping.
I'm trying to use 'StackBar style' on one of series, but I want to keep another in 'bar style'.

And I have a following problem.
Those columns are stacked. Even if I'm trying to disable second series.

Please have a look here:
http://jsfiddle.net/fyJys/712/

I need a chart that will look like something like this:
http://dojo.telerik.com/OGImU

but with first example configuration.

Is it possible?

Thanks,
Vlad.

I have a drop-down box on a webpage that fires an event on change, that creates a grid based on the drop-down's selection.
It works fine, but after selecting a drop-down more than once, it will load the data properly but as soon as you press the page button. It will reload data from the first selection made again.
I'm assuming this has something to do with the "total" field not updating?? 
Anyway, here is my code:


<div id="select_phone" name="select_phone"/>
<div id="grid"></div>

<script>


//load a list into select_phone drop-down
$('#select_phone').load('/dashboard/select_phone.php');
            
 
  function phone_select(phone) 
  { 
// this loads the grid with data from the select_phone drop-down

$(function() {

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

                         toolbar: ["excel"],
        excel: {
            allPages: true
        },
        dataSource: {
                            transport: {
                                read: "/dashboard/call_data.php?imei="+phone,
                                dataType: "json"
                            },
                            schema: {
total: function(response) 
{
                return $(response.data).length;
      },
                                data: "data"
                            },
                            pageSize: 8,
sort: {
            field: "Time",
            dir: "desc"
        }
                        },
                        height: 550,
                        scrollable: true,
resizable: true,
                        sortable: true,
                        filterable: true,
                        pageable: {
                            input: true,
                            numeric: false
                        },
                        columns: [
                            { field: "Name", title: "Name", width: "200px" },
                            { field: "Phone", title: "Phone", width: "130px" },
                            { field: "Time", title: "Call Time", width: "130px" },
                            { field: "Duration", width: "130px" }
                        ]
                    });


});

$('#grid').data('kendoGrid').refresh();

  }
 
 </script>

I would love it if the drop down list could show a list of items with sub-menus such as the products menu shown at: http://demos.telerik.com/kendo-ui/menu/index

I'm trying to hack together a solution using the menu control, but it isn't trivial to do (especially when AngularJS is involved). Is something like this possible already?

Hey,

I'm trying to accomplish the following scenario for setting filter dynamically from outside the grid:
I have a 'Status' column, I want to set the filter for this column to 'Pending' by clicking a 'Pending' button which is located outside the grid.

Please advise.

I am having trouble with styling my custom group footer templates. You can see in the screen shot that I have two footers and they are both indented at the same level. This is misleading and hard to understand. 

There are two things that could potentially make this easier to read but I can't seem to find a way to accomplish either one. 

1. Find a way to put the associated group name in the footer
2. Style or remove the spacer td elements so that each footer appears to align with it's parent group header.

This would be fairly easy to fix if the grid would add some sort of identifiable attribute/class/id to these footers so that they could easily be targeted, but I see no such thing. 

Any help or suggestions would be appreciated?

There is a bug in Kendo UI GridView when running on chrome version 41.0.2272.76. Is there a bug fixing for this error?

I'll appreciate any help.

Hi!
I started using the new filter row and I think it's great!
However, in busy grids with several columns it looks awful. The filter controls don't resize, so in narrow columns it get's cut off and in wide columns the space is wasted.

I created a helper function that through some event handlers, attempts to fix this. All you need to do is call "grid.autoFixFilterWidth()"

http://jsbin.com/wipazupexaqi/3/edit

I really wish something like this would be implemented by default, hopefully using css rules and not some hacky js like my solution, but in the mean time this works for me. Ymmv.
Hope it helps someone!
Regards

Andrés

I'm sure I'm missing something simple here, but I am trying to develop a site for a British based group and I'm trying to display a set of values in GBP. I have included the culture file and when I display currency, I see Â£20.00. I've spent some time looking and people are are saying that the character encoding is set wrong, changing it to UTF-8 does nothing. I tried to modify the culture file to include &pound; instead of the actual symbol placed in there, but it's encoding that so I get &pound; put on the page.