Questions tagged [typescript]

The tag has no usage guidance.

3
votes
1answer
2k views

SharePoint Framework: how to change TypeScript version used by gulp?

I set up a new project using the yeoman template for SharePoint Framework web parts. Everything is working fine, I can run gulp serve and work in the local workbench. Good. Now I need to change the ...
3
votes
3answers
435 views

SPFX- Array.prototype.diff - (TS) property “diff” does not exist on type 'any[]'- es6 issue?

I have some code that takes a SP List item column (a news article tagged to one or more choice categories) and want to show that to users who have a user profile property with one or more categories ...
3
votes
1answer
941 views

how to use click event in html string in spfx (react)

I have a html string embedded in a map function like this pnp.sp.web.lists.getByTitle("Division").items.select("Title","ID").get().then((item: any[]) => divtree=item.map(per =>'<li id='+...
3
votes
1answer
867 views

Office-UI-Fabric-react uncheck checbox

How Can I uncheck a checkbox dynamically from the code? I need to uncheck some checkboxes at the same time from the code when I press a button. I'm using: SharePoint Framework - Typescript - Office ...
3
votes
1answer
366 views

SPFx - Template for Angular 2

I need to install an Angular 2 template, but when I try the GitHub templates I have mistakes. Would you give me a quality template or tutorial for Angular 2 with SPFx: Errors:
3
votes
1answer
1k views

How to enable Async/Wait in SPFx Typescript, tslint: Missing semicolon, TS1005: ',' expected, TS2304: Cannot find name 'await'

I am trying to use async / await for developing a SPFx WebPart. The sample react-async-await-sp-pnp-js in sp-dev-fx-webparts compiles and runs fine on my computer. When I try to use async / await, ...
3
votes
1answer
181 views

SharePoint 2013 : Calling function in javascript file from Ribbon button

I am trying to call a function in an external javascript file from SharePoint 2013 ribbon button. I have a Typescript file and i am using Webpack to transcompile it to javascript. When i try to call ...
2
votes
1answer
287 views

How to add items to SPO list synchronously in spfx webparts?

I have twelve items that need to be added to a list on button click. I am using the sp-pnp-js library to add items. But the function adds items to the list asynchronously. I have tried many ways. ...
2
votes
2answers
41 views

Where is the documentation for javascript for the pnp libraries?

I am trying to build a SharePoint Add-In and I am struggling because all documentation seems to be in TypeScript. I am sure TS is great but I don't have time to learn it right now. Does MSFT not have ...
2
votes
1answer
152 views

Using TypeScript global variable with SharePoint functions

Using TypeScript and Angular, I have created a function named getTasks() that I want to fire when a modal is closed. This is the function: getTasks() { this.http.get(`https://example.com/_api/web/...
2
votes
2answers
465 views

Add external libraries in SPFx?

How to add external libraries like material-ui to our Spfx Webpart? I know to add external libraries having their CDN link and types definition like jquery but don't know how to add libraries which ...
2
votes
1answer
527 views

How to include office ui fabric CSS font specifications

Since I updated my SPFx webpart today to > npm update: +-- @microsoft/sp-build-web@1.2.0 +-- @microsoft/sp-core-library@1.2.0 +-- @microsoft/sp-module-interfaces@1.2.0 +-- @microsoft/sp-webpart-...
2
votes
2answers
843 views

Getting error in $.Get in SharePoint Framework

I have created following function in webpart.ts file to retrieve stock data from the Yahoo finance, protected demo():void{ var symbol='goog'; var url = 'http://query.yahooapis.com/v1/public/...
2
votes
0answers
25 views

permissionKind returns void in React

I have a search function that returns all list items including their parent link based on their content type, tenant-wide. Every list item comes from a specific subsite and I want to split the ...
2
votes
0answers
45 views

I need to get all properties of taxonomy termstrore. which I already get are “Label”,“WSSId”,“TermGuid” but I need to get Other labels as well

Is there any solution to get other properties for taxonomy termstore. As I remember, I usually used "include" to get all properties which I mentioned in JSOM. But now I need to work by using ...
2
votes
1answer
427 views

Add Dynamic Property Panes to SPFX

I know this has been asked 1000 times, but i've tried everything in the first 2 pages of google so i've decided to come to you guys for help. I'm trying to create some dynamically added property ...
2
votes
0answers
74 views

TypeScript and SharePoint Framework question - although works but does it represent correct design?

Thanks for reading my question. I am just beginning to learn TypeScript and from my understanding so far I have created the follow code to retrieve list items from a list. The code works but I am not ...
2
votes
1answer
165 views

SPFx extension unrelated ApplicationCustomizerContext type tsc error

I have encountered dificulties using the ApplicationCustomizerContext type and the TypesSript 1) I have created a spfx application customizer 2) I have added in the application customizer main ts ...
2
votes
0answers
58 views

Redirect to DisplayForm after Item has been saved using CSR and TypeScript

I have a problem that's really bugging me. I am trying to redirect the user to the DisplayForm once he has created a new ListItem in NewForm. I have two problems: I don't know how to get the ID of ...
1
vote
1answer
928 views

How to debug SPFX Web part in visual studio code ?

I am trying to find a way to debug my local SPFx workbench from Visual Studio Code, For this have installed the "skritt-debugger" and the launch.json Look Like this "configurations": [{ "...
1
vote
1answer
2k views

SharePoint Online full-width page

I am still exploring SharePoint Online creating webparts and deploying through visual studio code using Typescript. I created a HelloWorld webpart and uploaded it on page. I was able to create ...
1
vote
1answer
49 views

“Converting” project from old to new technology?

I am working on a SharePoint project which started a couple of years ago. It started with SP 2013 on - prem, and we are now on SP 2016 with feature pack 2. In the project we used the Powershell based ...
1
vote
1answer
35 views

fetch all the termstores from a current site in sharepoint

public taxonomy() { SP.SOD.registerSod('sp.taxonomy.js',SP.Utilities.Utility.getLayoutsPageUrl('sp.taxonomy.js')); SP.SOD.executeFunc('sp.taxonomy.js','SP.Taxonomy.TaxonomySession',function()...
1
vote
1answer
2k views

SPFx - Get User ID from User Login Name

As the title suggests, does anyone have a working method for getting a users ID from a users Login Name (not the one signed in)? Login name like: i:0#.f|membership|firstname.lastname@contoso....
1
vote
1answer
1k views

(spfx) 'SPHttpClientConfiguration' is not assignable to to parameter of type 'SPHttpClientConfiguration'

I've been fiddling around with this issue for some hours. Here's my dependencies: "dependencies": { "@microsoft/sp-core-library": "~1.1.0", "@microsoft/sp-http": "^0.1.2", "@microsoft/sp-...
1
vote
1answer
217 views

SharePoint Framework development using Visual Studio

I am going through the new development approach that is introduced in SharePoint which seems to be open source and suggested approach by Microsoft. If i look from developement perspective then it has ...
1
vote
2answers
49 views

Q: Create list item inside folder with SPFx

I am trying to create an item within a folder in a list. Is there an approach with pnpjs that looks like the following? TypeScript import {sp} from "@pnp/sp"; const shpList = sp.site.rootWeb.lists....
1
vote
0answers
73 views

(Problem)SPFx rendering items from RSS after selecting number of items you want to display with slider

I am currently building an RSS webpart in SPFx using React as a framework. Now I am in the stage that I want the user to be able to select how many news items he/she want to see with a slider (taken ...
1
vote
0answers
127 views

SPFX- Lookup column value

I'm retrieving data from a SharePoint list and I'm facing some issues while getting values from lookup column. I was able to successfully pull in the 'Title' column which is a single line of text, but ...
1
vote
0answers
377 views

@types/react and @types/prop-types errors when building with gulp build or gulp serve

For my team's project, some of us are hitting a type issue when building. We're using version 1.7.0 of all the @microsoft/sp- packages. tslint version: 5.9.1 typescript version: 2.4.2 Build tools ...
1
vote
1answer
183 views

Get current folder within SharePoint document library with @pnp/sp

I need to get the folder name within a document library, within the ListCommand spfx extension. Is there a way to do that with REST ? can I use @pnp/sp ? I have imported the project with : import { ...
1
vote
0answers
20 views

Two search web parts on the same site not working (only in the same page)

I have two search web parts. The are based on each other, that is is that they pretty much does the same thing with some lesser tweaking. The have different product ID and alias. Only the code is ...
1
vote
0answers
25 views

Working with npm packages in SharePoint hosted app

I am starting to work on a SP 2013 hosted app. I am planning to use typescript and have setup my project with Typescript configurations enabled. I have created a SP module called "dist" and all ...
1
vote
1answer
128 views

Submit SharePoint 2013 form with custom Save button in Typescript

I've been searching on this issue for a few days now. We use JSLink to add an extra Save button to a New or Edit form. So each form has 3 buttons: Cancel -> cancel the form Save -> (Temporary) Save ...
1
vote
0answers
133 views

Set current user in Fabric.UI people picker

I'm struggling setting the current user to a people picker control in Office.Fabric.UI const people: (IPersonaProps & { key: string | number })[] = [ { key: 1, imageInitials: 'PV', ...
1
vote
0answers
143 views

Not able to print HTML based on If statement

So I'm trying to print some HTML code depending on the IF statement. but I'm getting "undefined[object Object][object Object][object Object]" public render(): React.ReactElement<ISPWebPartProps&...
1
vote
1answer
713 views

SharePoint Framework - basic read list items using typescript

I have a question on the following code. All of the code is taken after reading through various get started samples and then tweaked it a bit. I am trying to figure out how it works which is straight ...
1
vote
0answers
213 views

sharepoint framework call async function

Help please, I'm trying to call the function to get the number of comments from the modern page, but I can not correctly display the result in the html code: private async getSitePageComments(id: ...
1
vote
0answers
109 views

How to use jquery.slimscroll in spfx

I want to use slimscroll for a couple of SPFX webparts but having trouble to get things going. I used: npm i jquery-slimscroll npm i @types/jquery.slimscroll next to a couple of other modules (...
1
vote
1answer
145 views

Mapping json out to typescript in spfx

I have the following json output : "ParentTerm":{ "Name":"Accounting", "ID":"e8c3c601-d3e0-4499-b0ad-3b520924af15", "Root":true, "ChildTerm":[ { "...
1
vote
2answers
159 views

I have upgraded from yeoman 1.3.4 to 1.4.0 and I cannot import mystrings.d.ts

I have a file mystrings.d.ts which contains :- declare interface IReactSearchBoxStrings { PropertyPaneSearchOptions: string; BasicGroupName: string; DefaultSearchResultsPageUrlFieldLabel: ...
1
vote
1answer
330 views

How to attach click event for elements rendering inside map function inside

I am using SPFx to create web part. I am generating checkboxes dynamically with map function. below is render method code public render(): React.ReactElement<IQuickSurveyProps> { let styles: ...
1
vote
0answers
515 views

Typescript Angular Cannot find name [closed]

I am working on Aspnet Core Angular project and getting following error: TS2304: Cannot find name 'email'. The code is executed in visual studio 2017. postEmailValidate(email?: string): Observable&...
1
vote
0answers
123 views

Problem getting typescript class to work with CSR

I am trying to write a TypeScript/React class that will only get instantiated once and is accessible globally. The reason for this is a SharePoint CSR script. I load this script for New/Edit/Display ...
1
vote
2answers
2k views

Import SP.js to typescript (Angular 4) application and use JSOM

I would like to use JSOM for things like creating Caml queries as I have to migrate AngularJS to Angular 4. The app is running in a WebPart. Unfortunately there is no npm package for this. How can I ...
1
vote
0answers
586 views

How to use Office UI Fabric Callout in SPFx WebParts?

I try to use a good pattern to use the Callout, for instance when hovering over a Persona element. Currently I do the following: _clientPersonaElement is a reference to the Element the Callout uses ...
1
vote
1answer
107 views

Object doesn't support property or method '$1Q_0' when using cascading executeQueryAsync

I have a very annoying problem. I get the above error every time I execute below code. It happens at the second executeQueryAsync call. The error callback isn't hit nor did I find anything interesting ...
0
votes
1answer
217 views

SPFx - Wrong function return current user formatted name

I'm beginner with TS and promises. I want to know Why function is returning empty string? How to format my function to return current user formatted name? The request is executed after the function ...
0
votes
2answers
38 views

Q: Create visible folder in list with SPFx

Having the following code in an application extension: TypeScript import {sp} from "@pnp/sp"; /*******************************************************************/ const shpList = sp.site.rootWeb....
0
votes
3answers
342 views

Reactjs, TypeScript & Webpack on SharePoint2013

I know that Reactjs, TypeScript & Webpack can be used on SharePoint Online to create web-parts. But can it be possible to create web-parts for SharePoint 2013 on premise. Please let me know if it ...