From 5b171350a65ec0576505d5e15d2aa5875e5a8656 Mon Sep 17 00:00:00 2001
From: maliming <malimings@gmail.com>
Date: Sat, 28 Feb 2026 12:56:11 +0800
Subject: [PATCH 1/3] update: enhance resource permission management modal
 initialization

---
 docs/en/modules/permission-management.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/en/modules/permission-management.md b/docs/en/modules/permission-management.md
index 2e5f997423..567c1f0191 100644
--- a/docs/en/modules/permission-management.md
+++ b/docs/en/modules/permission-management.md
@@ -48,9 +48,10 @@ You can integrate this dialog into your own application to manage permissions fo
 Use the `abp.ModalManager` to open the resource permission management dialog:
 
 ````javascript
-var _resourcePermissionsModal = new abp.ModalManager(
-    abp.appPath + 'AbpPermissionManagement/ResourcePermissionManagementModal'
-);
+var _resourcePermissionsModal = new abp.ModalManager({
+    viewUrl: abp.appPath + "AbpPermissionManagement/ResourcePermissionManagementModal",
+    modalClass: 'ResourcePermissionManagement'
+});
 
 // Open the modal for a specific resource
 _resourcePermissionsModal.open({

From 33e9acaf726786f1f27bcd5f0b7bbe1fe8d67507 Mon Sep 17 00:00:00 2001
From: Ma Liming <malimings@gmail.com>
Date: Sat, 28 Feb 2026 13:00:37 +0800
Subject: [PATCH 2/3] Update docs/en/modules/permission-management.md

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 docs/en/modules/permission-management.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/en/modules/permission-management.md b/docs/en/modules/permission-management.md
index 567c1f0191..518ea54e1c 100644
--- a/docs/en/modules/permission-management.md
+++ b/docs/en/modules/permission-management.md
@@ -49,7 +49,7 @@ Use the `abp.ModalManager` to open the resource permission management dialog:
 
 ````javascript
 var _resourcePermissionsModal = new abp.ModalManager({
-    viewUrl: abp.appPath + "AbpPermissionManagement/ResourcePermissionManagementModal",
+    viewUrl: abp.appPath + 'AbpPermissionManagement/ResourcePermissionManagementModal',
     modalClass: 'ResourcePermissionManagement'
 });
 

From 91b47183fe9d26929a725a5314f3ce3b4d2318d0 Mon Sep 17 00:00:00 2001
From: maliming <malimings@gmail.com>
Date: Sun, 1 Mar 2026 17:06:55 +0800
Subject: [PATCH 3/3] update: enhance resource permission management modal
 integration instructions

---
 docs/en/modules/permission-management.md | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/docs/en/modules/permission-management.md b/docs/en/modules/permission-management.md
index 518ea54e1c..103bd4ff7f 100644
--- a/docs/en/modules/permission-management.md
+++ b/docs/en/modules/permission-management.md
@@ -45,7 +45,17 @@ You can integrate this dialog into your own application to manage permissions fo
 
 #### MVC / Razor Pages
 
-Use the `abp.ModalManager` to open the resource permission management dialog:
+First, add the `resource-permission-management-modal.js` script to your page. This script registers the `ResourcePermissionManagement` modal class used by `abp.ModalManager`:
+
+````html
+@section scripts
+{
+    <abp-script src="/Pages/MyBook/Index.js"/>
+    <abp-script src="/Pages/AbpPermissionManagement/resource-permission-management-modal.js" />
+}
+````
+
+Then use the `abp.ModalManager` to open the resource permission management dialog:
 
 ````javascript
 var _resourcePermissionsModal = new abp.ModalManager({