Questions on Kendo UI for jQuery Forum

5 answers

380 views

Column That Points to Inner Object Property Doesn't Update After grid.refresh()

The issue is that I have a grid, which is setup to read data from the server, but I also perform other actions against the data, and want to be able to refresh the data using the result returned from other actions.

Here's the sample code that I use to replace a grid row data with newly updated data:

refreshInvoices = function (invoices) {

var grid = self.gridManager.grid();

$.each(invoices, function (index, invoice) {

var dataItem = grid.dataSource.get(invoice.documentID);

if (dataItem) {

$.extend(dataItem, invoice);

}

});

grid.refresh();

};

This works fine for simple columns, but it does not work for columns that are pointing at nested object properties.

such as in the below example column definitions, the invoiceDate column would display fine with the updated values, but department.description would not.

columns: [

{

field: invoiceDate

},

{

field: "department.description",

},

]

Grid

answered on 31 Oct 2017

5 answers

11.4K+ views

How to conditionally format a grid cell?

Hi,

I want to change the background color of a cell based on the value of adjecent cell. For example, change color of actual value cell based on the estimated value. How do I go about this? Do row templates support condition checking?

Apppreciate any help.
Thanks in advance

Grid

answered on 31 Oct 2017

1 answer

203 views

Unable to get Data on the Grid

I am using this code to bind data to Grid but my grid is empty. I can see the json data from the url

<body>
    <div id="grid">
        <script >
            $(document).ready(function () {
                $("#grid").kendoGrid({

                    dataSource: {
                        transport: {
                            read: {
                                url: "http://localhost:64878/api/GetData",
                                dataType: "jsonp",
                                type: "GET"
                            }
                        },
                        schema: {
                            model: {
                                fields: {
                                    AIDAParentName: { type: "string" },
                                    AIDAChildNames: { type: "string" },
                                    PortfolioName: { type: "string" },
                                    Class: { type: "string" }
                                }
                            }
                        }
                    },
                    height: 500,
                    scrollable: true,
                    selectable: true,
                    columns: [{
                        field: "AIDAParentName",
                        filterable: false
                    },

                           {
                               field: "AIDAChildNames"

                           }, {
                               field: "PortfolioName"
                           }, {
                               field: "Class"
                           }
                    ]
                });
            });
        </script>
    </div>

</body>

Grid

answered on 31 Oct 2017

1 answer

234 views

Scheduler with context menu problem on mobile browser

Hello,

I’m using Kendo Scheduler component (version v2017.3.913), my application was developed to work for both desktop and mobile browser. I add a context menu to copy and paste an event. But, I have problem about tap and hold to copy/paste event on mobile browser. After context menu is showing menu popup, it also simultaneously slide to edit event.

P/s: I'm not allow move and resize event.

I've prepared the following Dojo Snippet to illustrate the issue: https://dojo.telerik.com/@jasonlam/OyavI/3

How to fix it or any workaround?

Regards,

Jason

Scheduler

answered on 30 Oct 2017

8 answers

484 views

How to conditionally set the shape color

I am trying to understand how I can programatically set the color of a given shape.

I've seen examples where they are setting the color on the map's shapeCreated event. However that is changing the color for all shapes on that map.

For example say I have 4 shapes(polygons) and I want to make one red, the second blue, third yellow and fourth pink. How could I go about setting an individual shape color?

Map

answered on 30 Oct 2017

2 answers

569 views

Problem with nested grid

Hello!

Could you help me please.

I have a grid with detail rows. Inside each detail row there is a grid that has a detail rows too.

But when I click inside external detail row, all master rows of internal grid are expanding! And next click collapsing all these rows.

Version of library - from 2014 year.

I don't understand this behavior.

Sorry for my bad English.

Grid

answered on 30 Oct 2017

1 answer

59 views

How to change the name of the pdf toolbar for all grids?

kendo.ui.Grid.prototype.options.messages.commands =

   $.extend(true, kendo.ui.Grid.prototype.options.messages.commands, {

   pdf: "Esporta come pdf"

});

Grid

answered on 30 Oct 2017

1 answer

9.6K+ views

Datetime format in column of Grid

I am using api with json to get the date. With the attached code, I can get the date in correct format in Grid column but the time is always 12:00. How can I fix that.

{ field: "RequestedDate", title: "Requested Date", width: "150px", type:"datetime", template: "#= kendo.toString(kendo.parseDate(RequestedDate, 'yyyy-MM-dd'), 'dd MMM yyyy hh:mm') #" },

Thanks.

Grid

answered on 30 Oct 2017

2 answers

495 views

Paste value without overriding initial formatting

Hi! I am getting close to having a great interface based on kendo spreadsheet. It's a really good control to work with, congrats to the team for doing such great work!

An issue I am having is that if I copy a value from external source (excel/etc) and pasting it in the spreadsheet, I lose the initial formatting. Any way to prevent that?

For example,in this demo https://demos.telerik.com/kendo-ui/spreadsheet/index, if I copy a quantity value and paste it on price, I lose formatting, which I planned to keep. Any ways around that?

Thanks!

Spreadsheet

answered on 30 Oct 2017

1 answer

90 views

Scrollable up / down issue

Hey guys. We found some scrollable issue. Here is the dojo http://dojo.telerik.com/irOvo . When the Menu initializes with dynamic content (In our case, we're using angular ngRepeat) it won't show the up / bottom buttons. For showing buttons, you should manually scroll on menu area.

Menu

answered on 30 Oct 2017