zoukankan      html  css  js  c++  java
  • Ext.net里面放置KindEditor富文本框(解决KindEditor不显示和后台取不到值的问题)

    上周六,从上午10点到晚上12点终于搞定了Ext.net与KindEditor的兼容性问题。对于Ext.net的原理,我是菜鸟,表示不懂。我遇到的两个问题是,问题一是不显示KindEditor控件,通过ext:ResourceManager里面的 <DocumentReady Handler="createEditor();" /> 解决了问题二是KindEditor控件的值传不会后台去,就是在前台也收不到值,但是我通过点击全屏按钮后就可以收到其值了,于是采用<Click OnEvent="BtnAddSave_Click" Before="editor.fullscreen(false);">的方式来解决了。下面就直接贴代码。由于代码过多,我直接贴重点代码。

    1.aspx头部代码:

    <script type="text/javascript">
    //加载编辑器
    var editor;
    function createEditor() {
    editor = KindEditor.create("#txtAddContent", {
    resizeType: 1,
    uploadJson: '../../tools/upload_ajax.ashx?action=EditorFile&IsWater=0',
    fileManagerJson: '../../tools/upload_ajax.ashx?action=ManagerFile',
    allowFileManager: true,
    fullscreenMode:false
    });
    }
    </script>

    2.body里面的代码第1处:

    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="liuqing">
    <Listeners>
    <DocumentReady Handler="createEditor();" />
    </Listeners>
    </ext:ResourceManager>

    3.body里面的代码第2处:

    <ext:Container runat="server" Title="内容" Collapsible="true" AnchorHorizontal="95%">
    <Content>
    <textarea id="txtAddContent" name="txtAddContent" style=" 99%;
    height: 350px;visibility: hidden;" runat="server"></textarea>
    </Content>
    </ext:Container>

    4.body里面的代码第3处:

    <ext:Button ID="BtnAddSave" runat="server" Text="保存" Icon="Disk">
    <DirectEvents>
    <Click OnEvent="BtnAddSave_Click" Before="editor.fullscreen(false);">
    <EventMask ShowMask="true" Msg="正在保存" />
    </Click>
    </DirectEvents>
    </ext:Button>

    5.后台CS 代码:

     string Content = this.txtAddContent.Value.Trim();

  • 相关阅读:
    前端布局方式汇总及概念浅析
    html中map area 热区自适应的原生js实现方案
    css3实现背景颜色渐变,文字颜色渐变,边框颜色渐变
    css3动画的性能优化_针对移动端卡顿问题
    分享几个很实用的CSS技巧对前端技术很有帮助
    为什么是link-visited-hover-active原理这样的特殊
    HTML中<base>标签的正确使用
    面试WEB前端如何才能通过?
    Java连载48-final关键字
    Python连载48-正则表达式(中)
  • 原文地址:https://www.cnblogs.com/sheizhuchenfu/p/4181330.html
Copyright © 2011-2022 走看看