Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,811 questions
2 answers
791 views
how to set datakey value (update a radgrid cell client side)

Afternoon Telerik Team,

I have a need to update telerik radgrid specific columns in a row client side. 

I set my events in the item created event as shown below (simplified version) and that works as expected.

I then get the client value also correctly, now I need to update this value...there is not SetDataKeyValue of the item available and I cannot find a method on the object (client side) to achieve this.

Should I perhaps use the DataItem client side that I send when attaching the attributes server side to the object to achieve this, if so, then how ?

Can you please assist in the matter ?

Your help is much appreciated.

 function Validate(control, denominator) {  
 
                var firstDataItem = $find("<%=rgCoinBox.ClientID %>").get_masterTableView().get_dataItems()[0];  
 
                alert(firstDataItem.getDataKeyValue("Heading"));  
            } 

 protected void rgCoinBox_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)  
        {  
            if (e.Item is GridEditableItem)  
            {  
                //(e.Item as GridEditableItem).Edit = true;  
 
                switch (e.Item.RowIndex)  
                {  
                    
                    case 3:  
                        e.Item.Attributes.Add("onFocusout", "return Validate('" + e.Item.UniqueID + "','1')");  
                         
                        break;  
                   default:  
                        break;  
                }  
 
            }  
        } 
Grid
Riaan Booyzen
Top achievements
Rank 1
 answered on 26 May 2010
2 answers
103 views
[Solved] Trouble finding control reference in grid
Hi

Sorry to ask such a basic question, but I just cant get it.

I think this is simple, I have a checkbox in a row, and all I want is the ID of the row when the checkbox is check or unchecked.

This is my markup:
                <telerik:GridTemplateColumn HeaderText="Arrival" SortExpression="TimeArrival" HeaderStyle-HorizontalAlign="Center"  ItemStyle-HorizontalAlign="Center" AllowFiltering="false">  
                    <ItemTemplate> 
                        <asp:CheckBox ID="chkTimeArrival" runat="server" AutoPostBack="True" OnCheckedChanged="chkTimeArrival_CheckedChanged"/>  
                        <asp:Label ID="lblTimeArrival" runat="server" Text='<%# Bind("TimeArrival") %>'></asp:Label>    
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 

This is my code stub:
    Protected Sub chkTimeArrival_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs)  
 
    End Sub 

In the function chkTimeArrival_CheckedChanged how do I get the ID of the row.

I have the id in a hidden row:

 

<telerik:GridBoundColumn DataField="AppID" UniqueName="AppID" Visible="false"></telerik:GridBoundColumn>

 


And in the datakeynames

<

 

MasterTableView DataKeyNames="AppID">

Andy

 

Grid
Andy Green
Top achievements
Rank 1
 answered on 26 May 2010
5 answers
93 views
error with AjaxManager &amp; RadGrid since Q3 2009
Hi, I have a radgrid on a page set as initiator & update control in an ajaxmanager. The edit mode is popup. This has worked ok until I installed Q3 2009 release which now when Insert is clicked inside the edit form an error occurs: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.

This error does not occur on update or if the editmode is set to inplace, only when inserting if the editmode is set to EditForms or PopUp

Removing the Ajaxmanager removes the error.

Could you please advise?

many thanks
Martin P
Ajax
Pavlina
Telerik team
 answered on 26 May 2010
3 answers
126 views
RadCombobox with Checkbox in template not firing loadingpanel
I'm pretty sure I've seen this discussed here before but I can't for the life of me find it through any searching method. Here's my example code before I specify the problem:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableOutsideScripts="true" 
            EnableAJAX="true">  
   <AjaxSettings> 
      <telerik:AjaxSetting AjaxControlID="RadComboxBox1">  
         <UpdatedControls> 
            <telerik:AjaxUpdatedControl ControlID="RadComboxBox1" /> 
            <telerik:AjaxUpdatedControl ControlID="RadListBox1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
         </UpdatedControls> 
      </telerik:AjaxSetting> 
      <telerik:AjaxSetting AjaxControlID="CheckBox1">  
         <UpdatedControls> 
            <telerik:AjaxUpdatedControl ControlID="CheckBox1" /> 
            <telerik:AjaxUpdatedControl ControlID="RadListBox1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
         </UpdatedControls> 
        </telerik:AjaxSetting> 
   </AjaxSettings> 
</telerik:RadAjaxManager> 
 
<telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="datasource1" AllowCustomText="true" DataTextField="Text" DataValueField="Value" Width="250px" AppendDataBoundItems="true" EmptyMessage="All Items" ZIndex="10000000" HighlightTemplatedItems="true" TabIndex="1" Skin="Outlook">  
   <ItemTemplate> 
      <div onclick="stopPropagation(event);">  
         <asp:CheckBox runat="server" ID="CheckBox1" OnCheckedChanged="CheckBox1_OnCheckedChanged" AutoPostBack="true" Text='<%# DataBinder.Eval(Container, "Text") %>' /> 
      </div> 
   </ItemTemplate> 
</telerik:RadComboBox> 

When the first item checkbox in RadComboBox1 is clicked, then the loading panel over RadListBox1 is raised just fine, but when any other item (whether the 2nd or the 52nd) is clicked, then the loading panel does not get raised. RadListBox1 does get updated in accordance with the RadAjaxManger but there is no visual indication that it is happening. Does anyone have a workaround for this?
ComboBox
Peter
Telerik team
 answered on 26 May 2010
1 answer
244 views
Problem with the radgrid
Hi,

