Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
260 views

 

I have a RadComboBox using ItemTemplate to show list of date range, which has two columns, rangName and from-end dates. In footer template, there are two RadDatePicker to select custom from/end date, onDateSelected in toDatePicker client event, the custom from/end date is to add into RadComboBoxItem. However, after added the item, only Item.Text is shown, Item.value can't be shown next to text in itemtemplate. How to add a new item into ItemTemplate, or databind in client side?

 


    function ToDateSelected(sender, eventArgs) {  
        AddCustomPostDt();  
    }  
 
    function AddCustomPostDt() {  
        var combo = $find("<%=RadComboBoxPostDt.ClientID %>");  
        var picker1 = $find('<%=fromDatePicker.ClientID %>');  
        var picker2 = $find('<%=toDatePicker.ClientID %>');  
         
        var fromDate = picker1.get_selectedDate();  
        var toDate = picker2.get_selectedDate();  
 
        if ( fromDate == null ) {              
            return;  
        }  
 
        if (toDate == null) {              
            return;  
        }  
 
        var isExisted = false;  
        var item;  
 
        if (combo.findItemByText("Custom")) {  
            isExisted = true;  
            item = combo.findItemByText("Custom");              
        }  
        else {  
            item = new Telerik.Web.UI.RadComboBoxItem();  
        }  
 
        var desc = fromDate.format("M/dd/yyyy") + " - " + toDate.format("M/dd/yyyy");  
        item.set_value(desc);  
 
        combo.trackChanges();  
        if (!isExisted) {  
            item.set_text("Custom");  
            combo.get_items().add(item);  
        }  
 
        item.select();  
        combo.commitChanges();  
        combo.hideDropDown;  
 
    } 
<telerik:RadComboBox  
     ID="RadComboBoxPostDt" 
     MarkFirstMatch="True" 
     runat="server" 
     Height="165px" 
     Width="400px" 
     Skin="Default" 
     AutoPostBack="False" 
     HighlightTemplatedItems="True" 
     ShowToggleImage="True"   
     ZIndex="5000" 
     AppendDataBoundItems="true" 
     OnClientSelectedIndexChanged="PostDtCombo_OnClientSelectedIndexChanged" 
     OnClientDropDownClosing="OnClientDropDownClosing">  
     <ItemTemplate> 
      <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 6px; font-size: 11px;" width="98%">  
        <tr> 
          <td width="150px">  
            <%# DataBinder.Eval(Container, "Text") %> 
          </td> 
          <td> 
            <%# DataBinder.Eval(Container, "Value") %> 
          </td> 
        </tr> 
      </table> 
    </ItemTemplate> 
    <HeaderTemplate> 
        <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 10px; font-size: 11px;" width="98%">  
        <tr> 
            <td> 
            <asp:Label ID="DateRangeLabel" runat="server"><b>Standard:</b></asp:Label> 
            </td> 
        </tr> 
        </table> 
    </HeaderTemplate> 
    <FooterTemplate> 
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        <ContentTemplate> 
        <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 1px; font-size: 11px;" width="98%">  
        <tr> 
            <td> 
            <asp:Label ID="DateRangeLabel" runat="server"><b>Custom:</b></asp:Label> 
            </td> 
        </tr> 
        <tr> 
            <td> 
            <asp:Label ID="DateRangeFromLabel" runat="server" AssociatedControlID="fromDatePicker">&nbsp;From:&nbsp;</asp:Label> 
            <telerik:RadDatePicker ID="fromDatePicker" runat="server"   
                Width="120px"   
                BackColor="White"   
                BorderWidth="0"                   
                AutoPostBack="false"   
                ZIndex="8000"   
                DateInput-EmptyMessage="MM/DD/YYYY" 
                OnSelectedDateChanged="RadDatePicker_OnSelectedDateChanged">  
                <ClientEvents OnDateSelected="FromDateSelected" /> 
            </telerik:RadDatePicker> 
            <asp:Label ID="DateRangeToLabel" runat="server" AssociatedControlID="toDatePicker">&nbsp;To:&nbsp;</asp:Label> 
            <telerik:RadDatePicker ID="toDatePicker" runat="server"   
                Width="120px"   
                BackColor="White"   
                BorderWidth="0"   
                ZIndex="8000" 
                AutoPostBack="true" 
                DateInput-EmptyMessage="MM/DD/YYYY" 
                Enabled="false" 
                OnSelectedDateChanged="RadDatePicker_OnSelectedDateChanged">  
                <ClientEvents OnDateSelected="ToDateSelected" /> 
            </telerik:RadDatePicker> 
            </td> 
        </tr> 
        </table> 
        </ContentTemplate> 
        </asp:UpdatePanel> 
    </FooterTemplate> 
</telerik:RadComboBox> 
 
Kalina
Telerik team
 answered on 17 Jun 2010
4 answers
288 views
Hello,
 Does anyone know a way to set the postback url of a button in a grid button column. Right Now I have a column that has a button that makes visible an invisible dock where the user can do some work then when closed it returns to where they were. I have other buttons that postback to where this dock is on visiblity, but I can't figure out a good way to make the page scroll to that position on click. I do have some java script that makes it flash to the location but then it goes back to the top of the page. Anyone have any good ideas?
