Click on the link to open it in a SharePoint modal and populate it with the value from the

Question

Click on the link to open it in a SharePoint modal and populate it with the value from the

After populating a ng-grid with SharePoint items, my goal is to have the SharePoint edit form open in a modal window when the edit button at the end of each row is clicked. However, I am encountering difficulties when using OpenPopUpPage as the {{row.entity.Id}} does not update correctly and leads to a broken edit page.

Functioning Example:

{ displayName: 'Edit', cellTemplate: '<a ng-href="../lists/locations/editform.aspx?IsDlg=1&id={{row.entity.Id}}">Edit</a>' }

Opens the modal but presents incorrect ID on the edit form:

{ displayName: 'Edit', cellTemplate: '<a ng-href="#" onclick="javascript:OpenPopUpPage(\'../lists/locations/editform.aspx?IsDlg=1&id={{row.entity.Id}}\')">Edit</a>' }

javascript angularjs sharepoint ng-grid

Answer 1

Answer №1

Although I'm not familiar with sharepoint popups, here is a code snippet that demonstrates how to pass a value to a function:

    $scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
      field: 'name',
      displayName: 'Name'
    }, {
      field: 'id',
      displayName: 'Action',
      cellTemplate: '<a ng-click="popup(row.entity.id)" href="#">Edit</a>'
    }]
    };

    $scope.popup = function(id) {
    // call your popup from here
    alert(id);
    }

Feel free to experiment with this Plunker

Answer 2

Although I'm not familiar with sharepoint popups, here is a code snippet that demonstrates how to pass a value to a function:

    $scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
      field: 'name',
      displayName: 'Name'
    }, {
      field: 'id',
      displayName: 'Action',
      cellTemplate: '<a ng-click="popup(row.entity.id)" href="#">Edit</a>'
    }]
    };

    $scope.popup = function(id) {
    // call your popup from here
    alert(id);
    }

Feel free to experiment with this Plunker

Click on the link to open it in a SharePoint modal and populate it with the value from the

Answer №1

Similar questions

Dynamic content display using AJAX

Using AngularJS ui-router ui-sref results in the error message "Uncaught TypeError: Cannot read property '0' of undefined."

When attempting to establish a connection with MongoClient, the function fails gracefully without generating an error

Connecting JSON objects based on unique GUID values generated

Concentrate on what comes next

Not prepped for EasyFB

Unable to retrieve the value property from document.getElementById as it is null

Encountering an issue while trying to initiate a fresh React Native Project

Creating a series of promises in a structured chain

How to eliminate a particular validator from a form group in Angular

"Why isn't the reordering functionality functioning properly after the button has been clicked

Show or conceal input fields depending on the selection of radio buttons

Speed up - Handle alias resolution with module federation

Tips on exposing promise data object in the controller and transferring data from the promise to a new function

Dynamic JavaScript button control based on time

unable to retrieve data using ajax

Childnode value getting replaced in firebase

Retrieve the HTML content from the compiled template

Angular 2 Issue: Error Message "Cannot bind to 'ngModel'" arises after FormsModule is added to app.module

javascript resize canvas to fit content