998680: Removed document click event binding

Author: Yuvaraj-SF5089

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/execute-prompt/razor

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="executePrompt">Execute Prompt</button>
+    <button id="executePrompt" onclick="executePrompt()">Execute Prompt</button>
     @Html.EJS().AIAssistView("aiAssistView").PromptRequest("onPromptRequest").Created("onCreated").Render()
 </div>
 
@@ -17,11 +17,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'executePrompt') {
-            assistObj.executePrompt('What is the current temperature?');
-        }
-    });
+    function executePrompt() {
+        assistObj.executePrompt('What is the current temperature?');
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/execute-prompt/tagHelper

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat;
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="executePrompt">Execute Prompt</button>
+    <button id="executePrompt" onclick="executePrompt()">Execute Prompt</button>
     <ejs-aiassistview id="aiAssistView" promptRequest="onPromptRequest" created="onCreated"></ejs-aiassistview>
 </div>
 
@@ -17,11 +17,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'executePrompt') {
-            assistObj.executePrompt('What is the current temperature?');
-        }
-    });
+    function executePrompt() {
+        assistObj.executePrompt('What is the current temperature?');
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/response-object/razor

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="addObjectResponse">Add Object Response</button>
+    <button id="addObjectResponse" onclick="getPromptResponse()">Add Object Response</button>
     @Html.EJS().AIAssistView("aiAssistView").PromptRequest("onPromptRequest").Created("onCreated").Render()
 </div>
 
@@ -16,11 +16,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'addObjectResponse') {
-            assistObj.addPromptResponse({ prompt: 'What is AI?', response: 'AI stands for Artificial Intelligence, enabling machines to mimic human intelligence for tasks such as learning, problem-solving, and decision-making.' });
-        }
-    });
+    function getPromptResponse() {
+        assistObj.addPromptResponse({ prompt: 'What is AI?', response: 'AI stands for Artificial Intelligence, enabling machines to mimic human intelligence for tasks such as learning, problem-solving, and decision-making.' });
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/response-object/tagHelper

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat;
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="addObjectResponse">Add Object Response</button>
+    <button id="addObjectResponse" onclick="getPromptResponse()">Add Object Response</button>
     <ejs-aiassistview id="aiAssistView" promptRequest="onPromptRequest" created="onCreated"></ejs-aiassistview>
 </div>
 
@@ -16,11 +16,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'addObjectResponse') {
-            assistObj.addPromptResponse({ prompt: 'What is AI?', response: 'AI stands for Artificial Intelligence, enabling machines to mimic human intelligence for tasks such as learning, problem-solving, and decision-making.' });
-        }
-    });
+    function getPromptResponse() {
+        assistObj.addPromptResponse({ prompt: 'What is AI?', response: 'AI stands for Artificial Intelligence, enabling machines to mimic human intelligence for tasks such as learning, problem-solving, and decision-making.' });
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/response-string/razor

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="addStringResponse">Add String Response</button>
+    <button id="addStringResponse" onclick="getPromptResponse()">Add String Response</button>
     @Html.EJS().AIAssistView("aiAssistView").PromptRequest("onPromptRequest").Created("onCreated").Render()
 </div>
 
@@ -16,11 +16,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'addStringResponse') {
-            assistObj.addPromptResponse('Dynamic response');
-        }
-    });
+    function getPromptResponse() {
+        assistObj.addPromptResponse('Dynamic response');
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/methods/response-string/tagHelper

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.InteractiveChat;
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="addStringResponse">Add String Response</button>
+    <button id="addStringResponse" onclick="getPromptResponse()">Add String Response</button>
     <ejs-aiassistview id="aiAssistView" promptRequest="onPromptRequest" created="onCreated"></ejs-aiassistview>
 </div>
 
@@ -16,11 +16,9 @@
             assistObj.addPromptResponse(defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'addStringResponse') {
+    function getPromptResponse() {
             assistObj.addPromptResponse('Dynamic response');
-        }
-    });
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/toolbar-items/footerPosition/razor

@@ -10,7 +10,7 @@
 }
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="toolbarBtn" class="e-btn">UpdateToolbarPosition</button>
+    <button id="toolbarBtn" class="e-btn" onclick="UpdateToolbarPosition()">UpdateToolbarPosition</button>
     @Html.EJS().AIAssistView("aiAssistView").Prompts(promptsData).PromptRequest("onPromptRequest").Created("onCreated").FooterToolbarSettings(new AIAssistViewFooterToolbarSettings()
     {
         ToolbarPosition = Syncfusion.EJ2.InteractiveChat.ToolbarPosition.Bottom
@@ -30,16 +30,14 @@
             assistObj.addPromptResponse(foundPrompt ? foundPrompt.response : defaultResponse);
         }, 2000);
     }
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'toolbarBtn') {
-            if (assistObj.footerToolbarSettings.toolbarPosition === 'Inline') {
-                assistObj.footerToolbarSettings.toolbarPosition = 'Bottom';
-            }
-            else {
-                assistObj.footerToolbarSettings.toolbarPosition = 'Inline';
-            }
+    function UpdateToolbarPosition() {
+        if (assistObj.footerToolbarSettings.toolbarPosition === 'Inline') {
+            assistObj.footerToolbarSettings.toolbarPosition = 'Bottom';
         }
-    });
+        else {
+            assistObj.footerToolbarSettings.toolbarPosition = 'Inline';
+        }
+    }
 </script>
 
 <style>

ej2-asp-core-mvc/code-snippet/ai-assistview/toolbar-items/footerPosition/tagHelper

@@ -11,7 +11,7 @@
 }
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
-    <button id="toolbarBtn" class="e-btn">UpdateToolbarPosition</button>
+    <button id="toolbarBtn" class="e-btn" onclick="UpdateToolbarPosition()">UpdateToolbarPosition</button>
     <ejs-aiassistview id="aiAssistView" prompts="@promptsData" promptRequest="onPromptRequest" created="onCreated">
         <e-aiassistview-footertoolbarsettings ToolbarPosition="Bottom"></e-aiassistview-footertoolbarsettings>
     </ejs-aiassistview>
@@ -31,16 +31,14 @@
         }, 2000);
     }
 
-    document.addEventListener('click', function (event) {
-        if (event.target && event.target.id === 'toolbarBtn') {
-            if (assistObj.footerToolbarSettings.toolbarPosition === 'Inline') {
-                assistObj.footerToolbarSettings.toolbarPosition = 'Bottom';
-            }
-            else {
-                assistObj.footerToolbarSettings.toolbarPosition = 'Inline';
-            }
+    function UpdateToolbarPosition() {
+        if (assistObj.footerToolbarSettings.toolbarPosition === 'Inline') {
+            assistObj.footerToolbarSettings.toolbarPosition = 'Bottom';
         }
-    });
+        else {
+            assistObj.footerToolbarSettings.toolbarPosition = 'Inline';
+        }
+    }
 </script>
 
 <style>