Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
60 views
Hi all

I use the RadTreeList  component with a custom Pager component (PagerTemplate).
But when booting the root page in a browser error occurs: 

TypeError: this._events is null

 However, if I remove the custom Pager component  this error is not reproduced 
Someone can vary help in solving this prolemy?

Code:

                        <telerik:RadTreeList ID="rdTree" runat="server" 
                            DataKeyNames="Location" ParentDataKeyNames="ParentLocation"
                            GridLines="None" Skin="EchopassTreeListSkin" EnableEmbeddedSkins="false"
                            AllowPaging="True" AutoGenerateDeleteColumn="True"
                            AutoGenerateEditColumn="True" AllowAutomaticDeletes="false"
                            AllowAutomaticUpdates="false" 
                            AutoGenerateColumns="False"
                            AllowSorting="True" OnNeedDataSource="rdTree_NeedDataSource"
                            PageSize="50" OnItemDataBound="rdTree_ItemDataBound"
                            OnItemCommand="rdTree_ItemCommand"
                            >
                            <Columns>
                                                    /* ----------- */
                            </Columns>
                            <ClientSettings>
                                <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true"></Scrolling>
                            </ClientSettings>
                            <EditFormSettings EditFormType="Template" PopUpSettings-Height="280px" PopUpSettings-Width="900px">
                                <FormTemplate>
                                    <table style="width: 700px; padding: 10px">
                                        <tr>
                                            <td colspan="6" style="height: 20px">
                                                <asp:Label ID="lblBanner" runat="server" CssClass="boldLabel"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:Label ID="lblName" runat="server" CssClass="boldLabelxSmall"></asp:Label>
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtName" runat="server" CssClass="width200"></asp:TextBox>
                                            </td>
                                            <td>
                                                <asp:Label ID="lblDescription" runat="server" CssClass="boldLabelxSmall"></asp:Label>
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtDescription" TextMode="MultiLine" runat="server" CssClass="width200"></asp:TextBox>
                                            </td>
                                            <td>
                                                <asp:LinkButton ID="lnkCancel" runat="server" CssClass="btnGeneral_grid"
                                                     Text="Cancel" CommandName="Cancel"></asp:LinkButton>
                                            </td>
                                            <td>
                                                <asp:LinkButton ID="lnkGo" runat="server"></asp:LinkButton>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:Label ID="lblPhoneNumber" runat="server" Text="Phone Number:" CssClass="boldLabelxSmall">
                                                </asp:Label>
                                            </td>
                                            <td>
                                                <telerik:RadNumericTextBox ID="txtFloorNumber" runat="server" Width="40px" MinValue="1"
                                                 NumberFormat-DecimalDigits="0"></telerik:RadNumericTextBox>    
                                            </td>
                                            <td>
                                                <telerik:RadMaskedTextBox ID="txtPhoneNumber" SelectionOnFocus="CaretToBeginning" 
                                                runat="server" Mask="(###) ###-####" Width="80px"></telerik:RadMaskedTextBox>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                        
                                    </table>
                                </FormTemplate>
                            </EditFormSettings>

                            <PagerStyle AlwaysVisible="true" Position="TopAndBottom" />
                            <PagerTemplate>
                                <asp:Panel ID="PagerPanel" Style="padding: 6px; line-height: 24px" runat="server">
                                    <div style="float: left;">
                                        <span style="margin-right: 3px;">Page size:</span>
                                        <telerik:RadNumericTextBox ID="txtPageSize" runat="server" Style="margin-right: 20px;" Width="40px"
                                            Value='<%# (int)DataBinder.Eval(Container, "Paging.PageSize") %>'>
                                            <ClientEvents OnValueChanged="txtPageSize_ValueChanged" />
                                            <NumberFormat DecimalDigits="0" />
                                        </telerik:RadNumericTextBox>

                                    </div>
                                    <div style="margin: 0px; float: right;">
                                                    Displaying page
                                        <%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>
                                        of
                                        <%# DataBinder.Eval(Container, "Paging.PageCount")%>
                                        , items
                                        <%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>
                                        to
                                        <%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>
                                        of
                                        <%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>
                                    </div>
                                    <div style="width: 400px; margin: 0px; padding: 0px; float: left; margin-right: 10px; white-space: nowrap;">
                                        <asp:Button ID="Button1" runat="server"
                                            CommandName="Page" CommandArgument="First" Text=" " CssClass="PagerButton FirstPage" />
                                        <asp:Button ID="Button2" runat="server"
                                            CommandName="Page" CommandArgument="Prev" Text=" " CssClass="PagerButton PrevPage" />
                                        <span style="vertical-align: middle;">Page:</span>
                                        <telerik:RadNumericTextBox ID="RadNumericTextBox1" Width="25px" Value='<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>'
                                            runat="server">
                                            <ClientEvents OnValueChanged="RadNumericTextBox1_ValueChanged" />
                                            <NumberFormat DecimalDigits="0" />
                                        </telerik:RadNumericTextBox>
                                        <span style="vertical-align: middle;">of
                                <%# DataBinder.Eval(Container, "Paging.PageCount")%>
                                        </span>
                                        <asp:Button ID="Button3" runat="server"
                                            CommandName="Page" CommandArgument="Next" Text=" " CssClass="PagerButton NextPage" />
                                        <asp:Button ID="Button4" runat="server"
                                            CommandName="Page" CommandArgument="Last" Text=" " CssClass="PagerButton LastPage" />
                                    </div>
                                    <asp:Panel runat="server" ID="NumericPagerPlaceHolder" />
                                </asp:Panel>
                            </PagerTemplate>
                        </telerik:RadTreeList>
