Hello,

I have this kendo jquery grid, and I want to display the selected row values to the form above. How can I best achieve that?

and secondly, I want to send the selected row(s) to a controller for processing...

index.vbhtml:
    <div><input id="TxtLoanCodeDescription" /></div>
    <div id="grid"></div>
<script src="~/Scripts/loanInstallments.js"></script>

<script>
    $(document).ready(function () {
        $("#grid").kendoGrid({
            dataSource: {
                data: installments,
                schema: {
                    model: {
                        fields: {
                            InstallmentNo: { type: "string" },
                            InstallmentPeriod: { type: "string" },
                            InstallmentMonth: { type: "string" },
                            Principal: { type: "string" },
                            PrincipalRepaid: { type: "string" },
                            PrincipalBalance: { type: "string" },
                            Interest: { type: "string" },
                            InterestRepaid: { type: "string" },
                            InterestBalance: { type: "string" }
                        }
                    }
                },
                pageSize: 20
            },
            //toolbar: ["search"],
            height: 155,
            scrollable: true,
            selectable: "multiple",
            sortable: false,
            filterable: false,
            pageable: false,
            columns: [
                { field: "InstallmentNo", title: "Install", width: "50px" },
                { field: "InstallmentPeriod", title: "Period" },
                { field: "InstallmentMonth", title: "Month" },
                { field: "Principal", title: "Principal" },
                { field: "PrincipalRepaid", title: "Principal Repaid" },
                { field: "PrincipalBalance", title: "Principal Balance" },
                { field: "Interest", title: "Interest" },
                { field: "InterestRepaid", title: "Interest Repaid" },
                { field: "InterestBalance", title: "Interest Balance" }
            ]
        });
    });
</script>

loanInstallments.js

var installments = [
  {
    InstallmentNo: "1",
    InstallmentPeriod: "June 2020",
    InstallmentMonth: "June",
    Principal: "10, 000.00",
    PrincipalRepaid: "0.00",
    PrincipalBalance: "10, 000.00",
    Interest: "0.00",
    InterestRepaid: "0.00",
    InterestBalance: "0.00"
    },
    {
        InstallmentNo: "2",
        InstallmentPeriod: "June 2020",
        InstallmentMonth: "June",
        Principal: "10, 000.00",
        PrincipalRepaid: "0.00",
        PrincipalBalance: "10, 000.00",
        Interest: "0.00",
        InterestRepaid: "0.00",
        InterestBalance: "0.00"
    },
    {
        InstallmentNo: "3",
        InstallmentPeriod: "June 2020",
        InstallmentMonth: "June",
        Principal: "10, 000.00",
        PrincipalRepaid: "0.00",
        PrincipalBalance: "10, 000.00",
        Interest: "0.00",
        InterestRepaid: "0.00",
        InterestBalance: "0.00"
    }, {
    InstallmentNo: "4",
    InstallmentPeriod: "June 2020",
    InstallmentMonth: "June",
    Principal: "10, 000.00",
    PrincipalRepaid: "0.00",
    PrincipalBalance: "10, 000.00",
    Interest: "0.00",
    InterestRepaid: "0.00",
    InterestBalance: "0.00"
}];

Hi Telerik,

We are have a line chart that have date axis. How do we can get date range between major if we set baseUnit = fit?

W

We are using drawDOM and exportPDF to generate pdf file for our ASP.net MVC page. However the Ordered list (OL tag) are not rendered correctly on the pdf, the number seems to skip (example 1,3,5 ... instead of 1,2,3,4,5) and also we noted that the alphabet/roman numbering are also not supported. This only happens when we are using Internet Explorer ver 11 and Edge ver 44.18362.449.0. Are there any work arounds or fixes for this issue? Your help is greatly appreciated.

kendo.drawing.drawDOM($(elementID))
            .then(function (group) {
                return kendo.drawing.exportPDF(group);
            })

Hi, we found a performance issue that occurs only in the "agenda" view, specially when events have several days of duration.

Look at this dojo.

https://dojo.telerik.com/@foxontherock/IZafonEW

In the "week" view, navigation from week to week is very fast.

In agenda view, it's very slow.

The issue is in that function: 

kendo.ui.AgendaView.prototype._tasks

On the 2nd loop, there's that call
task = event.clone();
and this one is repeated for each day of the event, even if the day to analyse is out of the agenda current period.

I think you can solve it by only looping the "visible" days of the current view.

In our case, events have several other fields not related to the agenda.  We are able to increase performance by removing them and only keep required ones, it's better, but still slow.

All others views performs very well with huge dataset / events on multiple days.

Hi, we have some multiselect with tons of data (about 5000+).

That makes the "dom" very charged and the ui slow.

We found a part of the solution, in that dojo:

https://dojo.telerik.com/@foxontherock/oDerIDAg/3

DOM is very light as we only display first 50 items, and if the user "search" for the items, it finds it on any page. The value is correctly set.

But, when I load the item with values, they are not set if they are not on page 1.  

But, the solution is near, as they are correctly set when we select it from a search...

Do you need to fix something, or is there an easy solution I can do to make the items correctly set initially?

Thank you.

I have a diagram which allows shapes to be dragged around, but when the user is zoomed out and hovers over the shape the connectoes appear and block the shape from being dragged. I actually do not need the connectors to be visible at all; so the best option is to hide them.

My code uses the following; as I also use drag and drop from a list box to add shapes to the diagram:

var shape = new Shape({ id: values.d.balls[i].id, x: values.d.balls[i].x, y: values.d.balls[i].y, type: "circle", content: { text: values.d.balls[i].name }, fill: { color: values.d.balls[i].colour } });
diagram.addShape(shape);

And when I use the shaopeDefault to try and alter the connectors the above method does not seem to use the shapeDefault at all; as I thought I may be able supply a zero length connectors or limit it to 1 connector. But if the shapeDefault option does not work I need another solution.

Hello!

We need a ListView that has both the grouping (type = group) functionality of the MobileListView, and the ability to use key controls to navigate and select through the list like the normal ListView. Is there any way to accomplish this with either MobileListView or ListView?

Thanks!