Questions on UI for ASP.NET AJAX Forum

0 answers

54 views

Need help with RadTabStrip TabClick Event

Hi

I need help with RadTabStrip. I have 4 tabs...Tab 1, Tab 2, Tab 3 and Tab4. By default the users see Tab 1. Once the user changes the Tab 1 to any other tab...I need to save the data from the 1st tab in database.

If the users click Tab 3. If Tab 2 is missing information I need to redirect the user to Tab 2.

Currently I am using TabClick Event to save the data in database if the user is coming from Tab 1..it also save some info for Tab 2. If Tab 2 is missing some information I display javascript alert and SetActiveTab (i.e; ...set_selectedIndex(2) to 2...but the problem is I get redirected to Tab 3 first and then to Tab 2....how can i cancel Tab 3 redirect using server side code.

Jinisha

Ajax

asked on 06 Dec 2012

3 answers

70 views

Hide columns

hi,
how to hide columns by uisng ColumnElement?

Thanks & Regards
Anzar.M

Grid

answered on 06 Dec 2012

4 answers

1.6K+ views

Check if column unique name exists in dynamic radgrid

Hi,

I use a dynamically created RadGrid which means the column unique names are not always the same. I perform some data modification on ItemDataBound based on a columns unique name which works as expected if the column exists.

    
                protected void grvReport_ItemDataBound(object sender, GridItemEventArgs e) 
        
                { 
        
                    if (e.Item is GridDataItem) 
        
                    { 
        
                        GridDataItem item = ((GridDataItem)e.Item); 
        
                        item["coltrainerList"].Text = item["coltrainerList"].Text.Replace(",", "<br/>"); 
        
                    } 
        
                    // Other unrelated stuff 
        
                }

Of course, if the column does not exist I get an error alert "Cannot find a cell bound to column name 'coltrainerList'". I expected this also - but I am unsure of how to determine if it exists or not. I tried the following:

    
            if (item["coltrainerList"] != null) item["coltrainerList"].Text = item["coltrainerList"].Text.Replace(",", "<br/>");

Unfortunately, I still get the error alert. I have looked through the GridDataItem functions and not found one that can check if a unique column name exists in order to avoid this error.

Have I missed something?

Cheers.

Grid

answered on 06 Dec 2012

4 answers

66 views

Telerik website "Product Families" menu - Sample?

Hello Team;

I always send prospects to Telerik site to look at the products so they'll purchase their own license for our development. I've heard that people like the very top menu item "Product Families" the way the arrow shows and the animation and how it appears. I would like to ask the team if there is a sample to show how we can accomplish this type of menu that is more engaging.

Thanks!
..Ben

Menu

answered on 06 Dec 2012

3 answers

320 views

Format Cell to Proper Case

What is the recommended approach to converting the contents of a Grid cell to Proper Case using the vb.net command strConvert( <string> , VbStrConv.ProperCase)? Is it possible to do this in the code-behind page? In this case the column is GridBoundColumn.

Thanks,
Dave

Grid

answered on 06 Dec 2012

1 answer

153 views

Show/Hide command Items in Hierarchical DetailTable in RadGrid

I am recently implementing the RadGrid to show the Payment Bills , together with "DetailTable" to show details of the Payment Bill such as Items Bought , Quantity, Price and Discount .
When I collapse the detailTables, the command button in the "DetailTable" does not close. Would you please tell me whether there exist the javascript statement to detect expand/collapse of the "DetailTable" ? How to detect the changes and apply to the attribute "visible" in order to achieve this?

The following is my code :

<telerik:RadGrid ID="grdPayment" runat="server" AutoGenerateColumns="false" HeaderStyle-Font-Bold="true"

AllowMultiRowSelection="true" AllowAutomaticInserts="True" OnDetailTableDataBind="

grdPayment_DetailTableDataBind"

CssClass="RadGridCustomClass" OnNeedDataSource="

grdPayment_NeedDataSource" Width="98%">

<MasterTableView HierarchyLoadMode="Client" AllowSorting="true" NoDetailRecordsText=""

CommandItemDisplay="TopAndBottom" EditMode="InPlace" DataKeyNames="PaymentItemID">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<telerik:RadButton ID="btnInsert" runat="server" CommandName="InitInsert" Visible='<%# !

grdHAGroup.

MasterTableView.IsItemInserted %>'

Text="Add new">

<Icon PrimaryIconUrl="~/Image/Button/add.gif" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadButton runat="server" Text="Save" ID="Button01" Visible='<%# !grdPayment.MasterTableView.IsItemInserted %>'>

<Icon PrimaryIconUrl="~/Image/Button/save.gif" PrimaryIconLeft="8" PrimaryIconTop="4" />

</telerik:RadButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%#

grdPayment.EditIndexes.Count > 0 || grdPayment.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="~/Image/Button/cancel.gif" />Cancel editing

</asp:LinkButton>

<asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert" Visible='<%# grdPayment.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="~/Image/Button/yes.gif" /> Add this Bill No

</asp:LinkButton>

<telerik:RadButton runat="server" Text="Delete selected Bill No(s)" ID="RadButton5"

Visible='<%# !grdPayment.MasterTableView.IsItemInserted %>' OnClientClick="javascript:return confirm('Delete all selected customers?')"

CommandName="DeleteSelected">

<Icon PrimaryIconUrl="~/Image/Button/remove.gif" PrimaryIconLeft="8" PrimaryIconTop="4" />

</telerik:RadButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

<telerik:GridTemplateColumn UniqueName="CostCentreDisplyID" HeaderText="Bill No.">

<ItemTemplate>

<asp:Label ID="lblCostCentreID" runat="server" Text='<%# Eval("BillNo") %>' />

<asp:TextBox ID="txtCostCentreID" runat="server" Text='<%# Bind("BillNo") %>' Width="95%"

Style="display: none" />

</ItemTemplate>

<InsertItemTemplate>

<asp:TextBox ID="txtCostCentreID" runat="server" Width="95%" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="CostCentre" HeaderText="Description">

<ItemTemplate>

<asp:Label ID="lblCostCentre" runat="server" Text='<%# Eval("BillDesp") %>' />

<asp:TextBox ID="txtCostCentre" runat="server" Text='<%# Bind("BillDesp") %>' Width="95%"

Style="display: none" />

</ItemTemplate>

<InsertItemTemplate>

<asp:TextBox ID="txtCostCentre" runat="server" Width="95%" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="discount" HeaderText="Discount(%)" DataFormatString="{0:###,##0.###0}"

UniqueName="discount">

<ItemStyle HorizontalAlign="Right" />

<HeaderStyle HorizontalAlign="Right" />

<ItemStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Amount" HeaderText="Certified Amount" DataFormatString="{0:###,##0.#0}"

UniqueName="Amount">

<ItemStyle HorizontalAlign="Right" />

<HeaderStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="PaymentItemID" Name="ItemLevel" Width="100%"

CommandItemDisplay="TopAndBottom" EditMode="InPlace" HierarchyLoadMode="ServerOnDemand">

<HeaderStyle CssClass="MostInnerHeaderStyle" />

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<telerik:RadButton ID="btnInsertDetail"

runat="server" CommandName="InitDetailInsert"

Visible='<%# !(Container as GridCommandItem).OwnerTableView.IsItemInserted %>'

Text="Add New Milestone#" >

<Icon PrimaryIconUrl="~/Image/Button/add.gif" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadButton ID="btnCancelDetail"

runat="server" CommandName="InitDetailCancel"

Visible='<%# grdPayment.EditIndexes.Count > 0 || (Container as GridCommandItem).OwnerTableView.IsItemInserted %>'

Text="Cancel editing" >

<Icon PrimaryIconUrl="~/Image/Button/cancel.gif" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadButton ID="btnPerformInsertNewDetail"

runat="server" CommandName="PerformInsertDetail"

Visible='<%# (Container as GridCommandItem).OwnerTableView.IsItemInserted %>'

Text="Add this Record" >

<Icon PrimaryIconUrl="~/Image/Button/add.gif" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadButton ID="btnDeleteDetails"

runat="server" CommandName="InitDetailDelete"

OnClientClick="javascript:return confirm('Delete all selected customers?')"

Visible='<%# !(Container as GridCommandItem).OwnerTableView.IsItemInserted %>'

Text="Delete selected Milestone#" >

<Icon PrimaryIconUrl="~/Image/Button/remove.gif" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<HeaderStyle Width="5%" />

<ItemStyle Width="5%" />

</telerik:GridClientSelectColumn>

<telerik:GridTemplateColumn UniqueName="ItemNo" HeaderText="Item No.">

<ItemTemplate>

<asp:Label ID="lblMilestoneDisplyID" runat="server" Text='<%# Bind("ItemNo") %>' />

<asp:TextBox ID="txtMilestoneDisplyID" runat="server" Text='<%# Bind("ItemNo") %>'

Width="95%" Style="display: none" />

</ItemTemplate>

<InsertItemTemplate>

<asp:TextBox ID="txtMilestoneDisplyID" runat="server" Width="95%" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ItemDesp" HeaderText="Description">

<ItemTemplate>

<asp:TextBox ID="tbxCostActivities" runat="server" Text='<%# Bind("ItemDesp") %>'

Width="95%" Style="display: none" />

</ItemTemplate>

<InsertItemTemplate>

<asp:TextBox ID="txtCostActivities" runat="server" Width="95%" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Amount" HeaderText="Certified Amount" DataFormatString="{0:###,##0.#0}"

UniqueName="Amount">

<ItemStyle HorizontalAlign="Right" />

<HeaderStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

<ExpandCollapseColumn Visible="True"/>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ClientSettings AllowExpandCollapse="false">

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 06 Dec 2012

1 answer

50 views

Windows Surface RT Multiple selection

Windows Surface RT Tablet a radlistbox doesn't allow selection the same way as on an ios device.

Via IOS, when I select items, it doesn't clear the other selections. On Windows Surface RT, it does clear the previous selections, similar to a PC.

Shouldn't the Windows Surface RT experience be the same as IOS? Not the same as on a PC?

An asp:Listbox responds as I would expect on the Windows Surface RT, previous selections are not cleared with new selections.

Peter

ListBox

answered on 06 Dec 2012

3 answers

275 views

Communication between parent window and RadWindow.

Hello,

I am new to using the telerik controls and need some input from the experts. I need suggestions on making the control go back and forth between the parent window and the opened rad window.

The scenario is as follows.

1. In the Parent window, i have a dropdown list. Based on the selection of the item, in the button click event, a dynamic radWindow is to be opened. -- was able to do it.
2. In the RadWindow, there is a "Save" button which causes some db transcations and the RadWindow is to be closed. -- was able to do it
3. The control should go back into the buttonclick event where the radWindow originated from or someother method in the parent page and continue from there. -- dont know how to come back to an event/method in the parent window.

How do i accomplish this. Is this feasible?. Please explain in detail. Thanks for your help in advance.

-Saleha.

Window

answered on 06 Dec 2012

1 answer

115 views

combobox: change font of text entered by user

Hi,

When the user writes text in the combobox, I need to check the inputted text against entries in the database and if the text is not found, I need to place a red wavy underline under the text as an indicator for the user that the inputted text is not correct. The red wavy underline I need is the exact one that is placed by the spellcheck. I am facing 2 problems:
- I am unable to figure out how to change the font of the text from the code behind. I tried looking through the properties of the combobox.Text but couldn't find anything.. I also tried combobox.underline = true but that did not result in any change on the webpage!
- Is it possible to place a red wavy underline or we can only place a regular straight line? If this is possible, how?

Any help much appreciated.

Thanks,
Samer

ComboBox

answered on 06 Dec 2012

6 answers

70 views

Issue with same pager for master and detail

Hi,

I have 2 questions regarding the grid

1. Same pager for master and detail
As you can see in attached picture I obtain 80 items for master table, which is correct behaviour and that pager looks correct... But when I click on the row, detail table is generated and there is the same pager for 80 items even if I have there only 4 rows obtained and displayed...

I get data through "NeedDataSource"...

2. Display pager all the time
How can I display pager under any circumstances for the master table ? I have grid with page size equal to 10, but 8 rows are obtained and no pager is displayed. But I need it to display it because user may want sometimes change the pagesize. Is this any way how it can be done ?

Thanks for the reply...

Grid

answered on 06 Dec 2012