I work for comcast. I am testing telerik radgrid control performance (My manager is more specific about performance. If he likes he wants use telerik controls in project) by applying all techniques like paging, sorting, grouping, filtering, column swaping, row context  menu, header context menu. Until this it works fine. When tried to implement Form Template Edit Form I am getting error like "Multiple controls with the same ID 'UpdateButton' were found. FindControl requires that controls have unique IDs." I checked my code and looks fine for me. i dono where i am doing mistake. Please help me to solve this issue. I am getting this error in
RadGrid1_PreRender  method and  RadGrid1.Rebind(); line. Here is my code Please help me in this issue.

Thanks



public partial class _Default : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
        LoadData(); 
    } 
 
    private void LoadData() 
    { 
        SqlConnection SqlConn = new SqlConnection("uid=tempuser;password=tempuser;data source=USWASHL10015\\SQLEXPRESS;database=CCOM;"); 
        SqlCommand cmd = new SqlCommand(); 
        cmd.Connection = SqlConn; 
        cmd.CommandType = CommandType.StoredProcedure; 
        cmd.CommandText = "usp_testing"; 
        SqlDataAdapter da = new SqlDataAdapter(cmd); 
        DataSet ds = new DataSet(); 
        da.Fill(ds); 
        RadGrid1.DataSource = ds; 
        //RadGrid1.DataBind(); 
        //RadGrid1.ClientSettings.AllowDragToGroup = true; 
    } 
 
    protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) 
    { 
        LoadData(); 
    } 
 
    protected void RadGrid1_SortCommand(object source, Telerik.Web.UI.GridSortCommandEventArgs e) 
    { 
        LoadData(); 
    } 
 
    protected void RadioButtonList1_SelectedIndexChanged(object sender, System.EventArgs e) 
    { 
        switch (RadioButtonList1.SelectedValue) 
        { 
            case ("Swap"): 
                { 
                    RadGrid1.ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Swap; 
                    break; 
                }; 
            case ("Reorder"): 
                { 
                    RadGrid1.ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Reorder; 
                    break; 
                }; 
        } 
    } 
 
    protected void RadGrid1_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e) 
    { 
        //if (e.Exception != null) 
        //{ 
        //    e.KeepInEditMode = true; 
        //    e.ExceptionHandled = true; 
        //    SetMessage(Server.HtmlEncode("Unable to update Products. Reason: " + e.Exception.Message).Replace("'", "&#39;").Replace("\r\n", "<br />")); 
        //} 
        //else 
        //{ 
        //    GridDataItem dataItem = (GridDataItem)e.Item; 
        //    SetMessage(" ProductID " + dataItem.GetDataKeyValue("ProductID") + " updated"); 
        //} 
 
        if (e.Exception != null) 
        { 
            e.KeepInEditMode = true; 
            e.ExceptionHandled = true; 
            DisplayMessage(true, "Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " cannot be updated. Reason: " + e.Exception.Message); 
        } 
        else 
        { 
            DisplayMessage(false, "Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " updated"); 
        } 
    } 
 
    protected void RadMenu1_ItemClick(object sender, RadMenuEventArgs e) 
    { 
        int radGridClickedRowIndex; 
 
        radGridClickedRowIndex = Convert.ToInt32(Request.Form["radGridClickedRowIndex"]); 
 
        switch (e.Item.Text) 
        { 
            case "Edit": 
                RadGrid1.Items[radGridClickedRowIndex].Edit = true; 
                RadGrid1.Rebind(); 
                break; 
            case "Add": 
                RadGrid1.MasterTableView.IsItemInserted = true; 
                RadGrid1.Rebind(); 
                break; 
            case "Delete": 
                RadGrid1.MasterTableView.PerformDelete(RadGrid1.Items[radGridClickedRowIndex]); 
                break; 
        } 
    } 
 
    protected void RadGrid1_ItemInserted(object source, GridInsertedEventArgs e) 
    { 
        if (e.Exception != null) 
        { 
            e.ExceptionHandled = true; 
            e.KeepInInsertMode = true; 
            DisplayMessage(true, "Employee cannot be inserted. Reason: " + e.Exception.Message); 
        } 
        else 
        { 
            DisplayMessage(false, "Employee inserted"); 
        } 
    } 
 
    protected void RadGrid1_ItemDeleted(object source, GridDeletedEventArgs e) 
    { 
        if (e.Exception != null) 
        { 
            e.ExceptionHandled = true; 
            DisplayMessage(true, "Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " cannot be deleted. Reason: " + e.Exception.Message); 
        } 
        else 
        { 
            DisplayMessage(false, "Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " deleted"); 
        } 
    } 
 
    protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) 
    { 
        if (e.CommandName == RadGrid.InitInsertCommandName) //"Add new" button clicked 
        { 
            GridEditCommandColumn editColumn = (GridEditCommandColumn)RadGrid1.MasterTableView.GetColumn("EditCommandColumn"); 
            editColumn.Visible = false; 
        } 
        else if (e.CommandName == RadGrid.RebindGridCommandName && e.Item.OwnerTableView.IsItemInserted) 
        { 
            e.Canceled = true; 
        } 
        else 
        { 
            GridEditCommandColumn editColumn = (GridEditCommandColumn)RadGrid1.MasterTableView.GetColumn("EditCommandColumn"); 
            if (!editColumn.Visible) 
                editColumn.Visible = true; 
        } 
    } 
 
    protected void Page_PreInit(object sender, EventArgs e) 
    { 
        ConfigureGrid(); 
        CheckBox1.Checked = Convert.ToBoolean(EnableGridViewState); 
    } 
 
    public bool EnableGridViewState 
    { 
        get 
        { 
            bool? result = (bool?)Session["EnableGridViewState"]; 
            return result.GetValueOrDefault(); 
        } 
        set 
        { 
            Session["EnableGridViewState"] = value; 
        } 
    } 
 
    public void ConfigureGrid() 
    { 
        RadGrid1.EnableViewState = EnableGridViewState; 
    } 
 
    protected override void Render(HtmlTextWriter writer) 
    { 
        this.Label1.Text = "<b>RadGrid</b>'s ViewState size is " + RadGrid1.ViewStateSize + " bytes"; 
 
        base.Render(writer); 
    } 
 
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e) 
    { 
        EnableGridViewState = Convert.ToBoolean((sender as CheckBox).Checked); 
        Response.Redirect(Request.CurrentExecutionFilePath); 
    } 
 
    protected void RadGrid1_PreRender(object sender, EventArgs e) 
    { 
         
        if (RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted) 
        { 
            GridColumn col1 = RadGrid1.MasterTableView.GetColumn("EditCommandColumn") as GridColumn; 
            col1.Visible = true; 
        } 
        else 
        { 
            GridColumn col2 = RadGrid1.MasterTableView.GetColumn("EditCommandColumn") as GridColumn; 
            col2.Visible = false; 
        } 
        if (!Page.IsPostBack) 
        { 
            RadGrid1.EditIndexes.Add(0); 
            RadGrid1.Rebind(); 
        } 
         
    } 
 
    private void DisplayMessage(bool isError, string text) 
    { 
        Label label = (isError) ? this.Label1 : this.Label2; 
        label.Text = text; 
    } 
 
 
 
aspx code 
 
 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
    <title>Telerick Controls</title> 
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
 
        <script type="text/javascript"> 
        <!-- 
            function ReorderOrSwapFirstAndLastColumn() { 
                var ddlFirstColumnList = $get("ddlFirstColumnList"); 
                var ddlLastColumnList = $get("ddlLastColumnList"); 
 
                var tableView = $find("<%=RadGrid1.MasterTableView.ClientID %>"); 
                var firstColumnName = tableView.getColumnByUniqueName(ddlFirstColumnList.options[ddlFirstColumnList.selectedIndex].value).get_uniqueName(); 
                var lastColumnName = tableView.getColumnByUniqueName(ddlLastColumnList.options[ddlLastColumnList.selectedIndex].value).get_uniqueName(); 
 
                if (document.getElementById("RadioButtonList1_1").checked) { 
                    tableView.reorderColumns(lastColumnName, firstColumnName); 
                } 
                else { 
                    tableView.swapColumns(lastColumnName, firstColumnName); 
                } 
            } 
 
            function onGridCreated() { 
                LoadColumnsLists(); 
            } 
 
            function LoadColumnsLists() { 
                var ddlFirstColumnList = $get("ddlFirstColumnList"); 
                var ddlLastColumnList = $get("ddlLastColumnList"); 
                ddlFirstColumnList.options.length = 0; 
                ddlLastColumnList.options.length = 0; 
 
                var tableView = $find("<%=RadGrid1.MasterTableView.ClientID %>"); 
                if (ddlFirstColumnList && tableView && ddlLastColumnList) { 
                    for (var i = 1; i < tableView.get_columns().length; i++) { 
                        if (tableView.get_columns()[i].get_uniqueName() != "") { 
                            ddlFirstColumnList.options[ddlFirstColumnList.options.length] = new Option(tableView.get_columns()[i].get_uniqueName(), tableView.get_columns()[i].get_uniqueName()); 
                            ddlLastColumnList.options[ddlLastColumnList.options.length] = new Option(tableView.get_columns()[i].get_uniqueName(), tableView.get_columns()[i].get_uniqueName()); 
                        } 
                    } 
                    ddlLastColumnListddlLastColumnList.selectedIndex = ddlLastColumnList.options.length - 1; 
                    ddlFirstColumnList.selectedIndex = 0; 
                } 
            } 
         --> 
        </script> 
 
        <script type="text/javascript"> 
            function RowContextMenu(sender, eventArgs) { 
                var menu = $find("<%=RadMenu1.ClientID %>"); 
                var evt = eventArgs.get_domEvent(); 
                if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") { 
                    return; 
                } 
                var index = eventArgs.get_itemIndexHierarchical(); 
                document.getElementById("radGridClickedRowIndex").value = index; 
 
                sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true); 
 
                menu.show(evt); 
 
                evt.cancelBubble = true; 
                evt.returnValue = false; 
 
                if (evt.stopPropagation) { 
                    evt.stopPropagation(); 
                    evt.preventDefault(); 
                } 
            } 
        </script> 
 
        <%--<script type="text/javascript"> 
        <!-- 
            var hasChanges, inputs, dropdowns, editedRow; 
 
            function RowClick(sender, eventArgs)  
            { 
                if (editedRow && hasChanges)  
                { 
                    hasChanges = false; 
                    if (confirm("Update changes?"))  
                    { 
 
                        $find("<%= RadGrid1.MasterTableView.ClientID %>").updateItem(editedRow); 
                    } 
                } 
            } 
 
            function RowDblClick(sender, eventArgs) { 
                editedRow = eventArgs.get_itemIndexHierarchical(); 
                $find("<%= RadGrid1.MasterTableView.ClientID %>").editItem(editedRow); 
            } 
 
            function GridCommand(sender, args)  
            { 
                if (args.get_commandName() != "Edit")  
                { 
                    editedRow = null; 
                } 
            } 
 
            function GridCreated(sender, eventArgs)  
            { 
                var gridElement = sender.get_element(); 
                var elementsToUse = []; 
                inputs = gridElement.getElementsByTagName("input"); 
                for (var i = 0; i < inputs.length; i++)  
                { 
                    var lowerType = inputs[i].type.toLowerCase(); 
                    if (lowerType == "hidden" || lowerType == "button")  
                    { 
                        continue; 
                    } 
 
                    Array.add(elementsToUse, inputs[i]); 
                    inputs[i].onchange = TrackChanges; 
                } 
 
                dropdowns = gridElement.getElementsByTagName("select"); 
                for (var i = 0; i < dropdowns.length; i++)  
                { 
                    dropdowns[i].onchange = TrackChanges; 
                } 
 
                setTimeout(function() { if (elementsToUse[0]) elementsToUse[0].focus(); }, 100); 
            } 
 
            function TrackChanges(e)  
            { 
                hasChanges = true; 
            } 
     -->     
        </script>--%> 
 
        <script type="text/javascript"> 
            function ShowColumnHeaderMenu(ev, columnName) { 
                var grid = $find("<%=RadGrid1.ClientID %>"); 
                //show the header context menu for the second column in the master table with 10 left/10 top offset 
                var columns = grid.get_masterTableView().get_columns(); 
 
                for (var i = 0; i < columns.length; i++) { 
                    if (columns[i].get_uniqueName() == columnName) { 
                        columns[i].showHeaderMenu(ev, 75, 20); 
                    } 
                } 
            } 
        </script> 
 
        <script type="text/javascript"> 
            function RowDblClick(sender, eventArgs) { 
                sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical()); 
            } 
        </script> 
 
    </telerik:RadCodeBlock> 
