Modern SharePoint Online List View Web Part Use JavaScript to Get Selected Item

Question

Modern SharePoint Online List View Web Part Use JavaScript to Get Selected Item

Tom Molskow 386

Hello Community!

I am working in SharePoint Online Modern, and I have a list view web part. I also have a Modern (SPFx) Script Editor Web Part. My question is can I capture the selected item values in the List View Web Part using JavaScript? If so - how?

Has anyone else done this? If so then please provide code examples and guidance.

Thanks!

Tom

1 answer

Your answer

Answer 1

RaytheonXie_MSFT 40,471 Microsoft External Staff

Hi @Tom Molskow ,

If you want to get the selected items from the list view, you can use the SP.ListOperation.Selection.getSelectedItems() to get the selected items using Javascript. Please refer to following code

function clickMethod() {
var ctx = SP.ClientContext.get_current();
var items = SP.ListOperation.Selection.getSelectedItems(ctx);
var mySeletedItems = '';
 var i;
 for (i in items)
 {
      mySeletedItems += '|' + items[i].id;
 }
alert (mySeletedItems);
}

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Tom Molskow 386

Hello RaytheonXie_MSFT,

I did try the solution but I'm getting an error message. Here's the entire script as I configured it in the Modern SEWP:

<script 
    src="//ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js" 
    type="text/javascript">
</script>
<script
    type="text/javascript"
    src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js">
</script>
<script type="text/javascript">

    function clickMethod() {
        
    alert("Test 1");

    var ctx = SP.ClientContext.get_current();
    var items = SP.ListOperation.Selection.getSelectedItems(ctx);
    var mySeletedItems = '';
     var i;
     
     alert("Test 2")
     
     for (i in items)
     {
          mySeletedItems += '|' + items[i].id;
     }
    alert (mySeletedItems);
    }

</script>


 <input name="btnShowSelectedItems" 
 id="btnShowSelectedItems" 
 onclick="clickMethod();" type="button" 
 value="Show Selected Items"/>

The line - "var ctx = SP.ClientContext.get_current();" - throws this error: "Uncaught ReferenceError: SP is not defined"

User's image

Is there a library or assembly I'm supposed to pre-load?

Thanks!

Tom

RaytheonXie_MSFT 40,471 Microsoft External Staff

Hi @Tom Molskow ,

You will need to import sp like following

<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script> <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script> 
<script type="text/javascript" src="/_layouts/15/sp.js"></script>

Share via

Modern SharePoint Online List View Web Part Use JavaScript to Get Selected Item

1 answer

Your answer