ToolBar & Scripts problem

3 posts, 0 answers
  1. Jesús
    Jesús avatar
    53 posts
    Member since:
    Oct 2007

    Posted 05 Dec 2008 Link to this post

    I'm migrating from Q2 2007 version to Q3 2008.

    I have the following code:

    <asp:Panel ID="toolBarPanel" runat="server"
        <radTlb:RadToolbar ID="toolBar" runat="server" UseFadeEffect="True" Skin="Mac" ButtonHeight="24px" 
            ButtonWidth="24px" AutoPostBack="true" CatalogIconImageUrl="" SkinsPath="~/RadControls/Toolbar/Skins" 
            ImagesDir="~/Imagenes/" OnOnClick="toolBar_OnClick" OnPreRender="toolBar_PreRender" 
            ValidationGroup="GV1" > 
            <Items> 
                <radTlb:RadToolbarButton ID="button1" ButtonImage="image1.png" CommandName="CMD1" 
                    runat="server" ButtonText="CMD1" Hidden="False" CausesValidation="false" /> 
                <radTlb:RadToolbarButton ID="button2" ButtonImage="image2.png" CommandName="CMD2" 
                    runat="server" ButtonText="CMD2" Hidden="False" CausesValidation="false" /> 
            </Items> 
        </radTlb:RadToolbar> 
     
        <script type="text/javascript"
    <!-- 
    <%= toolBar.ClientID %>.attachEvent("OnClientClick","click_handler"); 
    function click_handler(sender, e) 
        if (sender.CommandName=='DELETE') { 
            return confirm('<%= MissatgeDinamic("Del1") %>'); 
        } 
    --> 
        </script> 
    </asp:Panel> 

    and now I have translated it to the following one.

    <asp:Panel ID="toolBarPanel" runat="server"
        <telerik:RadToolBar ID="toolBar" runat="server" UseFadeEffect="True" Skin="Gray" ButtonHeight="24px" 
            ButtonWidth="24px" AutoPostBack="true" OnButtonClick="toolBar_OnButtonClick" OnPreRender="toolBar_PreRender" 
            ValidationGroup="GV1" > 
            <Items> 
                <telerik:RadToolbarButton ID="button1" ImageUrl="~/Imagenes/image1.png" CommandName="CM1" 
                    runat="server" ButtonText="CMD1" Hidden="False" CausesValidation="false" /> 
                <telerik:RadToolbarButton ID="button2" ImageUrl="~/Imagenes/image2.png" CommandName="CM2" 
                    runat="server" ButtonText="CMD2" Hidden="False" CausesValidation="false" /> 
            </Items> 
        </telerik:RadToolBar> 
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"
          <script type="text/javascript"
            $find("<%= toolBar.ClientID %>").attachEvent("OnClientClick","click_handler"); 
            function click_handler(sender, e) 
            { 
                if (sender.CommandName=='DELETE') { 
                    return confirm('<%= MissatgeDinamic("Del1") %>'); 
                } 
            } 
          </script> 
        </telerik:RadCodeBlock> 
    </asp:Panel> 

    When I execute this appears a Visual Studio 2008 pop-up window with the message (I translate from Spanish) Microsoft JScript error at execution time: 'null' is null or not is an object, and the generated code I can see is:

    <div id="toolBar" class="RadToolBar RadToolBar_Horizontal RadToolBar_Gray RadToolBar_Gray_Horizontal " UseFadeEffect="True" ButtonHeight="24px" ButtonWidth="24px" style="z-index:9000;"
    <div class="rtbOuter"
        <div class="rtbMiddle"
            <div class="rtbInner"
                <ul class="rtbUL"
                    <li class="rtbItem rtbBtn"><class="rtbWrap" ID="button1" href="#"><span class="rtbOut"><span class="rtbMid"><span class="rtbIn"><img alt="" src="Imagenes/image1.png" class="rtbIcon" /></span></span></span></a></li><li class="rtbItem rtbBtn"><class="rtbWrap" ID="button2" href="#"><span class="rtbOut"><span class="rtbMid"><span class="rtbIn"><img alt="" src="Imagenes/image2.png" class="rtbIcon" /></span></span></span></a></li
                </ul> 
            </div> 
        </div> 
    </div><input id="toolBar_ClientState" name="toolBar_ClientState" type="hidden" /> 
    </div> 
     
        <script type="text/javascript"
    $find("toolBar").attachEvent("OnClientClick","click_handler"); 
    function click_handler(sender, e) 
        if (sender.CommandName=='DELETE') { 
            return confirm('¿Seguro de borrar este elemento?'); 
        } 
        < 

    What is happening here? Any solution for this?




  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 08 Dec 2008 Link to this post

    Hi there,

    You're actually migrating from RadToolBar for ASP.NET to RadToolBar for ASP.NET AJAX, they are quite different, your code should be changed like this:

    <asp:Panel ID="toolBarPanel" runat="server">
    <telerik:RadToolBar ID="toolBar" runat="server"
    AutoPostBack="true" OnButtonClick="toolBar_OnButtonClick" OnPreRender="toolBar_PreRender"
    ValidationGroup="GV1" OnClientButtonClicked="click_handler">
    <Items>
    <telerik:RadToolbarButton ID="button1" ImageUrl="~/Imagenes/image1.png" CommandName="CM1"
    runat="server" Text="CMD1" Hidden="False" CausesValidation="false" />
    <telerik:RadToolbarButton ID="button2" ImageUrl="~/Imagenes/image2.png" CommandName="CM2"
    runat="server" Text="CMD2" Hidden="False" CausesValidation="false" />
    </Items>
    </telerik:RadToolBar>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function click_handler(sender, e)
    {
       if (e.get_item().get_commandName()=='DELETE') {
         return confirm('test');
       }
    }
    </script>
    </telerik:RadCodeBlock>
    </asp:Panel>

    Best wishes,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jesús
    Jesús avatar
    53 posts
    Member since:
    Oct 2007

    Posted 09 Dec 2008 Link to this post

    Ok, it works!

    Thanks.
Back to Top