Maria Ilieva
Telerik team
 answered on 28 Mar 2014
1 answer
176 views
I am trying to dynamically create a radgrid and render it to HTML so that I can email it to users. I
have all the data I need and the formatting of the actual grid control
finished. However, this is running in a batch process (not an aspx
page) so I am dynamically creating a dummy page, populating the grid and
trying to render it to html using the code below. However, on the call
to 'RenderControl' I get an exception: 'The control with ID 'RadGrid1'
requires a ScriptManager on the page. The ScriptManager must appear
before any controls that need it.'. Can anyone pls advise how to do
this :)

Thanks

Public Function ExecuteRadgridReport(report As IReport, ByVal params As Object(), ByVal userid As Integer) As String

Dim p As New Page
p.EnableEventValidation = False

Dim form As New HtmlForm
p.Controls.Add(form)

form.Controls.AddAt(0, New ScriptManager)

Dim x As New Telerik.Web.UI.RadGrid
x.MasterTableView.GroupsDefaultExpanded = True
x.ID = "RadGrid1"
form.Controls.Add(x)

ExecuteRadgridReport(x, report, params, userid)

'Render the grid to html
Dim sw As New StringWriter()
Dim htw As New HtmlTextWriter(sw)
x.RenderControl(htw)

'Return the html
Return sw.ToString()

End Function
Angel Petrov
Telerik team
 answered on 28 Mar 2014
1 answer
93 views
We want to create a 4 level grid to display the following information
Level1: Projects – every project number is unique
Level 2: The orders that belong to the project – The orders for every project starts with order no 0001. There could be many orders with the same number (e.g. 0001) but only one order 0001 for each project. Project plus order number is unique
Level3: The Line Items within an order. Again a line item 0001 will appear in every order. Project + Order No + line Item is unique
Level4: The Release Note numbers for each Line Item. There could be many Release not numbers for each Project, Order No, Line Item Combination.
Question:
How should the Master and detail keys be structured for each level.
Eyup
Telerik team
 answered on 28 Mar 2014
1 answer
73 views
Hi,

I'm using a rad Grid in which I'm hiding a column by default, through code using "grid.Display" property. Sometimes I even need to use the option for showing / hiding column via the context menu in the header of a grid.
Other things work normally, except column re-size. When I try to re-size a particular column (suppose, col 3), col 2 gets re-sized.
This happens with all the columns coming next to any of the hidden columns.

