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="width: 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();
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。