Matt
Daniel
Telerik team
 answered on 17 Jun 2010
3 answers
101 views
Hi,

I need to use the rad calendar in one update request page using prototype or jquery. The calendar is added in one external page and loaded in one genericcontrol; is not in the main page as usercontrol but added on fly. Exist some way to manage the calendar in this scenario?
Could you explian in the radCalendar cycle what are the needs to obtain one fonctional calendar in this scenario.

Regards.
Romi.
Maria Ilieva
Telerik team
 answered on 17 Jun 2010
4 answers
228 views
<telerik:RadGrid ID="rdGOSTView" runat="server" AllowPaging="true" PageSize="3" AllowSorting="True" 
                    OnDetailTableDataBind="rdGOSTView_DetailTableDataBind" OnNeedDataSource="rdGOSTView_NeedDataSource" 
                    OnPreRender="rdGOSTView_PreRender" OnDeleteCommand="rdGOSTView_DeleteCommand" 
                    OnInsertCommand="rdGOSTView_InsertCommand" OnItemCreated="rdGOSTView_ItemCreated" 
                    OnItemDataBound="rdGOSTView_ItemDataBound" OnUpdateCommand="rdGOSTView_UpdateCommand" 
                    OnItemCommand="rdGOSTView_ItemCommand">  
                    <GroupingSettings CaseSensitive="false" /> 
                    <FilterItemStyle HorizontalAlign="Left" /> 
                    <HeaderStyle HorizontalAlign="Center" ForeColor="Black" Font-Bold="true" Font-Size="10px" 
                        Font-Names="Verdana" /> 
                    <AlternatingItemStyle Font-Size="10px" Font-Names="verdana" /> 
                    <ItemStyle HorizontalAlign="Left" Font-Size="10px" Font-Names="verdana" /> 
                    <PagerStyle Mode="NumericPages"></PagerStyle> 
                    <GroupHeaderItemStyle HorizontalAlign="Left" Width="15px" VerticalAlign="bottom" BorderWidth="15px" /> 
                    <GroupingSettings ExpandTooltip="Expand" CollapseTooltip="Collapse" /> 
                    <MasterTableView DataKeyNames="GoalID" Width="100%" CommandItemDisplay="Top" Name="Goals" 
                        EditMode="EditForms" AutoGenerateColumns="false" TableLayout="Fixed">  
                        <%--Goal Grid Starts--%> 
                        <DetailTables> 
                            <%--Objective Grid Starts--%> 
                            <telerik:GridTableView DataKeyNames="GoalID,ObjectiveID" Width="100%" runat="server" 
                                AutoGenerateColumns="false" CommandItemDisplay="Top" Name="Objectives" EditMode="EditForms">  
                                <ParentTableRelation> 
                                    <telerik:GridRelationFields DetailKeyField="GoalID" MasterKeyField="GoalID" /> 
                                </ParentTableRelation> 
                                <DetailTables> 
                                    <%--Strategy Grid Starts--%> 
                                    <telerik:GridTableView DataKeyNames="GoalID,ObjectiveID,StrategyID" Width="100%" 
                                        AutoGenerateColumns="false" runat="server" CommandItemDisplay="Top" Name="Strategy" 
                                        EditMode="EditForms">  
                                        <ParentTableRelation> 
                                            <telerik:GridRelationFields DetailKeyField="ObjectiveID" MasterKeyField="ObjectiveID" /> 
                                        </ParentTableRelation> 
                                        <DetailTables> 
                                            <%--Tactics Grid starts--%> 
                                            <telerik:GridTableView DataKeyNames="GoalID,ObjectiveID,StrategyID,TacticsID" Width="100%" 
                                                AutoGenerateColumns="false" runat="server" CommandItemDisplay="Top" Name="Tactics" 
                                                EditMode="EditForms">  
                                                <ParentTableRelation> 
                                                    <telerik:GridRelationFields DetailKeyField="StrategyID" MasterKeyField="StrategyID" /> 
                                                </ParentTableRelation> 
                                                <Columns> 
                                                    <%--Tactics Grid Column--%> 
                                                    <telerik:GridBoundColumn DataField="GoalID" UniqueName="GoalID" HeaderText="GoalID" 
                                                        Visible="false">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="ObjectiveID" UniqueName="ObjectiveID" HeaderText="ObjectiveID" 
                                                        Visible="false">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="StrategyID" UniqueName="StrategyID" HeaderText="StrategyID" 
                                                        Visible="false">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="TacticsID" UniqueName="TacticsID" HeaderText="TacticsID" 
                                                        Visible="false">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="PriorityOrder" UniqueName="PriorityOrder" HeaderText="#" 
                                                        Visible="true" ItemStyle-Width="20px" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true" 
                                                        FilterControlWidth="20px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" 
                                                        ItemStyle-VerticalAlign="Middle">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridTemplateColumn HeaderText="Tactics" HeaderTooltip="What tangibles you'll use to accomplish" Visible="true" UniqueName="Tactics" 
                                                        ItemStyle-Wrap="true" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" 
                                                        HeaderStyle-Font-Size="12px" ItemStyle-VerticalAlign="Middle">  
                                                        <ItemTemplate> 
                                                            <asp:Label ID="lblTac" runat="server" Text='<%#Bind("Tactics")%>'></asp:Label> 
                                                        </ItemTemplate> 
                                                    </telerik:GridTemplateColumn> 
                                                    <telerik:GridBoundColumn DataField="PointPersonName" UniqueName="PointPerson" HeaderText="Point Person" 
                                                        Visible="true" ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" 
                                                        CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" ItemStyle-Wrap="true" 
                                                        ItemStyle-VerticalAlign="Middle">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="TimeFrame" UniqueName="TimeFrame" HeaderText="Time Frame" 
                                                        ItemStyle-VerticalAlign="Middle" Visible="true" ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Left" 
                                                        HeaderStyle-HorizontalAlign="Center">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridBoundColumn DataField="OtherPointPerson" UniqueName="OtherPointPerson" 
                                                        HeaderText="OtherPointPerson" Visible="false" ItemStyle-VerticalAlign="Middle">  
                                                    </telerik:GridBoundColumn> 
                                                    <telerik:GridTemplateColumn UniqueName="PriorityStatus" HeaderText="Status" DataField="StatusID" 
                                                        ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="30px" 
                                                        Visible="true" AllowFiltering="false" ItemStyle-VerticalAlign="Middle">  
                                                        <ItemTemplate> 
                                                            <asp:ImageButton ID="btnStatus" runat="server" ImageUrl='<%#Bind("logopath")%>' ToolTip='<%#Bind("Status")%>' /> 
                                                        </ItemTemplate> 
                                                    </telerik:GridTemplateColumn> 
                                                    <telerik:GridTemplateColumn HeaderText="Edit" UniqueName="EditCommandColumn" HeaderStyle-HorizontalAlign="Center" 
                                                        ItemStyle-HorizontalAlign="Center" AllowFiltering="false" ItemStyle-VerticalAlign="Middle">  
                                                        <ItemTemplate> 
                                                            &nbsp;&nbsp;<asp:ImageButton ID="btnEdit" ToolTip="Edit" runat="server" ImageUrl="~/images/Edit.gif" 
                                                                CommandName="Edit" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                                        </ItemTemplate> 
                                                        <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                                        <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                                    </telerik:GridTemplateColumn> 
                                                    <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="DeleteCommandColumn" 
                                                        ItemStyle-VerticalAlign="Middle" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" 
                                                        AllowFiltering="false">  
                                                        <ItemTemplate> 
                                                            &nbsp;&nbsp;<asp:ImageButton ID="btnDelete" ToolTip="Delete" runat="server" ImageUrl="~/images/Delete.gif" 
                                                                CommandName="Delete" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                                        </ItemTemplate> 
                                                        <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                                        <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                                    </telerik:GridTemplateColumn> 
                                                </Columns> 
                                                <CommandItemTemplate> 
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">  
                                                        <tr> 
                                                            <td width="40%" align="left" style="padding-left: 10px">  
                                                                <asp:Label ID="lblTactics" runat="server" Text="Tactics" 
                                                                    Font-Size="13px" Font-Bold="true" ToolTip="What tangibles you'll use to accomplish"></asp:Label> 
                                                            </td> 
                                                            <td align="right" style="padding-right: 15px">  
                                                            </td> 
                                                            <td align="right" width="60%">  
                                                                <asp:Image ID="Imge" ImageUrl="~/Images/AddRecord.gif" runat="server" /><asp:LinkButton  
                                                                    ID="btn_Add" Font-Size="10px" Text="Add New" Font-Underline="true" runat="server" 
                                                                    CommandName="InitInsert" Enabled="true" ToolTip="Add New Record"></asp:LinkButton> 
                                                            </td> 
                                                        </tr> 
                                                    </table> 
                                                </CommandItemTemplate> 
                                                <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Width="810px" EditFormType="Template">  
                                                    <FormTemplate> 
                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;  
                                                            padding-left: 10px" height="100px">  
                                                            <tr> 
                                                                <td class="select_parameter" align="left" style="width: 100px">  
                                                                    Priority Order  
                                                                </td> 
                                                                <td align="left" style="width: 180px">  
                                                                    <telerik:RadComboBox ID="rdcmbTPriorityOrder" runat="server" Width="170px">  
                                                                    </telerik:RadComboBox> 
                                                                </td> 
                                                                <td class="select_parameter" align="left" style="width: 90px">  
                                                                    Tactics  
                                                                </td> 
                                                                <td align="left" style="width: 60%" colspan="7">  
                                                                    <telerik:RadTextBox ID="txtTactics" MaxLength="250" Text='<% #Bind("Tactics") %>' 
                                                                        Width="100%" runat="server" Font-Names="verdana" Font-Size="10px" Wrap="true" 
                                                                        Height="15px">  
                                                                    </telerik:RadTextBox> 
                                                                </td> 
                                                            </tr> 
                                                            <tr> 
                                                                <td class="select_parameter" align="left">  
                                                                    Point Person  
                                                                </td> 
                                                                <td align="left">  
                                                                    <telerik:RadComboBox ID="rdcmbPointPerson" runat="server" EmptyMessage='Select PointPerson' 
                                                                        Width="170px" Height="220px">  
                                                                        <Items> 
                                                                            <telerik:RadComboBoxItem runat="server" /> 
                                                                        </Items> 
                                                                        <ItemTemplate> 
                                                                            <div> 
                                                                                <telerik:RadTreeView ID="rtPointPerson" runat="server" CheckBoxes="true" OnClientNodeChecked="onPPNodeChecked">  
                                                                                </telerik:RadTreeView> 
                                                                            </div> 
                                                                        </ItemTemplate> 
                                                                    </telerik:RadComboBox> 
                                                                </td> 
                                                                <td class="select_parameter" align="left">  
                                                                    Time Frame  
                                                                </td> 
                                                                <td colspan="7">  
                                                                    <table> 
                                                                        <tr> 
                                                                            <td> 
                                                                                From  
                                                                            </td> 
                                                                            <td> 
                                                                                <telerik:RadDatePicker Width="100px" DateInput-ReadOnly="true" ID="fromDatePicker" 
                                                                                    runat="server">  
                                                                                    <DatePopupButton Visible="True"></DatePopupButton> 
                                                                                    <Calendar ShowRowHeaders="false"></Calendar> 
                                                                                    <DatePopupButton ToolTip="" /> 
                                                                                </telerik:RadDatePicker> 
                                                                            </td> 
                                                                            <td> 
                                                                                To  
                                                                            </td> 
                                                                            <td> 
                                                                                <telerik:RadDatePicker Width="100px" DateInput-ReadOnly="true" Visible="true" ID="toDatePicker" 
                                                                                    runat="server">  
                                                                                    <DatePopupButton Visible="True"></DatePopupButton> 
                                                                                    <Calendar ShowRowHeaders="false"></Calendar> 
                                                                                    <DatePopupButton ToolTip="" /> 
                                                                                </telerik:RadDatePicker> 
                                                                            </td> 
                                                                        </tr> 
                                                                    </table> 
                                                                </td> 
                                                            </tr> 
                                                            <tr> 
                                                                <td class="select_parameter" align="left">  
                                                                    Additional Point Person  
                                                                </td> 
                                                                <td align="left">  
                                                                    <telerik:RadTextBox ID="rdtxtOthersPointPerson" MaxLength="100" runat="server" Width="170px" 
                                                                        Text='<% #Bind("OtherPointPerson") %>'>  
                                                                    </telerik:RadTextBox> 
                                                                </td> 
                                                                <td class="select_parameter" align="left">  
                                                                    Status  
                                                                </td> 
                                                                <td align="left" colspan="1">  
                                                                    <telerik:RadComboBox ID="rdcmbStatus" runat="server" Width="190px" Height="150px">  
                                                                    </telerik:RadComboBox> 
                                                                </td> 
                                                                <td align="right" colspan="6" style="padding-right: 20px">  
                                                                    <asp:ImageButton ID="imgTUpdate" ToolTip='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "Insert" : "Update" %>' 
                                                                        runat="server" CommandName='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "PerformInsert" : "Update" %>' 
                                                                        ImageUrl="~/images/Update.gif" OnClientClick="if(!validationTactics())return false;">  
                                                                    </asp:ImageButton> 
                                                                    &nbsp;  
                                                                    <asp:ImageButton ID="imgTCancel" runat="server" CausesValidation="false" CommandName="Cancel" 
                                                                        ToolTip="Cancel" ImageUrl="~/images/Cancel.gif" OnClientClick="if(!CancelValidation())return false;" /> 
                                                                </td> 
                                                            </tr> 
                                                        </table> 
                                                    </FormTemplate> 
                                                </EditFormSettings> 
                                            </telerik:GridTableView> 
                                            <%--Tactics Grid Ends--%> 
                                        </DetailTables> 
                                        <Columns> 
                                            <%--Strategy Grid Column--%> 
                                            <telerik:GridBoundColumn DataField="GoalID" UniqueName="GoalID" HeaderText="GoalID" 
                                                Visible="false">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="ObjectiveID" UniqueName="ObjectiveID" HeaderText="ObjectiveID" 
                                                Visible="false">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="StrategyID" UniqueName="StrategyID" HeaderText="StrategyID" 
                                                Visible="false">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="PriorityOrder" UniqueName="PriorityOrder" HeaderText="#" 
                                                Visible="true" ItemStyle-Width="20px" HeaderStyle-Width="20px" HeaderStyle-HorizontalAlign="Center" 
                                                ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridTemplateColumn HeaderText="Strategy" HeaderTooltip="How I will accomplish" Visible="true" UniqueName="Strategy" 
                                                ItemStyle-Wrap="true" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" 
                                                HeaderStyle-Font-Size="12px" ItemStyle-VerticalAlign="Middle">  
                                                <ItemTemplate> 
                                                    <asp:Label ID="lblstr" runat="server" Text='<%#Bind("Strategy")%>'></asp:Label> 
                                                    <asp:ImageButton ID="imgbtnChange" ImageUrl='<%#Bind("RDLogoPath")%>' CommandName="RDChange" 
                                                        ToolTip='<%#Bind("NewStrategy")%>' Enabled="true" CssClass="MyImageButton" runat="server" 
                                                        OnClientClick="if(!CancelChanges())return false;" /> 
                                                </ItemTemplate> 
                                                <ItemStyle Width="80%" HorizontalAlign="Left" /> 
                                                <HeaderStyle Width="80%" HorizontalAlign="Center" /> 
                                            </telerik:GridTemplateColumn> 
                                            <telerik:GridTemplateColumn HeaderText="Edit" UniqueName="EditCommandColumn" HeaderStyle-HorizontalAlign="Center" 
                                                ItemStyle-HorizontalAlign="Center" AllowFiltering="false" ItemStyle-VerticalAlign="Middle">  
                                                <ItemTemplate> 
                                                    &nbsp;&nbsp;<asp:ImageButton ID="btnEdit" ToolTip="Edit" runat="server" ImageUrl="~/images/Edit.gif" 
                                                        CommandName="Edit" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                                </ItemTemplate> 
                                                <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                                <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                            </telerik:GridTemplateColumn> 
                                            <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="DeleteCommandColumn" 
                                                ItemStyle-VerticalAlign="Middle" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" 
                                                AllowFiltering="false">  
                                                <ItemTemplate> 
                                                    &nbsp;&nbsp;<asp:ImageButton ID="btnDelete" ToolTip="Delete" runat="server" ImageUrl="~/images/Delete.gif" 
                                                        CommandName="Delete" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                                </ItemTemplate> 
                                                <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                                <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                            </telerik:GridTemplateColumn> 
                                            <telerik:GridBoundColumn DataField="IsDeleted" UniqueName="IsDeleted" HeaderText="IsDeleted" 
                                                Visible="false">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="IsUpdated" UniqueName="IsUpdated" HeaderText="IsUpdated" 
                                                Visible="false">  
                                            </telerik:GridBoundColumn> 
                                        </Columns> 
                                        <CommandItemTemplate> 
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">  
                                                <tr> 
                                                    <td width="40%" align="left" style="padding-left: 10px">  
                                                        <asp:Label ID="lblStrategy" runat="server" Text="Strategy" ToolTip="How I will accomplish" Font-Size="13px" Font-Bold="true"></asp:Label> 
                                                    </td> 
                                                    <td align="right" style="padding-right: 15px">  
                                                    </td> 
                                                    <td align="right" width="60%">  
                                                        <asp:Image ID="Imge" ImageUrl="~/Images/AddRecord.gif" runat="server" /><asp:LinkButton  
                                                            ID="btn_Add" Font-Size="10px" Text="Add New" Font-Underline="true" runat="server" 
                                                            CommandName="InitInsert" Enabled="true" ToolTip="Add New Record"></asp:LinkButton> 
                                                    </td> 
                                                </tr> 
                                            </table> 
                                        </CommandItemTemplate> 
                                        <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Width="840px" EditFormType="Template">  
                                            <FormTemplate> 
                                                <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;  
                                                    padding-left: 10px" height="30px">  
                                                    <tr> 
                                                        <td class="select_parameter" align="left" style="width: 100px">  
                                                            Priority Order  
                                                        </td> 
                                                        <td align="left" style="width: 60px">  
                                                            <telerik:RadComboBox ID="rdcmbSPriorityOrder" runat="server" Width="55px">  
                                                            </telerik:RadComboBox> 
                                                        </td> 
                                                        <td class="select_parameter" align="left" style="width: 60px">  
                                                            Strategy  
                                                        </td> 
                                                        <td align="left" style="width: 65%">  
                                                            <telerik:RadTextBox ID="txtStrategy" MaxLength="250" Text='<% #Bind("Strategy") %>' 
                                                                Width="100%" runat="server" Font-Names="verdana" Font-Size="10px" Wrap="true" 
                                                                Height="15px">  
                                                            </telerik:RadTextBox> 
                                                        </td> 
                                                        <td align="left" colspan="2" style="padding-left: 10px; width: 90px">  
                                                            <asp:ImageButton ID="ImageButton3" ToolTip='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "Insert" : "Update" %>' 
                                                                runat="server" CommandName='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "PerformInsert" : "Update" %>' 
                                                                ImageUrl="~/images/Update.gif" OnClientClick="if(!validationStrategy())return false;">  
                                                            </asp:ImageButton> 
                                                            &nbsp;  
                                                            <asp:ImageButton ID="ImageButton4" runat="server" CausesValidation="false" CommandName="Cancel" 
                                                                ToolTip="Cancel" ImageUrl="~/images/Cancel.gif" OnClientClick="if(!CancelValidation())return false;" /> 
                                                        </td> 
                                                    </tr> 
                                                </table> 
                                            </FormTemplate> 
                                        </EditFormSettings> 
                                    </telerik:GridTableView> 
                                    <%--Strategy Grid Ends--%> 
                                </DetailTables> 
                                <Columns> 
                                    <%--Objective Grid Column--%> 
                                    <telerik:GridBoundColumn DataField="GoalID" UniqueName="GoalID" HeaderText="GoalID" 
                                        Visible="false">  
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="ObjectiveID" UniqueName="ObjectiveID" HeaderText="ObjectiveID" 
                                        Visible="false">  
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="PriorityOrder" UniqueName="PriorityOrder" HeaderText="#" 
                                        Visible="true" ItemStyle-Width="20px" HeaderStyle-Width="20px" HeaderStyle-HorizontalAlign="Center" 
                                        ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="bottom">  
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridTemplateColumn HeaderText="Objective" HeaderTooltip="To achieve  x percent share..." Visible="true" UniqueName="Objective" 
                                        ItemStyle-Wrap="true" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" 
                                        HeaderStyle-Font-Size="12px">  
                                        <ItemTemplate> 
                                            <asp:Label ID="lblOb" runat="server" Text='<%#Bind("Objective")%>'></asp:Label> 
                                            <asp:ImageButton ID="imgbtnChange" ImageUrl='<%#Bind("RDLogoPath")%>' CommandName="RDChange" 
                                                ToolTip='<%#Bind("NewObjective")%>' Enabled="true" CssClass="MyImageButton" runat="server" 
                                                OnClientClick="if(!CancelChanges())return false;" /> 
                                        </ItemTemplate> 
                                        <ItemStyle Width="80%" HorizontalAlign="Left" /> 
                                        <HeaderStyle Width="80%" HorizontalAlign="Center" /> 
                                    </telerik:GridTemplateColumn> 
                                    <telerik:GridTemplateColumn HeaderText="Edit" UniqueName="EditCommandColumn" HeaderStyle-HorizontalAlign="Center" 
                                        ItemStyle-HorizontalAlign="Center" AllowFiltering="false" ItemStyle-VerticalAlign="Middle">  
                                        <ItemTemplate> 
                                            &nbsp;&nbsp;<asp:ImageButton ID="btnEdit" ToolTip="Edit" runat="server" ImageUrl="~/images/Edit.gif" 
                                                CommandName="Edit" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                        </ItemTemplate> 
                                        <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                        <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                    </telerik:GridTemplateColumn> 
                                    <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="DeleteCommandColumn" 
                                        ItemStyle-VerticalAlign="Middle" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" 
                                        AllowFiltering="false">  
                                        <ItemTemplate> 
                                            &nbsp;&nbsp;<asp:ImageButton ID="btnDelete" ToolTip="Delete" runat="server" ImageUrl="~/images/Delete.gif" 
                                                CommandName="Delete" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                        </ItemTemplate> 
                                        <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                        <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                                    </telerik:GridTemplateColumn> 
                                    <telerik:GridBoundColumn DataField="IsDeleted" UniqueName="IsDeleted" HeaderText="IsDeleted" 
                                        Visible="false">  
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="IsUpdated" UniqueName="IsUpdated" HeaderText="IsUpdated" 
                                        Visible="false">  
                                    </telerik:GridBoundColumn> 
                                </Columns> 
                                <CommandItemTemplate> 
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">  
                                        <tr> 
                                            <td width="40%" align="left" style="padding-left: 10px">  
                                                <asp:Label ID="lblObjective" runat="server" Text="Objective" ToolTip="To achieve  x percent share..." Font-Size="13px" Font-Bold="true"></asp:Label> 
                                            </td> 
                                            <td align="right" style="padding-right: 15px">  
                                            </td> 
                                            <td align="right" width="60%">  
                                                <asp:Image ID="Imge" ImageUrl="~/Images/AddRecord.gif" runat="server" /><asp:LinkButton  
                                                    ID="btn_Add" Font-Size="10px" Text="Add New" Font-Underline="true" runat="server" 
                                                    CommandName="InitInsert" Enabled="true" ToolTip="Add New Record"></asp:LinkButton> 
                                            </td> 
                                        </tr> 
                                    </table> 
                                </CommandItemTemplate> 
                                <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Width="100%" EditFormType="Template">  
                                    <FormTemplate> 
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;  
                                            padding-left: 10px; height: 30px"> 
                                            <tr> 
                                                <td class="select_parameter" align="left" style="width: 90px">  
                                                    Priority Order  
                                                </td> 
                                                <td align="left" style="width: 60px">  
                                                    <telerik:RadComboBox ID="rdcmbOPriorityOrder" runat="server" Width="55px" Height="15px">  
                                                    </telerik:RadComboBox> 
                                                </td> 
                                                <td class="select_parameter" align="left" style="width: 60px">  
                                                    Objective  
                                                </td> 
                                                <td align="left" style="width: 65%">  
                                                    <telerik:RadTextBox ID="txtObjective" MaxLength="250" Text='<% #Bind("Objective") %>' 
                                                        Width="100%" runat="server" Font-Names="verdana" Font-Size="10px" Wrap="true" 
                                                        Height="15px">  
                                                    </telerik:RadTextBox> 
                                                </td> 
                                                <td align="left" colspan="8" style="padding-left: 20px; width: 80px">  
                                                    <asp:ImageButton ID="ImageButton1" ToolTip='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "Insert" : "Update" %>' 
                                                        runat="server" CommandName='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "PerformInsert" : "Update" %>' 
                                                        ImageUrl="~/images/Update.gif" OnClientClick="if(!validationObjective())return false;">  
                                                    </asp:ImageButton> 
                                                    &nbsp;  
                                                    <asp:ImageButton ID="ImageButton2" runat="server" CausesValidation="false" CommandName="Cancel" 
                                                        ToolTip="Cancel" ImageUrl="~/images/Cancel.gif" OnClientClick="if(!CancelValidation())return false;" /> 
                                                </td> 
                                            </tr> 
                                        </table> 
                                    </FormTemplate> 
                                </EditFormSettings> 
                            </telerik:GridTableView> 
                            <%--Objective Grid Ends--%> 
                        </DetailTables> 
                        <Columns> 
                            <%--Goal Grid Column--%> 
                            <telerik:GridBoundColumn DataField="GoalID" UniqueName="GoalID" HeaderText="GoalID" 
                                Visible="false">  
                            </telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="PriorityOrder" UniqueName="PriorityOrder" HeaderText="#" 
                                Visible="true" ItemStyle-Width="20px" HeaderStyle-Width="20px" HeaderStyle-HorizontalAlign="Center" 
                                ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="bottom">  
                            </telerik:GridBoundColumn> 
                            <telerik:GridTemplateColumn HeaderText="Goal" HeaderTooltip="The Bullseye - To become..." Visible="true" UniqueName="Goal" ItemStyle-Wrap="true" 
                                ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Size="12px" 
                                HeaderStyle-Font-Bold="true">  
                                <ItemTemplate> 
                                    <asp:Label ID="lblG" runat="server" Text='<%#Bind("Goal")%>'></asp:Label> 
                                    <asp:ImageButton ID="imgbtnChange" ImageUrl='<%#Bind("RDLogoPath")%>' ToolTip='<%#Bind("NewGoal")%>' 
                                        CommandName="RDChange" Enabled="true" CssClass="MyImageButton" runat="server" 
                                        OnClientClick="if(!CancelChanges())return false;" /> 
                                </ItemTemplate> 
                                <ItemStyle Width="80%" HorizontalAlign="Left" /> 
                                <HeaderStyle Width="80%" HorizontalAlign="Center" /> 
                            </telerik:GridTemplateColumn> 
                            <telerik:GridTemplateColumn HeaderText="Edit" UniqueName="EditCommandColumn" HeaderStyle-HorizontalAlign="Center" 
                                ItemStyle-HorizontalAlign="Center" AllowFiltering="false" Resizable="false" ItemStyle-VerticalAlign="Middle">  
                                <ItemTemplate> 
                                    &nbsp;&nbsp;<asp:ImageButton ID="btnEdit" ToolTip="Edit" runat="server" ImageUrl="~/images/Edit.gif" 
                                        CommandName="Edit" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                </ItemTemplate> 
                                <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                            </telerik:GridTemplateColumn> 
                            <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="DeleteCommandColumn" 
                                Resizable="false" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" 
                                AllowFiltering="false" ItemStyle-VerticalAlign="Middle">  
                                <ItemTemplate> 
                                    &nbsp;&nbsp;<asp:ImageButton ID="btnDelete" ToolTip="Delete" runat="server" ImageUrl="~/images/Delete.gif" 
                                        CommandName="Delete" CssClass="MyImageButton" Enabled="true" ImageAlign="Middle" />&nbsp;  
                                </ItemTemplate> 
                                <ItemStyle Width="30px" HorizontalAlign="Center" /> 
                                <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
                            </telerik:GridTemplateColumn> 
                            <telerik:GridBoundColumn DataField="IsDeleted" UniqueName="IsDeleted" HeaderText="IsDeleted" 
                                Visible="false">  
                            </telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="IsUpdated" UniqueName="IsUpdated" HeaderText="IsUpdated" 
                                Visible="false">  
                            </telerik:GridBoundColumn> 
                        </Columns> 
                        <CommandItemTemplate> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">  
                                <tr> 
                                    <td width="40%" align="left" style="padding-left: 10px">  
                                        <asp:Label ID="lblGoal" runat="server" Text="Goal" ToolTip="The Bullseye - To become..." Font-Size="13px" Font-Bold="true"></asp:Label> 
                                    </td> 
                                    <td align="right" style="padding-right: 15px">  
                                    </td> 
                                    <td align="right" width="60%">  
                                        <table cellpadding="0" cellspacing="0" border="0">  
                                            <tr> 
                                                <td width="30px">  
                                                    <asp:ImageButton ID="imgbtnExport" OnClick="btn_ExportToExcel_Click" ImageUrl="~/images/icon_excel.gif" 
                                                        runat="server" ToolTip="Export To Excel" /> 
                                                </td> 
                                                <td width="60px">  
                                                    <asp:Image ID="Imge" ImageUrl="~/Images/AddRecord.gif" runat="server" /><asp:LinkButton  
                                                        ID="btn_Add" Font-Size="10px" Text="Add New" Font-Underline="true" runat="server" 
                                                        CommandName="InitInsert" Enabled="true" ToolTip="Add New Record"></asp:LinkButton> 
                                                </td> 
                                            </tr> 
                                        </table> 
                                    </td> 
                                </tr> 
                            </table> 
                        </CommandItemTemplate> 
                        <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Width="900px" EditFormType="Template">  
                            <FormTemplate> 
                                <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;  
                                    padding-left: 10px; height: 30px"> 
                                    <tr> 
                                        <td class="select_parameter" align="left" style="width: 60px">  
                                            Priority Order  
                                        </td> 
                                        <td align="left" style="width: 50px">  
                                            <telerik:RadComboBox ID="rdcmbGPriorityOrder" runat="server" Width="45px" Height="15px">  
                                            </telerik:RadComboBox> 
                                        </td> 
                                        <td class="select_parameter" align="left" style="width: 30px">  
                                            Goal  
                                        </td> 
                                        <td align="left" style="width: 65%">  
                                            <telerik:RadTextBox ID="txtGoal" Text='<% #Bind("Goal") %>' Width="100%" MaxLength="250" 
                                                runat="server" Font-Names="verdana" Font-Size="10px" Wrap="true" Height="15px">  
                                            </telerik:RadTextBox> 
                                        </td> 
                                        <td align="left" style="padding-left: 20px; width: 80px">  
                                            <asp:ImageButton ID="imgGUpdate" ToolTip='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "Insert" : "Update" %>' 
                                                runat="server" CommandName='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "PerformInsert" : "Update" %>' 
                                                ImageUrl="~/images/Update.gif" OnClientClick="if(!validationGoal())return false;">  
                                            </asp:ImageButton> 
                                            &nbsp;  
                                            <asp:ImageButton ID="imgGCancel" runat="server" CausesValidation="false" CommandName="Cancel" 
                                                ToolTip="Cancel" ImageUrl="~/images/Cancel.gif" OnClientClick="if(!CancelValidation())return false;" /> 
                                        </td> 
                                    </tr> 
                                </table> 
                            </FormTemplate> 
                        </EditFormSettings> 
                        <%--Goal Grid Ends--%> 
                    </MasterTableView> 
                </telerik:RadGrid> 