I've checked previous posts on the same topic, but could not found any resolution on this.(or a fix was in process)
I've read that this issue may occur with IE6/7, but I'm using IE9.

Please let me know, how this can be worked out.

Thanks.
Venelin
Telerik team
 answered on 28 Mar 2014
4 answers
162 views
Good day

I have a rad datetime picker on a asp website

I have to create the control dynamically.
I added an event handler to the control, but  the event is not firing at all.

Also i added an ID to the control which is not showing when i try and find that control trough firefox debugger.

 RadDateTimePicker dt = new RadDateTimePicker();
                    dt.SelectedDateChanged += new Telerik.Web.UI.Calendar.SelectedDateChangedEventHandler(dt_SelectedDateChanged);
                    dt.ID = "datetimepicker007";
                    Cell.Controls.Add(dt);


   void dt_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)
        {
          //  throw new NotImplementedException();
            Response.Redirect("www.google.com");
        }

Tiaan
Top achievements
Rank 1
 answered on 28 Mar 2014
2 answers
372 views
I would like to have an event fired from a image map hotspot on a multi-page layout with associated tab strip.

Currently I have this working where I open a LightBox control via a script I picked up from that forum.

For one of the hot-spots I would rather have it change tabs, i.e. just as if the user clicked on another tab.

I've tried the following, but 99% of what I know is server-side, so assume I know NOTHING about how this works on the client.
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
 
<script type="text/javascript">
    function OpenAboutLightBox(index)
    {
        var lightBox = $find('<%= AboutLightBox.ClientID %>');
        lightBox.set_currentItemIndex(index);
        lightBox.show();
    }
    function switch_tab(index)
    {
        var tabstrip = $find('<%= RadTabStrip1.ClientID%>');
        tabstrip.index = index;
 
        var multipage = $find('<%= RadMultiPage1.ClientID%>');
        multipage.index = index
    }
</script>
 
</telerik:RadCodeBlock>

Tomica
Top achievements
Rank 2
 answered on 27 Mar 2014
3 answers
189 views
I would like to Add/Edit RadGrid items in a RadWindow that would be launched via the CommandItemTemplate buttons.  How would I do this?

