Questions on UI for ASP.NET AJAX Forum

110,826 questions

1 answer

207 views

Hello,

I have an issue in regards to loading a user control.

I have a radtabstrip inside a header user control and each tab dynamically loads a user control into a content panel on the main page. The first tab loads a user control and inside that it has a button that loads another user control and replaces the current user control *which is itself* inside the content panel.

This is working fine as expected.

The issue I have is when I want to reload the orginial user control that the first tab loads it wont let me because I have already clicked the first tab, the tabClick event wont fire a second time. So therefore I can't reload my first usercontrol back onto the page.

Is there anyway to force the TabClick to fire again when I click onto it a second time?

Mike

TabStrip

answered on 11 Mar 2010

2 answers

84 views

Client-side insert/update/delete without binding at all ?

Hello,

I apologize to be not the first person to ask such a question, but I couldn't find "the" ultimate answer I'm looking for in the recent past threads in this forum.

My purpose is to limit the server calls as much as possible, and thus to let the user perform his insert/update/delete operations client-side (with immediate effect in the grid on the screen) without a single server call.

The grid has to be initialized with data server-side, in a way or another (binding ? Manual server-side items adding ?) but after this initialisation, no more binding of any kind. Just manual addings in javascript, as many as the user wishes, and at last one unique call to the server in order make it refresh the database.

Thus, the client would notify the server about the changes made, instead of the contrary.

Is it possible and how ?

Thank you very much in advance,
Jocelyn

PS
Manually adding items client-side with javascript is simple. My actual problem is to retrieve these items in the server-side code at the server call moment, since the grid seems to be reinitialized at that moment, and to lose all the client operations done...

Grid

answered on 11 Mar 2010

3 answers

190 views

Creating scheduler dynamically

Good day!

In reference to my earlier post regarding the slow CRUD, I think it is due to our requirement of dynamically creating a RadScheduler from the code-behind, putting it inside a RadPane . We needed this approach since a user can select one or more schedules to display at a time. I added the creation on Page_Load() regardless if it is a postback or not, so the scheduler controls will always display. This causes all initializations for each scheduler to be called everytime a request is made. Is there any other approach for this?

Thank you very much.

Scheduler

answered on 11 Mar 2010

3 answers

119 views

RadAjaxManagerProxy & Grid EnablePostBackOnRowClick

Using Q1 2010 Beta (2010.1.216.40).

I have the following RadGrid:

    
            <telerik:RadGrid ID="MyRadGrid" runat="server" DataSourceID="MyEntities"  
        
                AllowSorting="True" AllowPaging="True" AutoGenerateColumns="True" 
        
                OnSelectedindexChanged="Grid_SelectedIndexChanged" 
        
                OnItemCreated="Grid_ItemCreated"> 
        
                <MasterTableView DataKeyNames="Id" DataSourceID="MyEntities" CommandItemDisplay="Top" EditMode="InPlace"> 
        
                    <CommandItemTemplate> 
        
                        <telerik:RadToolBar runat="server" OnButtonClick="ToolBar_ButtonClick"> 
        
                            <Items> 
        
                                <telerik:RadToolBarButton runat="server" Text="Add" ImageUrl="~/Icons/Add.png" Visible='<%# MyRadGrid.SelectedIndexes.Count > 0 %>' /> 
        
                            </Items>                             
        
                        </telerik:RadToolBar>           
        
                    </CommandItemTemplate> 
        
                </MasterTableView> 
        
                <ClientSettings EnablePostBackOnRowClick="True"> 
        
                    <Selecting AllowRowSelect="True" /> 
        
                </ClientSettings> 
        
            </telerik:RadGrid>

Everything works great, the RadToolBarButton is hidden until a row is selected (causing postback). However when I add the RadAjaxManagerProxy below (this is on a page with a Master), the postback does not fire and the add button never becomes visible.

    
            <telerik:RadAjaxManagerProxy runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="MyRadGrid"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="MyRadGrid" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings>            
        
            </telerik:RadAjaxManagerProxy>

Any suggestions would be apreciated.
Thanks,
Joe

Ajax

answered on 11 Mar 2010

1 answer

385 views

Dynamically change the background image

I have a RadTabStrip and I am adding the RadTabs dynamically. As I am creating these RadTabs, one of the properties I would like to set is a background image. Is it possible to do this?

I have tried creating multiple TabStripStates.png files ( a default, then a TabStripStates_Red.png). My thinking was that as I create these new tabs, I could just set the tab.CSSClass to a css that I have defined that points to this file :

For example : In my code behind as I create the tab : tab.CSSClass = "red";

In the css that I have defined :

