Add a JavaScript File for a User Page (extending the user actions like delete, edit) #106

8 Answer(s)

• 

  1

  liangshiwei created 6 years ago

  Fullstack Developer

  Hi See https://docs.abp.io/en/abp/latest/UI/AspNetCore/Customization-User-Interface#example-add-a-javascript-file-for-a-specific-page for add a .js file to page.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  rajasekhard2015 created 6 years ago

  Hi I have added the functionality like,

  $(function() { abp.log.info('My custom user script file has been loaded!');

  //TODO how to get user instance to add another action
  

  });

  JavaScript Then add this file to the bundle of the role management page:

  Configure<AbpBundlingOptions>(options => { options.ScriptBundles .Configure( typeof(Volo.Abp.Identity.Web.Pages.Identity.Users.IndexModel).FullName, bundleConfig => { bundleConfig.AddFiles("/Pages/Identity/Users/myuser.js"); }); });

  In Js file how can i get the user page instance please give me that steps

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 6 years ago

  Fullstack Developer

  I think you can directly overwrite index.js Copy the index.js source file and update it.

     rowAction: {
                          items:
                              [
                                    Add your actions
                              ]
                      }
  

  You can use js to dynamically add a action modal dom, or you can choose to overwrite the page.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  rajasekhard2015 created 6 years ago

  index.js file where can i get that.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 6 years ago

  Fullstack Developer

  You can find it in the browser's Developer Tools "Sources" window

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  rajasekhard2015 created 6 years ago

  Thank you liangshiwei its working.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  rajasekhard2015 created 6 years ago

  Its not working in release mode. its showing the error like $ not found and abp notfound And also css also not coming.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 6 years ago

  Fullstack Developer

  Hi I cannot reproduce your problem, can you use the CLI to create a simple project to reproduce the problem.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel