This is a migrated thread and some comments may be shown as answers.

ClientEvents-RowSelected is not fired in FireFox - RadCodeBlock problem

8 Answers 177 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Krzysztof asked on 29 Nov 2008, 05:58 PM

Hi

I have code like :

<head id="Head1" runat="server">
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
            
    </script>
    </telerik:RadCodeBlock>
</head>
<body class="BODY">
    <form runat="server" id="mainForm" method="post" style="width: 100%;">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        
        <div id="log" class="module" style="width: 350px; margin-bottom: 20px; font-weight: bold;
            height: 20px;" runat="server">
        </div>
        <div class="module" style="height: 20px; width: 350px;">
            <span style="font-weight: bold;">Last event: </span><span id="OutPut" style="font-weight: bold;
                color: navy;"></span>
        </div>
        <br />

        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" >
        <div style="width:740px;overflow:auto">
        <telerik:RadGrid ID="RadGrid1" Skin="Sunset" runat="server" AutoGenerateEditColumn="true"
             PageSize="10" OnNeedDataSource="RadGrid1_NeedDataSource">
            <MasterTableView Width="100%" EditMode="PopUp" >
            </MasterTableView>
            <ClientSettings EnableRowHoverStyle="true">
                <ClientEvents OnRowSelected="RowSelected" ></ClientEvents>
                <Selecting AllowRowSelect="True"></Selecting>

            </ClientSettings>
        </telerik:RadGrid>
        </div>
        </telerik:RadAjaxPanel>
        
    </form>
</body>

......... If I click on row everything in IE and FireFox works fine. Informatin about clicked row is shown. I can edit in PopUp window too.

Now. if I made file Test.js like (with the same function) :

             function RowSelected(sender, eventArgs)
                {
                    var text = "";
                    text += "Row with index: " + eventArgs.get_itemIndexHierarchical() + " was selected";
                    document.getElementById("OutPut").innerHTML = text;
                }

and atachet it to my aspx file, this file loo like :

<head id="Head1" runat="server">
<script src='Test.js' language="javascript" type="text/jscript"></script>
</head>
<body class="BODY">
    <form runat="server" id="mainForm" method="post" style="width: 100%;">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        
        <div id="log" class="module" style="width: 350px; margin-bottom: 20px; font-weight: bold;
            height: 20px;" runat="server">
        </div>
        <div class="module" style="height: 20px; width: 350px;">
            <span style="font-weight: bold;">Last event: </span><span id="OutPut" style="font-weight: bold;
                color: navy;"></span>
        </div>
        <br />

        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" >
        <div style="width:740px;overflow:auto">
        <telerik:RadGrid ID="RadGrid1" Skin="Sunset" runat="server" AutoGenerateEditColumn="true"
             PageSize="10" OnNeedDataSource="RadGrid1_NeedDataSource">
            <MasterTableView Width="100%" EditMode="PopUp" >
            </MasterTableView>
            <ClientSettings EnableRowHoverStyle="true">
                <ClientEvents OnRowSelected="RowSelected" ></ClientEvents>
                <Selecting AllowRowSelect="True"></Selecting>

            </ClientSettings>
        </telerik:RadGrid>
        </div>
        </telerik:RadAjaxPanel>
        
    </form>
</body>

... in IE everything work fine but in FireFox nothing work good. RowClick Event do not fire, I can't open PopUp window and edit row. Why ??

I tried to made :

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script src='Test.js' language="javascript" type="text/jscript"></script>
</telerik:RadCodeBlock>

... but I have the same problems with this code.

Regards
Krzysztof

8 Answers, 1 is accepted

answered on 01 Dec 2008, 08:10 AM

Hi

This code work fine in FireFox too. Thank you.
But I have still problems with FireFox browser.

if I change JavaScript function like :

    
            function RowSelected(sender, eventArgs)  
        
            {  
        
              //var text = "";  
        
              //text += "Row with index: " + eventArgs.get_itemIndexHierarchical() + " was selected";  
        
              //document.getElementById("OutPut").innerHTML = text;  
        
              alert(); // <<< FireFox problem !!!!!  
        
            }

... in FireFox I can not see alert(); window.
In IE I can see alert window from this code. Why ???

Regards
Krzysztof

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

ClientEvents-RowSelected is not fired in FireFox - RadCodeBlock problem

8 Answers, 1 is accepted