.tabstrip .red .rtsLink,
.tabstrip .red .rtsOut { background-image: url('TabStrip/TabStripStates_Red.png'); }

What I am not understanding is if I am just missing something, or if this is not the correct way to do this. Any help on dynamically setting the background image would be greatly appreciated.

Thank you

TabStrip

answered on 11 Mar 2010

1 answer

355 views

Basic GridButtonColumn LinkButton Events Handling

This maybe RadGrid 101 but I need to know how to handle an event when a LinkButton is clicked. I don't want to use the standard edit and delete buttons cause I have a lot of custom code that needs to run. I want to have the LinkButton button clicked, it launches an event, in that event I pull the AnnouncementID or any data from that row and then do the custom code.

    
            <telerik:RadGrid ID="gridAnnouncements" runat="server"  
        
                    AutoGenerateColumns="false" onneeddatasource="gridAnnouncements_NeedDataSource"> 
        
                        <MasterTableView DataKeyNames="AnnouncementID"> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn DataField="AnnouncementID" Display="false"></telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Title" HeaderText="Title"></telerik:GridBoundColumn> 
        
                                <telerik:GridCheckBoxColumn DataField="isNewsFlash" HeaderText="News Flash" ReadOnly="false"></telerik:GridCheckBoxColumn> 
        
                                <telerik:GridCheckBoxColumn DataField="isFeatured" HeaderText="Featured"  ReadOnly="false"></telerik:GridCheckBoxColumn> 
        
                                <telerik:GridBoundColumn DataField="UpdatedDate" HeaderText="Last Updated"></telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="UpdatedBy" HeaderText="Last Updated By"></telerik:GridBoundColumn> 
        
                                <telerik:GridButtonColumn ButtonType="LinkButton" Text="Edit"></telerik:GridButtonColumn> 
        
                                <telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete"></telerik:GridButtonColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid>

How do I click the edit button and pull the AnnouncementID in the server side code?

Grid

answered on 11 Mar 2010

1 answer

130 views

Transposing the grid with header grouping

Hi,
I have a grid with header grouping. I want to transpose the grid so that the column header will display as row. The attached screen shot 'screen.jpg' is grid without transpose. I want to transpose grid show that column header like 'Platform' or 'Power' will display in row and records will display in column as displayed in screen shot 'screen1.jpg'. So, please suggest some solution.

Regards,
Rajeev

Grid

answered on 11 Mar 2010

2 answers

88 views

templatecolumn filter works but sorting doesn't

I have a gridtemplatecolumn (see code below) the filter works fine but the sorting doesn't, the header is not clickable for sorting. Once I take out the binding in HeaderTemplate the sorting worked. I need to have this binding for runtime defined currency symbol, is there a way that i can make the sorting work on this column with this type of binding on headertemplate?

    
            <telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Right" HeaderStyle-Width="60px" FilterControlWidth="60px" UniqueName="theAmount" DataField="theAmount" SortExpression="theAmount">  
        
                                                <HeaderTemplate> 
        
                                                    <%# "theAmount (" + MY_BLL.Settings.Default.CurrencySymbol + ")"%> 
        
                                                </HeaderTemplate> 
        
                                                <ItemTemplate> 
        
                                                    <%# Eval("theAmount", "{0:N}")%> 
        
                                                </ItemTemplate> 
        
            </telerik:GridTemplateColumn>

Grid

answered on 11 Mar 2010

3 answers

199 views

Evenly spaced root menu

I'd like to evenly space the root menu items. I've created a custom skin by copying the Menu.default.css and attempting to modify it but any combination of .RadMenu_x .rmRootGroup .rmItem seem to grab all the items in the menu and I only want to do this to the first row in the menu.

Here's what I'm working on. There's an old ASP.NET menu above where I'm sticking the RadMenu - you can see that is is evenly spaced menuitems. Image here.

answered on 11 Mar 2010

1 answer

170 views

how to bind a template control from the selected index event of another template control

Hi,

I m using radgrid for my application. I m unable to bind or assign a value to a template control from another template controls selected index event while inserting a record(ie.. in insert template).

Please find the screen shot to get clear understand.

