Telerik Forums
Kendo UI for Angular Forum
1 answer
353 views
Setting kendo combo and kendo datepicker inside a fieldset that it is disabled keep the controls enabled

https://plnkr.co/edit/aZhSdAtF8eMXav7vDtbp?p=preview
how can I solve this ?
Svet
Telerik team
 answered on 31 May 2018
4 answers
528 views
I need to navigate between different components on click of each treeview node in Angular 5. Kindly provide a way to do this
Svet
Telerik team
 answered on 31 May 2018
2 answers
718 views

Hi all!

I found a bug in a splitter component - you can open a plunker https://plnkr.co/edit/XJRTfXEIswV3fbwURc5X?p=preview and repeat next steps:

1. Change a position of a second splitter.
2. Then change a position of a first splitter – the bug is here – you can see that the second splitter is moved too.

How can I fix this behavior? 

Best regards,

 Sergey

Sergey
Top achievements
Rank 1
 answered on 30 May 2018
10 answers
126 views

Hi 
I'm have implemented scheduler in my application and I was able to fill the scheduler with data.
The way I'm filling data is calling the API on load with one parameter as today's date and another as 10 days from today and i'm able to get it but the issue is when I change the date range.On calling the API again the I'm getting the response but scheduler is not getting filled for those dates, the current format is

$scope.schedulerOption={
     dataSource: {
    data:myService.getData(),
        schema: {
          model: {
            id: "taskId",
            fields: {
              taskId: { from: "TaskID", type: "number" },
              title: { from: "Title", defaultValue: "No title"},
              start: { type: "date", from: "Start" },
              end: { type: "date", from: "End" },
              description: { from: "Description" },
              RoomID:{ from: "RoomID" },
              isAllDay: { type: "boolean", from: "IsAllDay" }
            }
          }
        }
       }
}

The way I call dataSource

I did try read(),data() and fetch() the give errors while running.

Plamen
Telerik team
 answered on 30 May 2018
12 answers
1.1K+ views
Do you have any examples on using the kendo ui grid for angular with a CRUD rest web service?
Ron
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 29 May 2018
4 answers
504 views
Where do you show the versions of Angular that the components are using? Seems they're rarely compatible with the latest Angular.
Dimiter Topalov
Telerik team
 answered on 29 May 2018
6 answers
1.0K+ views

Being a newbie to Angular 4 and typescript, I am not sure how to receive a memory stream sent back by the API controller and popup a file dialog to save it on the client.

This is what I currently have:

1) in my API controller, I am sending back an HttpResponseMessage such as:

    public HttpResponseMessage Post(ReportsManagementUI workobj)
        {

                    var zipfilename = workobj.CreateZipReport(session, sessionuser);
                    using (MemoryStream ms = new MemoryStream())
                    {
                        using (FileStream file = new FileStream(zipfilename, FileMode.Open, FileAccess.Read))
                        {
                            byte[] bytes = new byte[file.Length];
                            file.Read(bytes, 0, (int)file.Length);
                            ms.Write(bytes, 0, (int)file.Length);

                            HttpResponseMessage httpResponseMessage = new HttpResponseMessage();
                            httpResponseMessage.Content = new ByteArrayContent(bytes.ToArray());
                            httpResponseMessage.Content.Headers.Add("x-filename", zipfilename);
                            httpResponseMessage.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
                            httpResponseMessage.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
                            httpResponseMessage.Content.Headers.ContentDisposition.FileName = zipfilename;
                            httpResponseMessage.StatusCode = HttpStatusCode.OK;
                            return httpResponseMessage;
                        }
                    }

     }

 

2) in my provider.ts, I have a function createReportsManagement which posts to the API controller code above:

public createReportsManagement(updatetype: string, reportsManagementObj: any) {
        reportsManagementObj.actiontype = updatetype;
        var headers = new Headers();
        headers.append('Content-Type', 'application/json');
        var objectToSend = JSON.stringify(reportsManagementObj);
        let apiURL = this.framework_virtual_path + "api/ReportsManagement";
        return this.http_request.post(apiURL, objectToSend, { headers: headers })
            .map(response => response.text())
            .catch(this.handleError);

}

3) On my html page, I have a component which calls  the provider to create the report zip file.

  This is where I am trying to use the KendoUI file-saver method saveAs() to popup the File Save dialog:

import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
...

 

private btnExcelClick() {
        this.reportsLoading = true;
        var responseType = 'arraybuffer';

        this.myProvider.createReportsManagement("createReport", this.reportsMgmtObj)
            .subscribe(
            (response: any) => {

                //question !!! is "data:text/plain" OK for zip file content?
                const dataURI = "data:text/plain;base64," + encodeBase64(response);
                saveAs(dataURI, "test.zip");

                //this test code works and downloads the file test.txt
                //const dataURI = "data:text/plain;base64," + encodeBase64("HELLO TEST");
                //saveAs(dataURI, "test.txt");

            } );

}

Thanks for any pointer!

 

Manuel
Top achievements
Rank 1
 answered on 28 May 2018
4 answers
3.0K+ views

Hi, 

I'm using Kendo-UI with Angular 5 and I can't figure how to implement two things : 

1. How to force focus on a Kendo-UI input element (dropDownList, TextBox, ...) which is in a kendo-window component ? I see no documentation about this. I've read that I may have to wait for the window component to trigger the activate method but such method doesn't exist in the angular version. 

2. In the grid component, how can I activate the navigation with the arrow key ? More precisely, in single selection mode, I would like the selected row to change when I press the arrow key down or up. Is this possible ? Is this possible even if I use pagination with [data] being an observable of GridDataResult ? 

Thank you in advance for your help. 

Thibaut
Top achievements
Rank 1
 answered on 28 May 2018
1 answer
2.1K+ views

Hi,

I need to display an image into Kendo Grid, and I have the path for images located in the hard-drive (not in assets folder).

How to do this?

Dimiter Madjarov
Telerik team
 answered on 28 May 2018
1 answer
3.0K+ views

 Hi,

 

I am using the Kendo UI grid for Angular and am using server-side paging. My code is paging through and retreiveing the data correctly (I have a method bound to the pageChange event on the grid) but the page number/button is not being updated (even thought I'm on page two, the button still say page one). 

 

How can I get the buttons to update correctly WITHOUT using the MVC extensions (I don't want to have an dependencies on the back end for this, it should have no idea I'm using Kendo at all).

 

Thanks,

James

James
Top achievements
Rank 2
 answered on 23 May 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?