Questions tagged [typescript]
The typescript tag has no usage guidance.
106
questions
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
607 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
1k 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
1k 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
381 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
198 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
2answers
248 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 ...
2
votes
1answer
547 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
42 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
5k 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 ...
2
votes
1answer
348 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
631 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
648 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
943 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
924 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 ...
2
votes
0answers
31 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
58 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
702 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
95 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
217 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
67 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
1k 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
62 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
47 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
3k 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
830 views
Working example with sp.profiles.clientPeoplePickerSearchUser from PnP @pnp/sp
I'm trying to take advantage of the people picker search helper in the PnP-JS-Core, but I get a JSON error in SP2013, 2016 and SharePoint Online. The error is the same everywhere. If I try to get data ...
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
3answers
96 views
get sharepoint list with pnp [closed]
I want to get a sharepoint list and assign it to my list 'items' which of type is IExampleItem, but I don't really know how to do it; I tried the following code but it gives me an error, my list '...
1
vote
1answer
86 views
JSOM in React, 'SP' is not defined no-undef
I am making some tests in order to update a page on sharepoint on premise 2013.
The goal is to use reactjs to modernize this page.
However, when I try to use JSOM, especially to create an item, I ...
1
vote
2answers
282 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
83 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
114 views
Issue with rendering XML data in SPFx
I am in a project of making a RSS feed in SPFx and using React.js and TypeScript.
When I try to retrieve XML data from a news site, the console gives error:
Because it complains about CORS, so I ...
1
vote
1answer
647 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
23 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
27 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
311 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
179 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
205 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
1k 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
1answer
267 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
154 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
195 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
194 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
398 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
614 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
135 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
719 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
110 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 ...