aspx page

    
            <telerik:RadGrid   ID="RadGrid1" runat="server" Width="2500px" Height="400" Visible="true"   
        
                                                AllowAutomaticInserts="true"   
        
                                                AllowAutomaticUpdates="true"   
        
                                                AllowAutomaticDeletes="true" 
        
                                                PageSize="20" AllowPaging="True" AllowFilteringByColumn="True" 
        
                                                AllowSorting="true" ShowStatusBar="true" GridLines="None"   
        
                                                AutoGenerateColumns="False"   
        
                                                Skin="Vista"   
        
                                                OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                                                OnDetailTableDataBind="RadGrid1_DetailTableDataBind"     
        
                                                OnInsertCommand="rd_InsertCommand"   
        
                                                OnItemInserted="RadGrid1_ItemInserted" 
        
                                                OnItemDataBound="RadGrid1_ItemDataBound"                                                                                                                                
        
                                               > 
        
                            <MasterTableView    EditMode="PopUp"  CommandItemDisplay="Top"   
        
                                                AutoGenerateColumns="false" AllowFilteringByColumn="True"   
        
                                                AllowSorting="true"   >                                                             
        
                                    <ExpandCollapseColumn> 
        
                                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                                    </ExpandCollapseColumn> 
        
                                    <RowIndicatorColumn> 
        
                                        <HeaderStyle Width="20px" /> 
        
                                    </RowIndicatorColumn> 
        
                                    <ExpandCollapseColumn> 
        
                                        <HeaderStyle Width="20px" /> 
        
                                    </ExpandCollapseColumn> 
        
                                    <Columns>                
        
                            <telerik:GridTemplateColumn    DataField="Slno"             HeaderText="Slno"                  UniqueName="Slno"           HeaderStyle-Width="40" Visible="false" />                                  
        
                            <telerik:GridTemplateColumn    DataField="Programme"        HeaderText="Programe Name"         UniqueName="Programme"      HeaderStyle-Width="40">  
        
                            <EditItemTemplate> 
        
                            <asp:DropDownList ID="Programme"  AutoPostBack="true" runat="server" Width="150"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn>                  
        
                            <telerik:GridTemplateColumn    DataField="InventoryType"    HeaderText="Inventory Type"   UniqueName="InventoryType" HeaderStyle-Width="40" Visible="false"/>  
        
                            <telerik:GridTemplateColumn    DataField="StartTime"        HeaderText="Start Time"       UniqueName="StartTime" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate> 
        
                            <asp:TextBox ID="StartTime" runat="server" Width="150" ReadOnly="true" /> 
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn>                  
        
                            <telerik:GridTemplateColumn    DataField="Endtime"        HeaderText="End time"       UniqueName="Endtime" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="Endtime" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="PrimeTime"        HeaderText="Prime Time"       UniqueName="PrimeTime" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate> 
        
                            <asp:TextBox ID="PrimeTime" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="Year"        HeaderText="Year"         UniqueName="Year"      HeaderStyle-Width="40">  
        
                            <EditItemTemplate> 
        
                            <telerik:RadComboBox ID="Year"  AutoPostBack="true" runat="server" Width="150"  OnSelectedIndexChanged="Year_SelectedIndexChanged"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn>    
        
                            <telerik:GridTemplateColumn    DataField="Month"        HeaderText="Month"         UniqueName="Month"      HeaderStyle-Width="40">  
        
                            <EditItemTemplate> 
        
                            <telerik:RadComboBox ID="Month"  AutoPostBack="true" runat="server" Width="150"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn>    
        
                            <telerik:GridDropDownColumn    DataField="Commercial"       HeaderText="Commercial"       UniqueName="Commercial" HeaderStyle-Width="40"/>                  
        
                            <telerik:GridTemplateColumn    DataField="Duration"        HeaderText="Duration"       UniqueName="Duration" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="Duration" runat="server" Width="150" Text="123"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="TapeId"        HeaderText="Tape Id"       UniqueName="TapeId" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="TapeId" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="Inventory_Type"   HeaderText="Commercial Type"  UniqueName="Inventory_Type" HeaderStyle-Width="40" Visible="false" />                  
        
                            <telerik:GridTemplateColumn    DataField="TapeStatus"       HeaderText="TapeStatus"       UniqueName="TapeStatus" HeaderStyle-Width="40" Visible="false"/>                  
        
                            <telerik:GridTemplateColumn    DataField="insertion"        HeaderText="Insertion"        UniqueName="insertion" HeaderStyle-Width="40" Visible="false"/>  
        
                            <telerik:GridBoundColumn       DataField="Day1"              HeaderText="Day 1"            UniqueName="Day1"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day2"              HeaderText="Day 2"            UniqueName="Day2"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day3"              HeaderText="Day 3"            UniqueName="Day3"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day4"              HeaderText="Day 4"            UniqueName="Day4"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day5"              HeaderText="Day 5"            UniqueName="Day5"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day6"              HeaderText="Day 6"            UniqueName="Day6"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day7"              HeaderText="Day 7"            UniqueName="Day7"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day8"              HeaderText="Day 8"            UniqueName="Day8"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day9"              HeaderText="Day 9"            UniqueName="Day9"               HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day10"             HeaderText="Day 10"            UniqueName="Day10"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day11"             HeaderText="Day 11"            UniqueName="Day11"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day12"             HeaderText="Day 12"            UniqueName="Day12"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day13"             HeaderText="Day 13"            UniqueName="Day13"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day14"             HeaderText="Day 14"            UniqueName="Day14"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day15"             HeaderText="Day 15"            UniqueName="Day15"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day16"             HeaderText="Day 16"            UniqueName="Day16"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day17"             HeaderText="Day 17"            UniqueName="Day17"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day18"             HeaderText="Day 18"            UniqueName="Day18"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day19"             HeaderText="Day 19"            UniqueName="Day19"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day20"             HeaderText="Day 20"            UniqueName="Day20"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day21"             HeaderText="Day 21"            UniqueName="Day21"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day22"             HeaderText="Day 22"            UniqueName="Day22"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day23"             HeaderText="Day 23"            UniqueName="Day23"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day24"             HeaderText="Day 24"            UniqueName="Day24"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day25"             HeaderText="Day 25"            UniqueName="Day25"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day26"             HeaderText="Day 26"            UniqueName="Day26"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day27"             HeaderText="Day 27"            UniqueName="Day27"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day28"             HeaderText="Day 28"            UniqueName="Day28"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day29"             HeaderText="Day 29"            UniqueName="Day29"             HeaderStyle-Width="40"/>                  
        
                            <telerik:GridBoundColumn       DataField="Day30"             HeaderText="Day 30"            UniqueName="Day30"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridBoundColumn       DataField="Day31"             HeaderText="Day 31"            UniqueName="Day31"             HeaderStyle-Width="40"/>  
        
                            <telerik:GridTemplateColumn    DataField="TotalSpots"        HeaderText="Total Spots"       UniqueName="TotalSpots" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="TotalSpots" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="Discount"          HeaderText="Discount"          UniqueName="Discount"          HeaderStyle-Width="40" Visible="false"/>  
        
                            <telerik:GridTemplateColumn    DataField="Contract_Rate"     HeaderText="Contract Rate"     UniqueName="Contract Rate"     HeaderStyle-Width="40" Visible="false"/>  
        
                            <telerik:GridTemplateColumn    DataField="Non_prime_rate"    HeaderText="Non prime rate"    UniqueName="Non_prime_rate"    HeaderStyle-Width="40" Visible="false"/>  
        
                            <telerik:GridTemplateColumn    DataField="Contract_New_Rate"        HeaderText="Contract New Rate"       UniqueName="Contract_New_Rate" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="Contract_New_Rate" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn    DataField="Rate"        HeaderText="Rate"       UniqueName="Rate" HeaderStyle-Width="40" > 
        
                            <EditItemTemplate>   
        
                            <asp:TextBox ID="Rate" runat="server" Width="150" ReadOnly="true"/>  
        
                            </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" Display="true" HeaderText="Edit" HeaderStyle-Width="40px"></telerik:GridEditCommandColumn> 
        
                       </Columns> 
        
                    </MasterTableView> 
        
                                 <PagerStyle Position="Bottom" AlwaysVisible="true" Mode="NextPrevAndNumeric"></PagerStyle> 
        
                                <ClientSettings EnableRowHoverStyle="true">  
        
                                    <Selecting AllowRowSelect="True" /> 
        
                                    <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        
                                </ClientSettings> 
        
                </telerik:RadGrid>

Codebehind

    
            protected void Year_SelectedIndexChanged(object sender, EventArgs e)  
        
                    {  
        
                        GridItemEventArgs e1 = (GridItemEventArgs)Session["gridevent_ItemDataBound"];  
        
                        tempds = new DataSet();  
        
                        tempds = (DataSet)Session["sesDropDownDs"];  
        
                        Dv.Table = tempds.Tables[1];  
        
                        string ElementID = Convert.ToString((sender as RadComboBox).SelectedValue);  
        
                        Dv.RowFilter = "Year='" + ElementID + "'";  
        
                        GridEditableItem editedItem = e1.Item as GridEditableItem;  
        
                        GridEditManager editMan = editedItem.EditManager;  
        
                        RadComboBox drp = (RadComboBox)e1.Item.FindControl("Month");  
        
                        drp.DataTextField  = "Month";  
        
                        drp.DataValueField = "short_month";  
        
                        drp.DataSource = Dv;  
        
                        drp.DataBind();  
        
                        TextBox txt = (TextBox)e1.Item.FindControl("Duration");  
        
                        string h = txt.Text;  
        
                        txt.Text = "ghj";                          
        
                    }

thanks in advance.

Regards
Feroz.

Grid

answered on 11 Mar 2010

Top users last month