首页 \ 问答 \ 在Extjs中加载HtmlEditor内的内容(Load content inside HtmlEditor in Extjs)

在Extjs中加载HtmlEditor内的内容(Load content inside HtmlEditor in Extjs)

 我是Extjs的学习者，如何在Extjs html编辑器中加载内容  
 这是空白的编辑器代码  
<!DOCTYPE html>
<html>
<head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
   <script type="text/javascript">
      Ext.onReady(function() {
         Ext.create('Ext.form.HtmlEditor', {
            width: 580,
            height: 250,
            renderTo: document.getElementById('editorId')
         });
      });
   </script>
</head>
<body>
   <div id = "editorId"></div>
</body>
</html>
 
 我试过这个但是不行  
document.getElementById("content").innerHTML ="this is the content inside";

I am a learner of Extjs , How to load content inside Extjs html editor  
This is the blank editor code  
<!DOCTYPE html>
<html>
<head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
   <script type="text/javascript">
      Ext.onReady(function() {
         Ext.create('Ext.form.HtmlEditor', {
            width: 580,
            height: 250,
            renderTo: document.getElementById('editorId')
         });
      });
   </script>
</head>
<body>
   <div id = "editorId"></div>
</body>
</html>
 
I tried this but don't work 
document.getElementById("content").innerHTML ="this is the content inside";

原文：https://stackoverflow.com/questions/42344908

更新时间：2022-03-28 20:03

最满意答案

 这是我测试过的正确代码。  
 我会告诉你删除return false并使下面的ajax调用显式附加成功和失败回调。  
$(document).on("click", ".alert", function (e) {
            bootbox.confirm("Delete payment ???", function (result) {
                    if (result) {
                        alert('delete fired');
                        $.ajax({
                            type: "GET",
                            url: "Jquery-datatable.aspx/GetJsonEmps",
                            data: "{}",
                            dataType: "json",
                            contentType: "application/json; charset=utf-8",
                            success: function (response) {
                                alert('ok');
                                location.reload();
                            },
                            error: function (xhr, ajaxOptions, thrownError)
                            { 
                            alert(xhr.responseText);
                            location.reload(); 
                            }    
                        });
                    }
                });
            });
 
 注意：为了测试，我已经快速检查了上面的示例。您必须将rquest类型替换为POST并请求url并添加data参数。 

Here is the correct code I have tested. 
I would tell you to remove return false and make the ajax call like below having explicitly attaching success and failure callback. 
$(document).on("click", ".alert", function (e) {
            bootbox.confirm("Delete payment ???", function (result) {
                    if (result) {
                        alert('delete fired');
                        $.ajax({
                            type: "GET",
                            url: "Jquery-datatable.aspx/GetJsonEmps",
                            data: "{}",
                            dataType: "json",
                            contentType: "application/json; charset=utf-8",
                            success: function (response) {
                                alert('ok');
                                location.reload();
                            },
                            error: function (xhr, ajaxOptions, thrownError)
                            { 
                            alert(xhr.responseText);
                            location.reload(); 
                            }    
                        });
                    }
                });
            });
 
Note: I have quickly checked above example for the sake of testing.You have to replace the rquest type to POST and request url and add data parameter.

在Extjs中加载HtmlEditor内的内容(Load content inside HtmlEditor in Extjs)

最满意答案

相关问答

在刷新父页面时避免关闭模式(Avoid closing the modal when refreshing the parent page)[2023-04-25]

用Javascript刷新页面(Hard refreshing a page with Javascript)[2021-11-15]

为什么我的表单只是刷新页面？(Why is my form just refreshing the page?)[2022-07-14]

使用javascript或jquery提交链接而不刷新页面(Submit a link using javascript or jquery without refreshing a page)[2023-05-20]

在jquery对话框中对datagrid进行排序，而不刷新页面，从而关闭对话框(Sort datagrid in a jquery dialog without page refreshing and thus closing dialog)[2023-12-31]

jquery不是刷新页面(the jquery is not refreshing page)[2021-04-24]

jQuery正在刷新页面(jQuery is Refreshing the Page)[2022-03-22]

使用jQuery刷新页面(refresh page using jQuery)[2022-10-16]

JQUERY没有关闭弹出和刷新页面(JQUERY not closing pop up and refreshing page)[2023-07-24]

jQuery - 点击后刷新页面(jQuery - page refreshing after click)[2023-03-21]

相关文章

最新问答