Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
391 views
Hi,

I am working on Radstrip controls. When i complie the code I am getting error like " Could not load file or assembly 'RadTabStrip.Net2' or one of its dependencies." Can anyone help me how to fix this error.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Radstrip2.aspx.cs" Inherits="Radstrip2" %> 
 
<%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="radTS" %> 
 
<!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 runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Height="154px"  
        SelectedIndex="0" Width="1280px"> 
    </telerik:RadTabStrip> 
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"  
        Height="321px" Width="700px" BorderStyle="Solid" OnPageViewItemCreated="RadMultiPage1_PageViewItemCreated1"> 
            <telerik:RadPageView ID="RadPageView1" runat="server" Height="279px" Width="690px"> 
                <asp:Button ID="Button1" runat="server" onclick="Button1_Click1" Text="Add Tab" /> 
            </telerik:RadPageView> 
    </telerik:RadMultiPage> 
    </form> 
</body> 
</html> 

Yana
Telerik team
 answered on 26 May 2010
4 answers
1.2K+ views

Hello all,
               I have a common scenario, but i could not implement in a cleaner way.
 
I have web page which contains a treeview and 2 grid.On clicking each node in tree view shows two grids on right hand side of the treeview populated with values related to the clicked node in treeview. Now on right clicking the node in tree view and selecting a context menu item will open a new rad window for me.

In the rad window the user will make update/insert/delete operations against database. The user can close this rad window in two ways - one is clicking the 'close' button in rad window
-second is clicking the 'X' button on top right corner of rad window.

what i need to do is 'onclientclose' of radwindow, i need to read the arguments that are passed from radwindow and depending on those passed arguments, i have to refresh the treeview as well as the two grids on the parent page. I'm able to achieve this when user clicks 'close' button on radwindow, but when user clicks the 'X' i cannot get the arguments passed back from rad window to parent page. Could anybody please help me in this case?

when user clicks close button on rad window, this is how i'm closing rad window and passing back arguments

 

 

var oArg = new Object();

 

oArg.ReloadGrids = true;

 

oArg.ReloadTreeView= false;
RadWindow.close(oArg);

and on client close this is how i read arguments passed from rad window

 

function

 

 RadWindow_OnClientClose(oRadWind, args) {

 

 

//get the transfered arguments

 

 

var arg = args.get_argument();

 

}


Please let me know if you guys need some more info..

 

cheers!

pravin.

Fiko
Telerik team
 answered on 26 May 2010
3 answers
377 views

Hi,

                We arein process of evaluating new Telerik Grid for our application. While we couldsee great performance improvement using the client side data binding (JSONapproach). Still we are not able to get the inline edit & Add functionalitylike that we have in the Server side bound version. Just curious to know isthere something that we could get the inline edit & add in the client version.

http://www.sigmawidgets.com/products/sigma_grid2/demos/example_column_editor.html

                I gotthis link and the control displayed in the page is very impressive, though I amnot looking for the cell level edit. I am looking for a row inline edit that isfast as this control version.

                Anyoneplease guide me on, is there any out of the box feature /  work around that will get me similarfunctionality.

Thanks

Iana Tsolova
Telerik team
 answered on 26 May 2010
2 answers
594 views
Hi,

I have the following Column:
protected static void CreateAndAddRadGridAuditViewCommandColumn(RadGrid grid)  
{  
    GridButtonColumn auditColumn = new GridButtonColumn()  
    {  
        UniqueName = "AuditView",  
        ButtonType = GridButtonColumnType.LinkButton,  
        Text = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" // just make background image from css class visible (using CSS sprites)  
    }; 
    column.HeaderStyle.CssClass = "rgHeader " + "cms-column-auditview";  
    column.ItemStyle.CssClass = newCssClass; 
    grid.Columns.Add(auditColumn); 
}  


The corresponding CSS class is:
.cms-column-auditview a { 
    text-decoration: none !important; 
    background: url(/Cms/Resources/Images/iconset.png) 0px -2032px no-repeat; 
}

Now I want to add a mouseover hint to those images using a "Title" attribute on the link that is rendered.
I need to use CSS sprites for performance reasons. How can I achieve this?

Regards,

   Sebastian


Sebastian
Top achievements
Rank 2
 answered on 26 May 2010
2 answers
799 views

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;  
                }  
 
            }  
        } 
Riaan Booyzen
Top achievements
Rank 1
 answered on 26 May 2010
2 answers
108 views
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

 

Andy Green
Top achievements
Rank 1
 answered on 26 May 2010
5 answers
103 views
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
Pavlina
Telerik team
 answered on 26 May 2010
3 answers
131 views
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?
Peter
Telerik team
 answered on 26 May 2010
1 answer
254 views
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> 
 

Veli
Telerik team
 answered on 26 May 2010
9 answers
193 views
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>

 

 

 

 

 

 

Dimo
Telerik team
 answered on 26 May 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?