Dear Telerik,

 

I have a problem with the 'Add New Record'-Functionality.
When my Webservice is returning an empty array I cannot add a new record with the 'Add New Record'-button.
The empty row appears for a brief period of time(less than 1 second) and disappears again.

The Problem does not occur when get a filled array from the webservice.

Can you please help me ?

 

Henri

Hi All,

My grid displayed all data except for one column and it's showing as [object object] and I can't figured out where the problem is.  Below is my code

results return from JSON

...

var data = { data: gridData, total: gridData.length };
options.success(data);

 var data = { data: kendoViewModel.BatchGridData, total: kendoViewModel.BatchGridData.length };
                            options.success(data);

 }

            },
            serverPaging: true,
            pageSize: 20,
            schema: {                
                data: "data",
                total: "total",
                model: {
                    fields: {
                         ReportList: { type: "object", editable: true },                                    
                    }
                }
...

...

columns: [
    {
        width: 50,
        headerTemplate: '<input type="checkbox" id="checkAll" />',
        template: '<input type="checkbox" class="checkbox" />'
    },   
    {
        field: 'ReportList.Description',
        title: 'In Reports',
        width: 135,
        template: '#=ReportList#',      //[object object]
        editor: function invoiceReportsDropDown(container, options) {
            if (options.model.ReportList.length <= 1)
                return;
            $('<input data-text-field="Description" data-value-field="Id" data-bind="value:' + options.field + '"/>')
                  .appendTo(container)
                  .kendoDropDownList({
                      dataSource: options.model.ReportList,
                      dataTextField: "Description",
                      dataValueField: "Id",
                  });
        }

 

if I replace  template: '#=ReportList.Description#',  I get undefined.  Any help is appreciated.

 

TIA

Hello,

Our designers asked us to us a pie chart which looks like https://bootsnipp.com/snippets/z8dD9 

We reviewed the documentation of https://demos.telerik.com/kendo-ui/donut-charts/donut-labels but we are not sure how to customize Kendo’s pie chart to match the requested design and especially the animation.

Can you please advise?

Thanks,

Ron.

Is it possible to have a line change from solid to dashed at some point, similar to the attached image? We'd like to do this to indicate the values transition from known to estimated values.

Hi,

After pacing the web and lots of forums, I still can not read a JSON file locally.

Can anyone help me ?

Here is my basic file for my tests, and my .json file on the right.

Forgive me if there are many mistakes. I start with Kendo UI

Thank you in advance for your precious help

How can i set filterMenuInit in the grid with MVVM?

What is the name of property? data-menu-init?

We have a number of grids with a remote datasource, and on the "Add Record" functionality, you see the new record get inserted into the grid, and get passed to the editing template, but no Create event is sent to via the remote transport until you actually accept on the editor.  However, when we set up a ListView with a remote datasource and a "New" button, similar to your demo, the transport's remote Create event seems to fired immediately with the editing template.  This is obviously a problem because the fields haven't been filled in, and also a remote record is being created before we know if we want that or not.

 

Does ListView behave differently than Grid with a remote datasource when adding a record?  I can't see where this would be desired behaviour, or if it is, how it would be turned off.  I can't seem to see how we might have messed up defining the datasource.  You have a demo with add/edit and one with remote datasource, but not both together, and we're going to try and merge them to give an running example of what we are seeing.

Description

After a date range is selected, if you select a new date range using the previously selected start date as the start date for the new range, the control will close before you select an end date for the new range. At that point, the start date will be filled in but the end date will appear to be empty. If you click on the control again and select a date, the end date will now be filled in.

Steps to reproduce:

1. Initialize a new date range picker control.
2. Select a date range.
3. Open the date range picker control to select a new range.
4. Select the same start date you had previously selected as your new start date.
   It is at this point that the control will have closed.
   
5. Open the control by clicking on one of the two date inputs.
   If you hover over a date, you will notice that the highlighting of that range occurs as expected.
6. Select an end date.

On another note, it's also worth mentioning that the Forum hyperlink on the documentation page for this control links to the Date/Time Pickers forum section rather than this one.

 

Hi - I have commercial license for Web UI

 I am not sure why id field is not getting populated. Please refer to code below.

It does add event which shows up on Scheduer and if I double-click the event it opens-up the edit window with fields correctly populated. If I select "Save" or "Delete", everything works fine but selecting "Cancel" will remove event. Seems like id field is not getting populated but I can't figure out what am I doing wrong..


<!DOCTYPE html>
<html lang="en">
<head>
    <link href='../css/kendo.common-bootstrap.css' rel='stylesheet'>
    <link href='../css/kendo.flat.css' rel='stylesheet'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
</head>
    
<body>
    <div id="scheduler"></div>
    
    <script>
        $("#scheduler").kendoScheduler({
              date: new Date("2014/01/06"),
              dataSource: {
            schema: {
                model: {
                    id: "id",
                    fields: {
                        id: {type: "number"},
                        start: {type: "date"},
                        end: {type: "date"},
                        title: {field: "Title"},
                        description: {field: "Description"}
                   }
                }
            }
            }
        });
        scheduler = $("#scheduler").data("kendoScheduler");
        
        scheduler.dataSource.add({                
        id: 1,
        start: new Date("2014/01/06 10:30"),
        end: new Date("2014/01/06 11:30"),
        title: "test",
        description: "test"
        });
    
        scheduler.view(scheduler.view().name);
    </script>
</body>
</html> 

Oracle DB returns this TimeStamp: "2018-11-07T00: 00: 00.000"

I would like to convert it to "2018/11/07T00: 00: 00.000"

and then convert it to 07/11/2018 (dd / MM / yyyy)

How can I do ?