<telerik:RadGrid ID="_gridContacts" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None"
                                     OnItemDeleted="_gridContacts_ItemDeleted">
                                    <MasterTableView CommandItemDisplay="Top" DataKeyNames="Contact_ID">
                                        <CommandItemTemplate>
                                            <div style="padding: 5px 5px;">
                                                <asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# _gridContacts.EditIndexes.Count = 0%>' OnClientClick="ShowEditForm();"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Edit.png"/>Edit selected</asp:LinkButton>  
                                                <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# _gridContacts.EditIndexes.Count > 0%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Update.gif"/>Update</asp:LinkButton>  
                                                <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# _gridContacts.EditIndexes.Count > 0 Or _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Cancel.png"/>Cancel editing</asp:LinkButton>  
                                                <asp:LinkButton ID="LinkButton2" runat="server" Visible='<%# Not _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/AddRecord.png"/>Add new</asp:LinkButton>  
                                                <asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert" Visible='<%# _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Insert.gif"/>Add this customer</asp:LinkButton>  
                                                <asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected contacts?')"
                                                    runat="server" CommandName="DeleteSelected"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Delete.png"/>Delete selected contacts</asp:LinkButton>  
                                                <asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Refresh.png"/>Refresh contact list</asp:LinkButton>
                                            </div>
                                        </CommandItemTemplate>
                                        <Columns>
                                            <%--<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                                <HeaderStyle Width="20px"></HeaderStyle>
                                            </telerik:GridEditCommandColumn>
                                            <telerik:GridButtonColumn ConfirmText="Delete this Contact?" ButtonType="ImageButton"
                                                 CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                                                 <HeaderStyle Width="20px"></HeaderStyle>
                                                 <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton"></ItemStyle>
                                            </telerik:GridButtonColumn>
                                            <telerik:GridHyperLinkColumn DataTextFormatString="[More...]"
                                                DataNavigateUrlFields="Contact_ID" UniqueName="Contact_ID" DataNavigateUrlFormatString="contacts.aspx?ContactID={0}"
                                                HeaderText=" " DataTextField="Contact_ID">
                                                <HeaderStyle Width="40px"></HeaderStyle>
                                            </telerik:GridHyperLinkColumn>--%>
                                            <telerik:GridButtonColumn DataTextFormatString="Select {0}"
                                                ButtonType="ImageButton" UniqueName="column" HeaderText=" "
                                                ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"
                                                ImageUrl="/images/vcard-icon.png">
                                                <HeaderStyle Width="40px"></HeaderStyle>
                                            </telerik:GridButtonColumn>
                                            <telerik:GridBoundColumn HeaderText="Name" UniqueName="column" FilterControlAltText="Filter column column" DataField="first_name">
                                                <ColumnValidationSettings>
                                                    <ModelErrorMessage Text=""></ModelErrorMessage>
                                                </ColumnValidationSettings>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn HeaderText="Title" UniqueName="column" FilterControlAltText="Filter column column" DataField="Title">
                                                <ColumnValidationSettings>
                                                    <ModelErrorMessage Text=""></ModelErrorMessage>
                                                </ColumnValidationSettings>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn HeaderText="Phone" UniqueName="column" FilterControlAltText="Filter column column" DataField="Phone1">
                                                <ColumnValidationSettings>
                                                    <ModelErrorMessage Text=""></ModelErrorMessage>
                                                </ColumnValidationSettings>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridTemplateColumn UniqueName="Contact_Email" HeaderText="Contact Email">
                                                <ItemTemplate>
                                                    <a href="mailto:<%# DataBinder.Eval(Container.DataItem, "Contact_Email")%>"><%# DataBinder.Eval(Container.DataItem, "Contact_Email")%></a>
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                        </Columns>
                                        <EditFormSettings UserControlName="Contacts.ascx" EditFormType="WebUserControl">
                                            <EditColumn UniqueName="EditCommandColumn1">
                                            </EditColumn>
                                        </EditFormSettings>
                                    </MasterTableView>
                                    <ClientSettings>
                                        <ClientEvents OnPopUpShowing="PopUpShowing" />
                                        <Selecting AllowRowSelect="True" EnableDragToSelectRows="False"></Selecting>
                                    </ClientSettings>
                                </telerik:RadGrid>
                                <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
                                    <Windows>
                                        <telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="300px"
                                            Width="300px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"
                                            Modal="true">
                                        </telerik:RadWindow>
                                    </Windows>
                                </telerik:RadWindowManager>
Kurt Kluth
Top achievements
Rank 1
 answered on 27 Mar 2014
1 answer
158 views
Hi,
I was checking Telerik UI for ASP.NET AJAX Q1 2014 trial version for feasibility.
I found that it generates lots of JavaScript for single control.
for example, i attached javascript code generated for a RadGrid with 10 row and single column. but it generated so many JSON properties. its size is more than 2 kb.

Is it possible to reduce it?
I mean most of the properties value are default. they can be prevented.
Konstantin Dikov
Telerik team
 answered on 27 Mar 2014
1 answer
67 views
Hi,

how to export the all nested grid footer item values .

We are using radgrid,in radgrid we took detailstable and in detailstable we have taken gridtableview for nested grid results.

Thanks in advance.



Kostadin
Telerik team
 answered on 27 Mar 2014
12 answers
386 views
Hello,

i cancelled Rad Grid Filter, Sort, PageIndexChanged events in 'ItemCommand' event (e.Canceled= true). But i unable to cancelled PageSizeChanged event. How can i achieve this?
Eyup
Telerik team
 answered on 27 Mar 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?