Questions on Kendo UI for jQuery Forum

5 answers

571 views

[Solved] Horizontal Scroll

Hi, Is there any way to enable horizontal scrolling to my Scheduler?

Scheduler

answered on 08 Oct 2020

4 answers

1.0K+ views

Using DataSource to add data attributes

I see that you can set the text and value of list items with dataValueField and dataTextField, but is there any way to set custom attributes with DataSource (ie: data-*)?

DropDownList

answered on 08 Oct 2020

4 answers

470 views

add zoom css style to grid kendo ui

agregar css de zoom a la cuadrícula, pero al hacer clic en los controles de filtro, los cuadros aparecen desalineados o separados del control ayuda ...

Diagram

answered on 08 Oct 2020

4 answers

3.3K+ views

How to pass string as a argument in a Template

How can I pass a string with single quote in a Kendo grid template -

In the below code I have a function confirmDelete which expects a string argument, in the example I am passing id (encrypted string) but when I add the single quote around it the HTML rendering fails. If I pass just id with no quotes AngularJs throws a error.

This may not be the right forum but I have not got response from the Kendo Lab, i will appreciate your help.

k-columns='[
{ "field": "firstName", sortable:true, "title": "First Name"},
{ "field": "lastName", sortable:false,"title": "Last Name"},
{ "field": "middleName", sortable:true,"title": "Middle Name"},
{ "field": "id", sortable:true,"title": "Id"},
{ "template": "<a href=\"Constituent/Detail/#: id#\">Edit</a><a href=\"\" ng-click=\"confirmDelete('\"+id+\"')\">Delete</a>", "title": "Actions" }]'

General Discussions

answered on 07 Oct 2020

3 answers

414 views

[Solved] Kendo MVVM Template - Not binding Correctly

Hi,

I am trying to bind kendo template with MVVM but unfortunately facing some weird issue. My JSON looks correct but the template is binding the data incorrectly. What's interesting is if I comment either Dropdown or Span, the other control works perfectly. I tried assigning a unique Ids to control but it's not helping. Could you please check below fiddle?

http://jsfiddle.net/rahulsingii/5nzcruk3/8/

General Discussions

answered on 07 Oct 2020

6 answers

867 views

Globally Override Default Properties

Hi Guys,

When using the Grid widget I can globally override a property, for example columnMenu as follows

   kendo.ui.Grid.fn.options.columnMenu = {
        columns: true
   };

but I am unable to find any examples in how to override the default dataSource properties.

What I'm trying to achieve is to always default the schema section with the following values

   schema: {
        data: "data",
          errors: "error",
          total: "total",
     },

to save having to duplicate them on every dataSource instance.

Is this at all possible ?

Regards
Alan

Data Source

answered on 07 Oct 2020

1 answer

214 views

Show Grid Values on a form

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"
}];

Grid

answered on 07 Oct 2020

1 answer

197 views

Get range of date axis

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?

Charts

answered on 07 Oct 2020

13 answers

1.6K+ views

Grid group footer names

We have an Aggregrate Grid that is grouping on two fields. The Grid handles this great, but a display problem is causing some user confusion.

See the attached screenshot. We are grouping on "Year" and "Make". We wanted to show "Total:" on the group footer row so users know what the row is for. So in the "Vehicle" column, we set the groupFooterTemplate to "Total:". You can see it appearing in the screenshot just fine.

So now for the Make groups and the Year groups, there appears a "Total:" in the aggregate footer row. But as you can see in the screenshot, the last Make group footer row (circled in red) sits right on top of the Year group footer row (circled in blue), and they both show "Total:" on that row, but it looks confusing. Is there any possible way to display "Make Total:" and "Year Total:" on those rows? Or even better would be "Mazda Total:" and "2015 Total:". In other words, instead of just specifying this column:

{ field: "Vehicle", title: "Vehicle", footerTemplate: "Grand Totals:", groupFooterTemplate: "Total:" }

Is there a way to use the group name in the groupFooterTemplate?

{ field: "Vehicle", title: "Vehicle", footerTemplate: "Grand Totals:", groupFooterTemplate: this.groupName + " Total:" }

Grid

answered on 07 Oct 2020

5 answers

284 views

Ordered list numbering skips number (IE) (MVC)

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);
})

Drawing API

answered on 07 Oct 2020