如何将Radedtor和Radtree放在updatepanel中？ [英] How to put Radedtor and Radtree inside updatepanel ?

查看：60
本文介绍了如何将Radedtor和Radtree放在updatepanel中？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

大家好希望做得好，



我试图解决这个问题，因为2天但无法做到。





我有一个带编辑按钮的radgrid，当我点击编辑按钮然后radwindow将打开rad树包含来自本地文件夹和radeditor的一些图像当我拖放时从树到编辑器java脚本错误即将到来。我在里面使用了带有radwindow的更新面板。如果我删除更新面板它工作正常。但要求是Compulasary使用更新面板



0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法'get_contentAreaElement'





错误是在radeditor的Ismouseover事件中。



Hi all hope doing well,

I am trying to solve this problem since 2days but unable to do.


I am having a radgrid with edit radbutton, when I click edit button then radwindow will open with rad tree containing some images from local folder and radeditor with data when I drag and drop the image from tree to editor java script error is coming. I have used update panel with radwindow inside it. If I remove the update panel it is working fine. But requirement is Compulasary use of update panel

"0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'get_contentAreaElement'"


The error is getting in the Ismouseover event of the radeditor.

function isMouseOverEditor(editor, event) {


    return $telerik.isMouseOverElementEx(editor.get_contentAreaElement(), event);

}









.Aspx代码











.Aspx Code



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormUpdateDb.aspx.cs" Inherits="RadEditor.WebFormUpdateDb" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/ScriptRadEdtor.js"></script>
</head>
<body>
    <script src="Scripts/scripts.js" type="text/javascript"></script>
    <%-- <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Name="RadEditor.MyFile.js"  Path="/Scripts/MyFile.js" />
        </Scripts>
    </telerik:RadScriptManager>--%>
    <%-- <asp:HiddenField ID="hdnedtr" runat="server" Value="rdEdtr"/>--%>

    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>


            <asp:Label ID="lbledtr" runat="server" Text="rdEdtr"></asp:Label>
            <asp:Label ID="lbltree" runat="server" Text="rdTreeView"></asp:Label>

            <asp:UpdatePanel ID="updtWindpw" runat="server">
                <ContentTemplate>

                    <telerik:RadWindow ID="RadWinEmp_Add" runat="server" Width="900" Height="600" Modal="true" VisibleOnPageLoad="false" Visible="false"

                        Behaviors="Close,Reload" VisibleStatusbar="false">
                        <ContentTemplate>
                            <table>
                                <tr>
                                    <td valign="top" style="width: 300px;" class="module">

                                        <telerik:RadTreeView ID="rdTreeView" runat="server" Height="300px" EnableDragAndDrop="True" OnClientNodeClicking="BeforeClick"

                                            OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging" EnableClientScripts="false"

                                            OnClientNodeDropping="OnClientNodeDropping"

                                            Width="200px">
                                        </telerik:RadTreeView>
                                    </td>
                                    <td>
                                        <telerik:RadEditor ID="rdEdtr" runat="server" ForeColor="Black">
                                        </telerik:RadEditor>
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <center>
             <telerik:RadButton ID="btnUpdate" runat="server"   Text="Update"

                                        AutoPostBack="True" ButtonType="LinkButton" OnClick="btnUpdate_Click">

                              </telerik:RadButton>
            </center>
                        </ContentTemplate>

                    </telerik:RadWindow>



                    <telerik:RadGrid ID="rgEmp"

                        AutoGenerateColumns="False" runat="server" Width="80%"

                        OnItemCommand="rgEmp_ItemCommand" OnPreRender="rgEmp_PreRender" HeaderStyle-BackColor="#ccffff" ItemStyle-BorderWidth="1px" BackColor="#33CCFF" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="16px">
                        <ClientSettings EnablePostBackOnRowClick="true">
                            <Selecting AllowRowSelect="true" />
                        </ClientSettings>
                        <MasterTableView DataKeyNames="Id">
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Id" UniqueName="Id">
                                    <ItemTemplate>

                                        <asp:Label ID="lblId" runat="server" Text='<%#Eval("Id") %>'></asp:Label>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Description" HeaderStyle-HorizontalAlign="Center" ItemStyle-BorderColor="Black">
                                    <ItemTemplate>
                                        <asp:Label ID="lblQuatation" runat="server" Text='<%#Eval("Description") %>'></asp:Label>
                                    </ItemTemplate>

                                    <HeaderStyle HorizontalAlign="Center"></HeaderStyle>

                                    <ItemStyle BorderColor="Black"></ItemStyle>

                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="20%" HeaderStyle-HorizontalAlign="Center" ItemStyle-BorderColor="Black"

                                    ItemStyle-HorizontalAlign="Center" ItemStyle-BorderWidth="1px">
                                    <ItemTemplate>
                                        <telerik:RadButton ID="rbtnEdit" runat="server" Text="Edit" ForeColor="Black" Width="100px" Font-Size="Medium" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"Description") %>' CommandName="RowEdit"

                                            ButtonType="LinkButton">
                                        </telerik:RadButton>
                                    </ItemTemplate>

                                    <HeaderStyle HorizontalAlign="Center" Width="20%"></HeaderStyle>

                                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>

                        <HeaderStyle BackColor="#99FF99" BorderWidth="1px" ForeColor="Black" />
                        <ItemStyle BackColor="#CCCCFF" BorderWidth="1px" ForeColor="Black" />
                        <PagerStyle Mode="Advanced"></PagerStyle>
                    </telerik:RadGrid>
                </ContentTemplate>
            </asp:UpdatePanel>


        </div>
        <script type="text/javascript">
            //<![CDATA[
            var editor = null;
            var tree = null;
            function storeReferences() {
                debugger;
                editor = document.getElementById('<%=rdEdtr.ClientID%>');
                tree = document.getElementById('<%=rdTreeView.ClientID%>');

                // makeUnselectable(tree.get_element());
                Sys.Application.remove_load(storeReferences);
            }
            Sys.Application.add_load(storeReferences);
        </script>
    </form>