Hi Telerik

Expand/collapse image in hierarchical grid is not aligning properly. In my grid i am having data columns with edit and delete column and in some scenario i have to hide the edit and delete column in this case Expand/collapse image goes out of boundry. when all the columns are visible then also it is not properly aligning.(refer image1 and image2 attached here) Please reply ASAP.

Thanks a lot in advance to all Telerik Team
Waiting for reply
Binod
Iana Tsolova
Telerik team
 answered on 17 Jun 2010
13 answers
580 views
Hi,
I have implemented the suggested solution for this .. with the postbacks and storing the info in the viewstate etc...
But I'm afraid its just not good enough... I have to support some users on dialup... and they are complaining bitterly about all the postbacks..
It does seem kinda clunky to have to postback every time a user clicks on a checkbox...
Is there no way to do this stuff on the client side at all? Without having to postback I mean?

Thanks
PJ
Shinu
Top achievements
Rank 2
 answered on 17 Jun 2010
1 answer
115 views
Hello,
We are implementing a web page where we use repeaters to list items. Since the description is too big we decided to go with the radtooltip to populate the description on mouse hover of a label control. Still we would like this page to be search engine optimized. Since much of the content is in the description and since it is going to be on the radtooltip we have the following questions.

Would the content inside Radtooltip is Search Engine Optimized (SEO)? 
Will the google crawlers/spiders able to index the web page based on the content inside a radtooltip?