</head> 
<body> 
    <h1> 
        Telerik Controls</h1> 
    <form id="form1" runat="server"> 
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
    <div> 
        <asp:Label ID="Label3" runat="server" Style="font-weight: bold; color: green"></asp:Label> 
        <br /> 
        <asp:CheckBox ID="CheckBox1" AutoPostBack="True" runat="server" Text="RadGrid's ViewState on/off" 
            OnCheckedChanged="CheckBox1_CheckedChanged" /> 
    </div> 
    <br /> 
    <div> 
        <asp:Label ID="Label1" runat="server" Text="Columns reorder method:"></asp:Label><br /> 
        <asp:RadioButtonList ID="RadioButtonList1" AutoPostBack="True" runat="server" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" 
            RepeatLayout="Flow"> 
            <asp:ListItem Selected="True" Value="Swap">Swap</asp:ListItem> 
            <asp:ListItem Value="Reorder">Reorder (Insert)</asp:ListItem> 
        </asp:RadioButtonList> 
    </div> 
    <br /> 
    <select id="ddlFirstColumnList"> 
        <option value=""></option> 
    </select> 
    <select id="ddlLastColumnList"> 
        <option value=""></option> 
    </select> 
    <asp:Button ID="Button2" Text="Reorder or swap columns" OnClientClick="ReorderOrSwapFirstAndLastColumn(); return false;" 
        runat="server" /><br /> 
    Choose two columns to be reordered or swap. 
    <br /> 
    <div> 
        <p id="divMsgs" runat="server"> 
            <asp:Label ID="Label4" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#FF8080"></asp:Label> 
            <asp:Label ID="Label5" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#00C000"></asp:Label> 
        </p> 
    </div> 
    <br /> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                    <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
                    <telerik:AjaxUpdatedControl ControlID="divMsgs" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="RadMenu1"> 
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                    <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
                    <telerik:AjaxUpdatedControl ControlID="divMsgs" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"> 
        <%--<asp:Image ID="Image1" runat="server" ImageUrl="~/Image1.gif"></asp:Image>--%> 
    </telerik:RadAjaxLoadingPanel> 
    <%--    <telerik:RadCodeBlock runat="server" ID="radCodeBlock"> 
 
        <script type="text/javascript"> 
            function showFilterItem() { 
                $find('<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem(); 
            } 
            function hideFilterItem() { 
                $find('<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem(); 
            } 
        </script> 
 
    </telerik:RadCodeBlock> 
    <div> 
        Show filtering item 
        <input id="Radio1" type="radio" runat="server" name="showHideGroup" checked="true" 
            onclick="showFilterItem()" /><label for="Radio1">Yes</label> 
        <input id="Radio2" type="radio" runat="server" name="showHideGroup" onclick="hideFilterItem()" /><label 
            for="Radio2">No</label> 
    </div>--%> 
    <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" /> 
    <p> 
        Right-click the grid to open context menu. 
    </p> 
    <div> 
        <telerik:RadGrid ID="RadGrid1" OnSortCommand="RadGrid1_SortCommand" OnNeedDataSource="RadGrid1_NeedDataSource" 
            AllowSorting="True" PageSize="20" ShowGroupPanel="True" AllowPaging="True" AllowMultiRowSelection="True" 
            AllowFilteringByColumn="true" AutoGenerateColumns="false" EnableViewState="false" 
            runat="server" GridLines="None" OnItemUpdated="RadGrid1_ItemUpdated" AllowAutomaticDeletes="true" 
            AllowAutomaticInserts="true" AllowAutomaticUpdates="true" OnPreRender="RadGrid1_PreRender" 
            EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" EnableLinqExpressions="false" 
            OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" OnItemCommand="RadGrid1_ItemCommand"> 
            <%-- Filtering code--%> 
            <%--             
        <MasterTableView  AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto"> 
                <Columns> 
                    <telerik:GridBoundColumn FilterControlWidth="105px" DataField="carrierName" HeaderText="carrierName" SortExpression="carrierName" 
                        UniqueName="carrierName" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true"> 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn FilterControlWidth="105px" DataField="city" HeaderText="city" SortExpression="city" 
                        UniqueName="city" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true"> 
                    </telerik:GridBoundColumn> 
                    <telerik:GridNumericColumn DataField="zipcode" HeaderText="zipcode" SortExpression="zipcode" 
                        UniqueName="zipcode" FilterControlWidth="40px" AutoPostBackOnFilter="false" CurrentFilterFunction="equalto" FilterDelay="4000" ShowFilterIcon="true"> 
                    </telerik:GridNumericColumn> 
                </Columns> 
        </MasterTableView>  
            --%> 
            <MasterTableView CommandItemDisplay="TopAndBottom" TableLayout="Fixed" DataKeyNames="sId" 
                EditMode="InPlace"> 
                <Columns> 
                    <telerik:GridEditCommandColumn> 
                    </telerik:GridEditCommandColumn> 
                    <telerik:GridBoundColumn UniqueName="sId" DataField="sId" HeaderText="sId" ReadOnly="True" 
                        HeaderStyle-Width="10%" SortExpression="sId" HeaderButtonType="TextButton"> 
                        <HeaderStyle ForeColor="Silver" /> 
                        <ItemStyle ForeColor="Gray" /> 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn UniqueName="orderId" DataField="orderId" HeaderText="orderId" 
                        HeaderStyle-Width="10%" ColumnEditorID="GridTextBoxColumnEditor1" SortExpression="orderId" 
                        HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="REJ" DataField="REJ" HeaderText="REJ" HeaderStyle-Width="10%" 
                        SortExpression="REJ" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Desc" DataField="Desc" HeaderText="Desc" HeaderStyle-Width="10%" 
                        SortExpression="Desc" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Customer Name" DataField="Customer Name" HeaderText="Customer Name" 
                        HeaderStyle-Width="12%" SortExpression="Customer Name" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Market Name" DataField="Market Name" HeaderText="Market Name" 
                        HeaderStyle-Width="12%" SortExpression="Market Name" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Headend Name" DataField="Headend Name" HeaderText="Headend Name" 
                        HeaderStyle-Width="12%" SortExpression="Headend Name" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Site Name" DataField="Site Name" HeaderText="Site Name" 
                        HeaderStyle-Width="12%" SortExpression="Site Name" HeaderButtonType="TextButton" /> 
                    <telerik:GridBoundColumn UniqueName="Task Status" DataField="Task Status" HeaderText="Task Status" 
                        HeaderStyle-Width="10%" SortExpression="Task Status" HeaderButtonType="TextButton" /> 
                    <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" Visible="false" /> 
                </Columns> 
                <EditFormSettings EditFormType="Template"> 
                    <FormTemplate> 
                        <table> 
                            <tr> 
                                <td colspan="2" style="font-size: small"> 
                                    <b>Order Details</b> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td colspan="2"> 
                                    <b>Order Info:</b> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td> 
                                    <table> 
                                        <tr> 
                                            <td> 
                                                Country: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                City: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox8" runat="server" TabIndex="1"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Region: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox9" runat="server" TabIndex="2"> </asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Home Phone: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox10" runat="server" TabIndex="3"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Birth Date: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox11" runat="server" TabIndex="4"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Title Of Courtesy 
                                            </td> 
                                            <td> 
                                                <asp:DropDownList ID="ddlTOC" runat="server" SelectedValue='<%# Bind("TitleOfCourtesy") %>' 
                                                    DataSource='<%# (new string[] { "Dr.", "Mr.", "Mrs.", "Ms." }) %>' TabIndex="7" 
                                                    AppendDataBoundItems="True"> 
                                                    <asp:ListItem Selected="True" Text="Select" Value=""></asp:ListItem> 
                                                </asp:DropDownList> 
                                            </td> 
                                        </tr> 
                                    </table> 
                                </td> 
                                <td> 
                                    <table> 
                                        <tr> 
                                            <td> 
                                                Notes: 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                <asp:TextBox ID="TextBox1" Text='<%# Bind( "Notes") %>' runat="server" TextMode="MultiLine" 
                                                    Rows="5" Columns="40" TabIndex="5"> 
                                                </asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Address: 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                <asp:TextBox ID="TextBox6" Text='<%# Bind( "Address") %>' runat="server" TextMode="MultiLine" 
                                                    Rows="2" Columns="40" TabIndex="6"> 
                                                </asp:TextBox> 
                                            </td> 
                                        </tr> 
                                    </table> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td colspan="2"> 
                                    <b>Table Info:</b> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td> 
                                    <table> 
                                        <tr> 
                                            <td> 
                                                OrderId: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox2" runat="server" TabIndex="8"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                REJ: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox3" runat="server" TabIndex="9"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Desc: 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="Textbox5" runat="server" TabIndex="10"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Customer Name 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox4" runat="server" TabIndex="11"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Market Name 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox12" runat="server" TabIndex="12"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Headend Name 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox13" runat="server" TabIndex="13"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Site Name 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox14" runat="server" TabIndex="14"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td> 
                                                Task Status 
                                            </td> 
                                            <td> 
                                                <asp:TextBox ID="TextBox15" runat="server" TabIndex="15"></asp:TextBox> 
                                            </td> 
                                        </tr> 
                                    </table> 
                                </td> 
                                <td> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td align="right" colspan="2"> 
                                    <asp:Button ID="btnUpdate" runat="server"> 
                                    </asp:Button>&nbsp; 
                                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" 
                                        CommandName="Cancel"></asp:Button> 
                                </td> 
                            </tr> 
                        </table> 
                    </FormTemplate> 
                </EditFormSettings> 
            </MasterTableView> 
            <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true" AllowDragToGroup="True"> 
                <Resizing AllowRowResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True" 
                    AllowColumnResize="True"></Resizing> 
                <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated" 
                    OnCommand="GridCommand" /> 
                <ClientEvents OnGridCreated="onGridCreated" /> 
                <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
                <ClientEvents OnRowContextMenu="RowContextMenu"></ClientEvents> 
                <Selecting AllowRowSelect="true" /> 
            </ClientSettings> 
            <PagerStyle Mode="NextPrevAndNumeric" /> 
            <GroupingSettings CaseSensitive="false" ShowUnGroupButton="true" /> 
        </telerik:RadGrid> 
        <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="180px" /> 
        <telerik:RadContextMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick" 
            EnableRoundedCorners="true" EnableShadows="true"> 
            <Items> 
                <telerik:RadMenuItem Text="Add" /> 
                <telerik:RadMenuItem Text="Edit" /> 
                <telerik:RadMenuItem Text="Delete" /> 
            </Items> 
        </telerik:RadContextMenu> 
        <br /> 
        <br /> 
        <asp:Label ID="Label2" runat="server" EnableViewState="false" /> 
    </div> 
    </form> 
</body> 
</html> 
 

Grid
Veli
Telerik team
 answered on 26 May 2010
9 answers
183 views
RadTextBox Cut and Paste IE 7
In our code when we set TextMode="MultiLine" the user can't copy and paste into the textbox. This happens in IE 7 but seems to be OK in IE 8. Anyone else have this issue? Seems to be OK in Firefox as well.

 

<telerik:RadTextBox ID="TxtBx" Runat="server" TextMode="MultiLine">

 

</telerik:RadTextBox>

 

 

 

 

 

 

Input
Dimo
Telerik team
 answered on 26 May 2010
2 answers
89 views
RadTabStrip items
Hello

When I added  

 <form id="form1" runat="server">

 

 

 

 

 <telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

 

 </telerik:RadScriptManager>

to the Masterpage because we can add only one instance of a ScriptManager  to a page, no items where shown in the RadTabStrip.

 Thanks


 

TabStrip
ahi10
Top achievements
Rank 1
 answered on 26 May 2010
1 answer
251 views
Filtering for a null
I'm using a radcombox for a custom filter on a column where  DataType="System.Int32". However, some rows are actually null.

How do I check for a possible null in the filter routine?

I've tried     tableView.filter("BoMID", null, "EqualTo");  without success.

Here's some non-working code:

   <telerik:GridTemplateColumn HeaderText="BoM" UniqueName="BoMID" FilterControlWidth="30px" 
                        AllowFiltering="true" DataType="System.Int32" DataField="BoMID" ReadOnly="True">  
                        <ItemTemplate> 
                            <asp:Literal ID="litBoM" runat="server" Text='<%#FormatBoMColumn(Eval("BoMID"))%>'></asp:Literal> 
                        </ItemTemplate> 
                        <FilterTemplate> 
                            <telerik:RadComboBox ID="ImportedFilter" runat="server"   
                                 AllowCustomText="false" DropDownWidth="70px" Width="15px">  
                                <Items> 
                                    <telerik:RadComboBoxItem Text="No Filter" Value="" /> 
                                    <telerik:RadComboBoxItem Text="Yes" Value="1" /> 
                                    <telerik:RadComboBoxItem Text="No" Value="0" /> 
                                </Items> 
                            </telerik:RadComboBox> 
                            <telerik:RadScriptBlock ID="RadScriptBlock12" runat="server">  
                                <script type="text/javascript">  
                                    function RethrownSelectedIndexChanged(sender, args) {  
                                                    var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");  
                                        var filterVal = args.get_item().get_value();  
 
                                        if (filterVal == null) {  
                                            tableView.filter("BoMID", filterVal, "NoFilter");  
                                        }  
                                        else if (filterVal == 1) {  
                                            tableView.filter("BoMID", 0, "GreaterThan");  
 
                                        }  
                                        else if (filterVal == 0) {  
                                            tableView.filter("BoMID", null, "EqualTo");  
                                        }  
                                    }     
                                </script> 
                            </telerik:RadScriptBlock> 
                        </FilterTemplate> 
                        <HeaderStyle Width="40px" Wrap="False" HorizontalAlign="Center" /> 
                        <ItemStyle Width="40px" Wrap="False" HorizontalAlign="Center" /> 
                    </telerik:GridTemplateColumn> 
Grid
Radoslav
Telerik team
 answered on 26 May 2010
1 answer
166 views
RadGrid Drag&amp;Drop Header Problem
Hi,

I'm experiencing a problem with Telerik RadGrid v2010.1.309.35.

I have a control on which have two radgrids. For them I programmatically create columns with their properties. 
After initialization the control is showing correctly. Columns has their header text. But after I drag&drop items from one to another grid, the items has been dropped correctly, but the column headers has gone. I've try to solve this on many ways but I can't.

the html for my source grid is:
<telerik:RadGrid ID="rgSource" runat="server" AllowMultiRowSelection="true" ShowStatusBar="true" 
                          AutoGenerateColumns="false" EnableEmbeddedBaseStylesheet="true" ShowDesignTimeSmartTagMessage="true"  
                          EnableEmbeddedSkins="false" GridLines="None" Skin="TR" EnableAjaxSkinRendering="true"  
                          EnableEmbeddedScripts="false" EnableViewState="true" 
                          onneeddatasource="rgSource_NeedDataSource" onrowdrop="rgSource_RowDrop"  
                          onprerender="rgSource_PreRender"> 
                          <MasterTableView TableLayout="Fixed" Width="100%" runat="server"> 
                              <Columns> 
                                 
                              </Columns> 
                              <RowIndicatorColumn> 
                                  <HeaderStyle Width="20px" /> 
                              </RowIndicatorColumn> 
                              <ExpandCollapseColumn> 
                                  <HeaderStyle Width="20px" /> 
                              </ExpandCollapseColumn> 
                          </MasterTableView> 
                          <ClientSettings AllowRowsDragDrop="true"> 
                              <Selecting AllowRowSelect="True"/> 
                              <DataBinding EnableCaching="true"/> 
                              <Scrolling AllowScroll="true" UseStaticHeaders="true"/> 
                              <ClientEvents OnRowDropped="onRowDropping" /> 
                          </ClientSettings> 
                      </telerik:RadGrid> 

the html for the target grid is:
<telerik:RadGrid runat="server" ID="rgTarget" EnableEmbeddedScripts="false" 
                          AllowMultiRowSelection="true"  EnableEmbeddedBaseStylesheet="true" EnableViewState="true" 
                          EnableEmbeddedSkins="false" GridLines="None" Skin="TR" AutoGenerateColumns="false"  
                          onneeddatasource="rgTarget_NeedDataSource" onrowdrop="rgTarget_RowDrop1"  
                          onprerender="rgTarget_PreRender"> 
                          <MasterTableView TableLayout="Fixed" ShowHeadersWhenNoRecords="true" NoMasterRecordsText="" runat="server" > 
                                <Columns> 
                                  
                                </Columns> 
                        </MasterTableView> 
                        <ClientSettings AllowRowsDragDrop="True"> 
                            <Selecting AllowRowSelect="True" EnableDragToSelectRows="false"/> 
                            <DataBinding EnableCaching="true"/> 
                            <Scrolling AllowScroll="true" UseStaticHeaders="true"/> 
                            <ClientEvents OnRowDropped="onRowDropping" /> 
                        </ClientSettings> 
                    </telerik:RadGrid> 

the code for programmatic creation of the column is:
    GridClientSelectColumn clientSelectColumn = new GridClientSelectColumn(); 
                    clientSelectColumn.HeaderText = "ChkColumn"; 
                    clientSelectColumn.UniqueName = "ChkColumn"; 
                    clientSelectColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left; 
                    clientSelectColumn.HeaderStyle.HorizontalAlign = HorizontalAlign.Left; 
                    //clientSelectColumn.HeaderStyle.Width = Unit.Pixel(25); 
                    rgSource.MasterTableView.Columns.Add(clientSelectColumn); 
                    GridClientSelectColumn client2SelectColumn = new GridClientSelectColumn(); 
                    client2SelectColumn.HeaderText = "Chk1Column"; 
                    client2SelectColumn.UniqueName = "Chk1Column"; 
                    client2SelectColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left; 
                    client2SelectColumn.HeaderStyle.HorizontalAlign = HorizontalAlign.Left; 
                    client2SelectColumn.HeaderStyle.Width = Unit.Pixel(25); 
                    rgTarget.MasterTableView.Columns.Add(clientSelectColumn); 
 
                    GridBoundColumn boundColumn = new GridBoundColumn(); 
                    boundColumn.DataField = "SoftwareID"; 
                    boundColumn.UniqueName = "Software1ID"; 
                    boundColumn.HeaderText = "SoftwareID"; 
                    rgSource.MasterTableView.Columns.Add(boundColumn); 
                    GridBoundColumn bound1Column = new GridBoundColumn(); 
                    bound1Column.DataField = "SoftwareID"; 
                    bound1Column.UniqueName = "Software2ID"; 
                    bound1Column.HeaderText = "SoftwareID"; 
                    rgTarget.MasterTableView.Columns.Add(bound1Column); 
 
                    GridBoundColumn bound3Column = new GridBoundColumn(); 
                    bound3Column.DataField = "SoftwareName"; 
                    bound3Column.UniqueName = "Software3Name"; 
                    bound3Column.HeaderText = "SoftwareName"; 
                    rgSource.MasterTableView.Columns.Add(bound3Column); 
                    GridBoundColumn bound4Column = new GridBoundColumn(); 
                    bound4Column.DataField = "SoftwareName"; 
                    bound4Column.UniqueName = "Software4Name"; 
                    bound4Column.HeaderText = "SoftwareName"; 
                    rgTarget.MasterTableView.Columns.Add(bound4Column); 
                
                    this.rgSource.MasterTableView.DataKeyNames =  new string[] { "SoftwareID", "SoftwareName" }; 
                    this.rgTarget.MasterTableView.DataKeyNames = new string[] { "SoftwareID", "SoftwareName" }; 

the drag and drop code is:

                            List<Entities.SoftwareEntities.Software> targetSoftwarelist = (List<Entities.SoftwareEntities.Software>)Session["TargetDataSet"]; 
                            List<Entities.SoftwareEntities.Software> sourceSoftwareList = (List<Entities.SoftwareEntities.Software>)Session["SourceDataSet"]; 
 
                            for (int i = 0; i < tmpNumber; i++) 
                            { 
                                 
                                Entities.SoftwareEntities.Software software = new Entities.SoftwareEntities.Software(); 
                                software.SoftwareID = e.DraggedItems[i].GetDataKeyValue("SoftwareID").ToString(); 
                                software.SoftwareName = e.DraggedItems[i].GetDataKeyValue("SoftwareName").ToString(); 
                                sourceSoftwareList.Add(software); 
 
 
                            } 
 
                            // Reorder the rows in both grids 
                            targetSoftwarelist.RemoveAll(item => sourceSoftwareList.Find(sourceItem => sourceItem.SoftwareID == item.SoftwareID) != null); 
                            sourceSoftwareList.Sort((first, second) => first.SoftwareID.CompareTo(second.SoftwareID)); 
 
                            Session["TargetDataSet"] = targetSoftwarelist; 
                            Session["SourceDataSet"] = sourceSoftwareList; 
                             
                            rgSource.MasterTableView.GetColumn("SoftwareID").HeaderText = "SoftwareID"; 
                            rgSource.MasterTableView.GetColumn("SoftwareName").HeaderText = "SoftwareName"; 
 
                            this.rgTarget.Rebind(); 
                            this.rgSource.Rebind(); 

after drag and drop items, the column headers text  at both grids is gone. I've try to override the header text on drag and drop event but nothing happens. 

Also, after drag & drop the ColumItem Text doesn't render (Picture itemtext.png). This is big issue.

Actually guys, you have a bug on this forum, I've try to add new picture, the update mode gave me to, the picture has been uploaded but doesn't appear in attached files... ;) So you can't find the picture itemtext.png in attached files....

The screenshots are attached.

Regards,
Gjorgji Dimitrov


Grid
Rosen
Telerik team
 answered on 26 May 2010
1 answer
125 views
$find not working
Hello,
I am trying to change the selected tab client side, but i am getting a javascript error  FindTabByText is not a function.

Here is my code: 

<telerik:RadCodeBlock ID="profileCodeblock" runat="server">
        <script type="text/javascript">
            function selecttab(text)
    {
       var tabStrip = $find('<%=rtsSteps.ClientID %>');
                var tab = tabStrip.FindTabByText(text);
                if (!tab)
                {
                    alert("There is no tab with text \"" + text + "\"");
                    return false;
                }
                
                tab.set_selected(true); //The same as tab.select();
                return false;
    }
        </script>
    </telerik:RadCodeBlock>
    
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        
       <script type="text/javascript">
            
            function onTabSelecting(sender, args)
            {
var $div = jQuery('#dvContainer');
   var clientid= '<%=GetClientID %>';
     var url = '';
    
     switch(args.get_tab().get_value())
     {
        case 'overview':
           var form = '<%=GetOverviewForm %>';
           url = 'clientsdialog/'+form+'?clientid='+clientid;
           break;
        case 'contacts':
            url = 'clientsdialog/clientcontactmain.aspx?clientid='+clientid;
            break;
                    case 'services':
                        url = 'clientsdialog/clientservicepreferences.aspx?clientid='+clientid;
                        break;
                    case 'agreements':
                        url = 'clientsdialog/clientsagreement.aspx?clientid='+clientid;
                        break;
                    case 'settings':
                        break;
     }
    
      
       $div.load(url);
            }
            
    
    
            
</script>
    </telerik:RadScriptBlock>
    
    
     
     <div id="qsfCodeTabs">
        
        <telerik:RadTabStrip ID="rtHome" runat="server" 
        CssClass="tabstrip"  CausesValidation="false" style="display:none;"
            SelectedIndex="0">
           
            
        </telerik:RadTabStrip>
    </div>
    
    <div style="float:left;width:250px;">
   
   <div class="tabheader">
      <p>Client Profile</p>
   </div>    
   <div id="progress">
       <span class="progressBar" id="spaceused1">25%</span>
   </div>
   <telerik:RadTabStrip ID="rtsSteps" Width="197px" SelectedIndex="0" 
                runat="server" Skin="Steps" EnableEmbeddedBaseStylesheet="false" 
                EnableEmbeddedSkins="false" OnClientTabSelected="onTabSelecting" CausesValidation="False" Orientation="VerticalLeft" >
                
                <Tabs>
                    <telerik:RadTab Text="Account Overview" Value="overview" style="cursor:pointer">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Contacts" Value="contacts" style="cursor:pointer">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Service Preferences" Value="services" style="cursor:pointer">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Agreements" Value="agreements" style="cursor:pointer">
                    </telerik:RadTab>  
                    <telerik:RadTab Text="Regional Settings" Value="settings" style="cursor:pointer">
                    </telerik:RadTab>          
                </Tabs>
       
</telerik:RadTabStrip>
    </div>
    <div id="dvContainer" style="width:700px;float:right;">
    </div>
    <div style="clear:both"><br /><br /></div>
    
    <input type="button" value="test" onclick="selecttab('services');" />

I am wondering if i am doing it correctly. As i have other functions in other pages that $find works well. 

Thanks,

JV
TabStrip
Yana
Telerik team
 answered on 26 May 2010
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
7095 7096
7097
7098 7099
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how