</body>
</html>













Please help me to find the solution to the problem







Please help me to find the solution to the problem

推荐答案

telerik.isMouseOverElementEx(editor.get_contentAreaElement(), event);

}
telerik.isMouseOverElementEx(editor.get_contentAreaElement(), event); }









.Aspx Code











.Aspx Code



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormUpdateDb.aspx.cs" Inherits="RadEditor.WebFormUpdateDb" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/ScriptRadEdtor.js"></script>
</head>
<body>
    <script src="Scripts/scripts.js" type="text/javascript"></script>
    <%-- <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Name="RadEditor.MyFile.js"  Path="/Scripts/MyFile.js" />
        </Scripts>
    </telerik:RadScriptManager>--%>
    <%-- <asp:HiddenField ID="hdnedtr" runat="server" Value="rdEdtr"/>--%>

    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>


            <asp:Label ID="lbledtr" runat="server" Text="rdEdtr"></asp:Label>
            <asp:Label ID="lbltree" runat="server" Text="rdTreeView"></asp:Label>

            <asp:UpdatePanel ID="updtWindpw" runat="server">
                <ContentTemplate>

                    <telerik:RadWindow ID="RadWinEmp_Add" runat="server" Width="900" Height="600" Modal="true" VisibleOnPageLoad="false" Visible="false"

                        Behaviors="Close,Reload" VisibleStatusbar="false">
                        <ContentTemplate>
                            <table>
                                <tr>
                                    <td valign="top" style="width: 300px;" class="module">

                                        <telerik:RadTreeView ID="rdTreeView" runat="server" Height="300px" EnableDragAndDrop="True" OnClientNodeClicking="BeforeClick"

                                            OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging" EnableClientScripts="false"

                                            OnClientNodeDropping="OnClientNodeDropping"

                                            Width="200px">
                                        </telerik:RadTreeView>
                                    </td>
                                    <td>
                                        <telerik:RadEditor ID="rdEdtr" runat="server" ForeColor="Black">
                                        </telerik:RadEditor>
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <center>
             <telerik:RadButton ID="btnUpdate" runat="server"   Text="Update"

                                        AutoPostBack="True" ButtonType="LinkButton" OnClick="btnUpdate_Click">

                              </telerik:RadButton>
            </center>
                        </ContentTemplate>

                    </telerik:RadWindow>



                    <telerik:RadGrid ID="rgEmp"

                        AutoGenerateColumns="False" runat="server" Width="80%"

                        OnItemCommand="rgEmp_ItemCommand" OnPreRender="rgEmp_PreRender" HeaderStyle-BackColor="#ccffff" ItemStyle-BorderWidth="1px" BackColor="#33CCFF" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="16px">
                        <ClientSettings EnablePostBackOnRowClick="true">
                            <Selecting AllowRowSelect="true" />
                        </ClientSettings>
                        <MasterTableView DataKeyNames="Id">
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Id" UniqueName="Id">
                                    <ItemTemplate>

                                        <asp:Label ID="lblId" runat="server" Text='<%#Eval("Id") %>'></asp:Label>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Description" HeaderStyle-HorizontalAlign="Center" ItemStyle-BorderColor="Black">
                                    <ItemTemplate>
                                        <asp:Label ID="lblQuatation" runat="server" Text='<%#Eval("Description") %>'></asp:Label>
                                    </ItemTemplate>

                                    <HeaderStyle HorizontalAlign="Center"></HeaderStyle>

                                    <ItemStyle BorderColor="Black"></ItemStyle>

                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="20%" HeaderStyle-HorizontalAlign="Center" ItemStyle-BorderColor="Black"

                                    ItemStyle-HorizontalAlign="Center" ItemStyle-BorderWidth="1px">
                                    <ItemTemplate>
                                        <telerik:RadButton ID="rbtnEdit" runat="server" Text="Edit" ForeColor="Black" Width="100px" Font-Size="Medium" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"Description") %>' CommandName="RowEdit"

                                            ButtonType="LinkButton">
                                        </telerik:RadButton>
                                    </ItemTemplate>

                                    <HeaderStyle HorizontalAlign="Center" Width="20%"></HeaderStyle>

                                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>

                        <HeaderStyle BackColor="#99FF99" BorderWidth="1px" ForeColor="Black" />
                        <ItemStyle BackColor="#CCCCFF" BorderWidth="1px" ForeColor="Black" />
                        <PagerStyle Mode="Advanced"></PagerStyle>
                    </telerik:RadGrid>
                </ContentTemplate>
            </asp:UpdatePanel>


        </div>
        <script type="text/javascript">
            //<![CDATA[
            var editor = null;
            var tree = null;
            function storeReferences() {
                debugger;
                editor = document.getElementById('<%=rdEdtr.ClientID%>');
                tree = document.getElementById('<%=rdTreeView.ClientID%>');

                // makeUnselectable(tree.get_element());
                Sys.Application.remove_load(storeReferences);
            }
            Sys.Application.add_load(storeReferences);
        </script>
    </form>
</body>
</html>













Please help me to find the solution to the problem







Please help me to find the solution to the problem


这篇关于如何将Radedtor和Radtree放在updatepanel中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发语言最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