EXT.NET 使用 Ueditor编辑器,并在后台获取的方法
2011-12-30 15:25
651 查看
1.HTML页面如下代码
<ext:resourcemanager id="ResourceManager1" runat="server">
</ext:resourcemanager>
<ext:panel id="Panel1" runat="server" title="" frame="true" layout="Fit" buttonalign="Center"
autoheight="true">
<Buttons>
<ext:Button ID="Button1" runat="server" Icon="DiskEdit" Text="保 存" >
<DirectEvents>
<Click OnEvent="Button1_DirectClick">
<ExtraParams>
<ext:Parameter Name="myGetEditor" Mode="Raw" Value="getEditText()" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="Cancel" Text="关 闭">
<Listeners>
<Click Handler="parent.window.tmpWin.close();" />
</Listeners>
</ext:Button>
</Buttons>
<Items>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Frame="true" DeferredRender="false"
AutoHeight="true">
<Items>
<ext:Panel ID="Panel2" runat="server" Title="获取编辑器信息" Frame="true" AutoHeight="true"
Padding="6" ItemCls="blueborder" Layout="Form">
<Items>
<ext:TextArea runat="server" id="tbEditor" />
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:panel>
</div>
</form>
<script type="text/javascript">
var editor;
Ext.onReady(function () {
editor = new baidu.editor.ui.Editor({
iframeCssUrl: '/Editors/ueditor/themes/default/iframe.css',
textarea: 'myEditor'
});
editor.render("tbEditor");
})
var getEditText = function () {
return editor.getContent();
}
</script>
2.后台获取的事件:
protected void Button1_DirectClick(object sender, Ext.Net.DirectEventArgs e)
{
string 编辑器内容 = e.ExtraParams["myGetEditor"].ToString();
}
<ext:resourcemanager id="ResourceManager1" runat="server">
</ext:resourcemanager>
<ext:panel id="Panel1" runat="server" title="" frame="true" layout="Fit" buttonalign="Center"
autoheight="true">
<Buttons>
<ext:Button ID="Button1" runat="server" Icon="DiskEdit" Text="保 存" >
<DirectEvents>
<Click OnEvent="Button1_DirectClick">
<ExtraParams>
<ext:Parameter Name="myGetEditor" Mode="Raw" Value="getEditText()" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="Cancel" Text="关 闭">
<Listeners>
<Click Handler="parent.window.tmpWin.close();" />
</Listeners>
</ext:Button>
</Buttons>
<Items>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Frame="true" DeferredRender="false"
AutoHeight="true">
<Items>
<ext:Panel ID="Panel2" runat="server" Title="获取编辑器信息" Frame="true" AutoHeight="true"
Padding="6" ItemCls="blueborder" Layout="Form">
<Items>
<ext:TextArea runat="server" id="tbEditor" />
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:panel>
</div>
</form>
<script type="text/javascript">
var editor;
Ext.onReady(function () {
editor = new baidu.editor.ui.Editor({
iframeCssUrl: '/Editors/ueditor/themes/default/iframe.css',
textarea: 'myEditor'
});
editor.render("tbEditor");
})
var getEditText = function () {
return editor.getContent();
}
</script>
2.后台获取的事件:
protected void Button1_DirectClick(object sender, Ext.Net.DirectEventArgs e)
{
string 编辑器内容 = e.ExtraParams["myGetEditor"].ToString();
}
相关文章推荐
- ASP.NET使用百度编辑器(UEditor)方法
- ASP.NET使用百度编辑器(UEditor)使用方法
- ASP.NET使用百度编辑器(UEditor)使用方法
- asp.net后台获取使用js方法input文本的value
- Ext.net的两种使用后台的方法
- asp.net 通过ajax方式调用webmethod方法使用自定义类传参及获取返回参数
- .NET UEditor使用方法说明
- Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
- asp.net后台获取路径的各种方法归纳
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试
- ASP.Net Ajax应用初步:使用AJAX直接调用后台方法
- 在asp.net中获取mac地址的方法(C#后台获取的方法和前台Javascript(调用ActiveX)获取的方法)
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之完成登录功能
- 百度UEditor编辑器使用教程与使用方法
- asp.net ckeditor编辑器的使用方法[转]
- 一步步教你在Asp.net Mvc中使用UEditor编辑器
- asp.net后台获取前台html控件的值的方法
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试
- ext.net在js中调用后台方法
- 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法