Appreciate if anyone could provide with some answers.

Thanks.
Svetlina Anati
Telerik team
 answered on 17 Jun 2010
1 answer
446 views
Hi,
I using RadUpload Control. How can i change FileName before this file uploaded to target folder? For example, i choose file : 1.jpg, and how can i upload to target folder and change it to 20100610180000.jpg(yyyymmddhhmmss) ?
Shinu
Top achievements
Rank 2
 answered on 17 Jun 2010
2 answers
291 views
I have a grid in a ajaxpanel that I need to export from.  I followed the advise of the following URL:

http://www.telerik.com/community/code-library/aspnet-ajax/general/export-radgrid-content-to-excel-word-csv-pdf-with-ajax-enabled.aspx

The ajaxpanel has a loadingpanel with a custom skin (to change the animated gif).  After the first export where set_enableAjax(false) is performed, the loading panel is still displayed for every ajax request but, the animated gif does not animate. (this occurs only after the export runs. 

Here is the code on my ajaxpanel request started event:

function

 

requestStarted(ajaxManager, eventArgs) {

 

 

if (eventArgs.get_eventTarget().indexOf("btnExcel") > -1 ||

 

eventArgs.get_eventTarget().indexOf(

"btnPDF") > -1)

 

eventArgs.set_enableAjax(

false);

 

}

Any thoughts on how I can get the animated gif to move again?

Thanks in advance,

- Adam

James Daresta
Top achievements
Rank 1
 answered on 17 Jun 2010
1 answer
444 views

We are trying to perform some code when the user clicks on a tab in the tab strip.  However, we also want to execute the same code when the user clicks on a tab that is already selected.  The TabClick event (see below) is not capturing it, is there another event that we need to bind to?

ASP.NET Code

<telerik:RadTabStrip ID="RadTabStrip1" OnTabClick="RadTabStrip1_TabClick" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Office2007" Style="padding-left: 50px;" ShowBaseLine="true">

C# code

    protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)

    {

               //do something

    }

Yana
Telerik team
 answered on 17 Jun 2010
3 answers
103 views
I've added a radcombobox to my web user control which is dynamically added at runtime to my page. The control and appearance looks fine but when you mouse over the drop down arrow disappears. When I add the same control to a standard web page it works fine. Please advise.

Note: In IE 6 it appears to be working correctly. Firefox does not appear to be working correctly

Regards
Brian
Top achievements
Rank 1
 answered on 17 Jun 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?