Telerik Forums
Kendo UI for jQuery Forum
3 answers
1.0K+ views

Hi,

 

how can I get the plain text corresponding to the Editor's value?

 

Thanks

Ivan Danchev
Telerik team
 answered on 28 Apr 2017
2 answers
224 views

A really simple angular-cli project, the only thing changed after ng new is installing kendo-ui, @types/kendo-ui and @types/jquery and then adding jquery and kendo-ui to types in tsconfig-app.json

Then use this for the app.component.ts

import { Component, OnInit } from '@angular/core';
import * as $ from "jquery";
import '@progress/kendo-ui/js/kendo.scheduler';
@Component({
    selector: 'app-root',
    template: `<div id="scheduler"></div>`
})
export class AppComponent implements OnInit {
    public ngOnInit(): void {
        let scheduler = $("#scheduler").kendoScheduler({
            date: new Date("2013/6/13"),
            startTime: new Date("2013/6/13 07:00 AM"),
            views: [
                "day",
                { type: "workWeek", selected: true },
                "week",
                "month"
            ]
        }).data("kendoScheduler");
         
        console.log(scheduler.view()); //undefined
        scheduler.view("month");
        console.log(scheduler.view());
    }
}

 

The problem is that when not explicitly set, scheduler.view() is undefined, then when set, it works as expected.

I would expect it to be set to whatever the calendar has as selected view, and this is how it works when using the system.js version of kendo-ui, so something seems really fishy here since I would assume the codebase is the same between the system.js and npm(amd) versions.

I have not been able to completely rule out angular-cli here, since I cannot get the system.js version of kendo-ui to work in angular-cli, and I have not tried getting the npm version to work in a system.js based build system yet.

Plamen
Telerik team
 answered on 28 Apr 2017
1 answer
249 views

Is there a way to scroll to the top when the Active Sheet changes?

Preferably also set the active cell.

Currently if you have scrolled down a sheet and then change to another sheet the scroller stays in that scrolled down position. Seems to me like it should scroll back to the top of the new active sheet.

Nencho
Telerik team
 answered on 28 Apr 2017
3 answers
190 views

Hello,

The k-nav-day directive is not working in "timelineMonth" view.

Dojo : http://dojo.telerik.com/IyEmA

Expected : A click on a date in the "timelinemonth" view should change the view to "dayview."

Actual : A click on a date in the "timelinemonth" do nothing.

 

Thank you,

SLM

Veselin Tsvetanov
Telerik team
 answered on 28 Apr 2017
1 answer
116 views

I have a global sales application where sales staff work on accounts around the globe.  They are asking to see the currency in the format for the country within the same grid.

Example:

Joe's Garage, $1,000.00

Fredreich's Gasthouse, â‚¬2.000,00

Elizabeth's Castle, Â£50.000.000,00

 

Is this possible?

Stefan
Telerik team
 answered on 28 Apr 2017
1 answer
350 views

Hello,

I was wondering if there is a way to show the most recently added item in a Kendo DropDownList which is bound to a remote datasource (from a database, via an MVC action controller).

I tried the following approach: in the same event that adds the item, once it is added, I try to set the DropDownList.select method with the value of the last index; however, this fails, and I get some warning about a synchronous XMLHttpRequest.

According to the research I have conducted, this happens because the script is trying to assign the index to the select method way too quickly, when the dataSource has not really been updated yet. If I try to assign the select method to a previous index (e.g. i - 1) and it does so without issue (showing the second-to-last item in the list). I assume this is because the item already exists in the database and thus there are no sync issues.

I appreciate any ideas you guys can share regarding this issue.

Thanks!

Stefan
Telerik team
 answered on 28 Apr 2017
3 answers
2.2K+ views

Hi,

 

     I've a custom template to delete, download uploaded files. I would like to clear the deleted file from the upload control list after calling the 'deleteFiles' JS function in my code. Please do let me know how to achieve this. Thanks.

 

Code snippet:

<script id="fileTemplate" type="text/x-kendo-template">
    <span class='k-progress'></span>
    <div >
        <label class="control-label">Name: #=name#</label>
        <button type='button' class='btn btn-primary glyphicon glyphicon-remove pull-right' id="deleteFile" onclick="deleteFiles('#=name#', '#=files[0].extension#')"></button>
        <button type='button' class='btn btn-primary glyphicon glyphicon-download pull-right' id="downloadFile" onclick="downloadFiles('#=name#')"></button>
        @*<span class='file-icon #=addExtensionClass(files[0].extension)# pull-right'></span>*@
        @*<p class='file-heading file-size-heading'>Size: #=size# bytes</p>*@
    </div>
</script>

Ivan Danchev
Telerik team
 answered on 28 Apr 2017
5 answers
1.2K+ views

Hello All,

I have the following groupFooterTemplate:

groupFooterTemplate: '<div style="text-align: right;">#=data.col01.group.value# #=kendo.toString(sum, "n0")#</div>'

 

It works perfectly, but when I export to Excel, I get the following error:

VM49544:3 Uncaught TypeError: Cannot read property 'value' of undefined
    at Object.eval [as groupFooterTemplate] (eval at compile (kendo.all.js:194), <anonymous>:3:131)

What am I doing wrong?

Cheers.

Edo.

Eduardo
Top achievements
Rank 1
 answered on 27 Apr 2017
1 answer
3.2K+ views

I have a grid which i need to open as editable and i am showing all fields and columns with editable controls.in this case i am showing  html5 dropdown .  How can i change it to Kendo Dropdown list?

 

Please advise.

 

 

title: "Licensed/UnLicensed",
                               template: function (dataItem) {

if (dataItem.InputControl === "DropDown") {
                                           var cntrls = '<div class="col-xs-4"><select class="form-control input-sm" id ="selval' + dataItem.CarePointID + ' " data-bind="value:FormVal"';
                                           if (dataItem.Mandatory)
                                               cntrls += ' required ';
                                           cntrls += ' tabindex= "' + dataItem.CntrlTabIndex + '" ';
                                           cntrls += ' >';
                                           if (questOptions.length > 0) {
                                               cntrls += '<option value="" >Select value</option>';
                                               $.each(questOptions, function (opnum, opObj) {
                                                   var cntrl = '<option value="' + opObj.DropDownValue + '">' + opObj.DropDownText + '</option>';
                                                   cntrls += cntrl;
                                               });
                                               cntrls += "</select></div>";
                                               
                                           }
                                                
                                           return cntrls;
                                       }

    }

Sapandeep
Top achievements
Rank 1
 answered on 27 Apr 2017
1 answer
181 views

i want to change the axis-gird to the kendo-grid in the controller add

{{key: "sttsNm", label:"status" ,width:140 ,fomatter: function(){

return(jsonpath($scope.codeData, "$.sttsCd[?(@.dataCd =='" + this.item.sttsCd + '")].strProp")+

"").trim();}};

i want to change the template of kendo grid how do i change it?

 

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

What kind of conversion should be done in kendo grid?

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

I want to change the axis-grid to the kendo-grid. In the controller, add

{{ key: "sttsNm", label: "Status", width: "140", align:"center", formatter: function(){ return (jsonPath($scope.codeData, "$.sttsCd[?(@.dataCd=='" + this.item.sttsCd + "')].strProp") + "").trim(); }},

Konstantin Dikov
Telerik team
 answered on 27 Apr 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?