Hi,
I have a grid and button,which is inside a update panel.
My requirement is to update the grid on button click.
but when i click on button grid is not updating.

Is there anything I have to set in webpage.

Please help me
.

Hello, i'm student , i'm learning  web programing
i saw transparent background of telerik demo , but i don't know do this
http://demos.telerik.com/aspnet-ajax/combobox/examples/default/defaultcs.aspx
what's should i do ?
THANK

Hello Team,
                     I am using Radajax manager,in the OnAjaxRequest event , i am writing server side method that fetches the records from the database. What happens is, Some times the ajax request gets time out and completed before the methods gets processed [ I mean fetch all the records from the backend and complete the necessary things].


How could i accomplish it by increasing the ajax request timeout.

here with i have attachedthe code for your reference. That will gives you some idea what i am talking.

ClientSide

 <script type="text/javascript" language="javascript">
        <!--
            var gstrPrimaryColor = '#ff6600';
            var gstrSecondaryColor = '#ffdba6';
        
            window.onload = function()
            {
//                setTimeout (function(){
                        var ctrl = window["<%= rdAMErroredRecords.ClientID %>"];
                        ctrl.ajaxRequest("InitialPageLoad");
//                    },
//                    50000);
            }
            function responseEnd(sender, eventArgs) {
             // var vartemp=document.getElementById('<%= hdnServiceRequestEnd.ClientID %>').value;
             //  if(vartemp!=0)
                MakeTableChanges('ErrorRecords');
//               MakeTableChanges('CXErrorRecords');
            }
        
            function MakeTableChanges(tableName){
                var rows = document.getElementById(tableName).getElementsByTagName('tr');
                var n = rows.length;
                for(var i=2; i<n; ++i){
                    var cells = rows[i].getElementsByTagName('td');
                    var tmp = cells[1].innerText;

                    var index = tmp.indexOf('|');
                    
                    if(index == 0){
                        tmp = tmp.substring(1);
                        tmp = '- ' + tmp;
                    }

                    cells[1].className = 'cssField ErroredCol';
                    cells[1].innerText = tmp.replace(/[|]/gi,'\n -');
                }
            }
        -->
        </script>

    </telerik:RadCodeBlock>

<telerik:RadScriptManager ID="rdSMErroredRecords" runat="server" EnablePageMethods="true"   >
    </telerik:RadScriptManager>

<telerik:RadAjaxManager ID="rdAMErroredRecords" runat="server" OnAjaxRequest="rdAMErroredRecords_AjaxRequest"
        ClientEvents-OnResponseEnd="responseEnd" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rdAMErroredRecords">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlErrorRecords" LoadingPanelID="lpnlErrorRecords" />
                    <telerik:AjaxUpdatedControl ControlID="rdgErroredRecords" LoadingPanelID="lpnlErrorRecords" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>



server Side Code:

 protected void rdAMErroredRecords_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
    {
        if (e.Argument == "InitialPageLoad")
            GenerateHTMLReportForErroredRecords();
    }


Please help me on this.

Thanks and Regards!
chithuraj.j

Hi,

                I am using RadGrid,it contains following add,update,delete and multiselect operations,Total no of Columns in my grid is 20.
But am using inline edit ,and i have given MasterTableView width 150%. In edit mode all the controls are coming properly.But while adding, i have mentioned InsertItemDisplay at Bottom.For 20 columns controls are getting overlapped.How to use the mastertableview scroll bar for InsertItemDisplay.

Is it Possible to provide scroll bar for Insert Item display also.
I am using 2008 Q2 release.

Or Is there any Solution in Latest 2011 Q1 Release.


Please Help Me.
Thanks.

I want to hide a couple of columns in a grid. At the moment the grid is set to autogenerate columns. Can I hide the columns somehow and also resize the columns.

Thanks

Andrew

hi,

I have radgrid control and it has template Column, i want to find the control ID(e.g lbl_payable)  inside the rad grid using java script in RowSelected method.

how can i do that ?

thanks in advance morteza

    <telerik:RadGrid ID="RadGrid1" runat="server" onitemdatabound="RadGrid1_ItemDataBound">

    <MasterTableView autogeneratecolumns="False"

                        ClientDataKeyNames="id">

    <RowIndicatorColumn>

        <HeaderStyle Width="20px"></HeaderStyle>

    </RowIndicatorColumn>

 

    <ExpandCollapseColumn>

        <HeaderStyle Width="20px"></HeaderStyle>

    </ExpandCollapseColumn>

        <Columns>

            <telerik:GridBoundColumn DataField="id" DataType="System.Int32" HeaderText="id"

                ReadOnly="True" SortExpression="id" UniqueName="id" Visible="false">

                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

            </telerik:GridBoundColumn>

            <telerik:GridTemplateColumn UniqueName="payable"

                HeaderText="payable">

            <ItemTemplate >

                <asp:Label ID="lbl_payable" runat="server"></asp:Label>

            </ItemTemplate>

                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

            </telerik:GridTemplateColumn>

 

        </Columns>

    </MasterTableView>

    <ClientSettings>

        <ClientEvents OnRowSelected="RowSelected" />

        <Selecting AllowRowSelect="True" />

    </ClientSettings>

</telerik:RadGrid>

javascript code

function RowSelected(sender, eventArgs)

{
// how get lbl_payable

}

Hi
Please tell me how can I use AutoComplete feature in RadComboBox in RTL languages like (Farsi)

Thanks for your feed backs

Hello ,
Filter Visible False on Page Load.



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Location.aspx.cs" Inherits="TBS_HelpDesk.Views.Assets.Location"
    MasterPageFile="~/Views/Shared/MasterPage.Master" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadCodeBlock runat="server" ID="radCodeBlock">
        <script type="text/javascript">
            function onToolBarClientButtonClicking(sender, args) {
                var grid = $find("<%=RadGrid1.ClientID %>");
                debugger;
                var comandName = args.get_item().get_commandName();
                if (comandName == "Filter") {
                    if (grid.get_masterTableView().get_isFilterItemVisible()) {
                        grid.get_masterTableView().hideFilterItem();
                    }
                    else {
                        grid.get_masterTableView().showFilterItem();
                    }
                }
            }
            function getOuterHTML(obj) {
                if (typeof (obj.outerHTML) == "undefined") {
                    var divWrapper = document.createElement("div");
                    var copyOb = obj.cloneNode(true);
                    divWrapper.appendChild(copyOb);
                    return divWrapper.innerHTML
                }
                else
                    return obj.outerHTML;
            }
            function PrintRadGrid() {
                var previewWnd = window.open('about:blank', '', '', false);
                var sh = '<%= ClientScript.GetWebResourceUrl(RadGrid1.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",RadGrid1.Skin)) %>';
                var shBase = '<%= ClientScript.GetWebResourceUrl(RadGrid1.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';
                var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";
                styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";
                var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= RadGrid1.ClientID %>').get_element()) + "</body></html>";
                previewWnd.document.open();
                previewWnd.document.write(htmlcontent);
                previewWnd.document.close();
                previewWnd.print();
                previewWnd.close(); // working

            }
        </script>
    </telerik:RadCodeBlock>
    <div style="width: 760px; height: 600px;">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Office2007" AllowAutomaticInserts="True"
            AllowAutomaticUpdates="True" GridLines="None" AutoCompleteType="Disabled" AllowFilteringByColumn="True"
            AllowPaging="True" AllowSorting="True" OnRowDataBound="RadGrid1_RowDataBound1"
            OnItemCommand="RadGrid1_ItemCommand">
            <ExportSettings>
                <Pdf PageHeight="297mm" PageWidth="210mm" />
            </ExportSettings>
            <MasterTableView ShowHeadersWhenNoRecords="true" AutoGenerateColumns="False" CommandItemDisplay="Top"
                EditMode="PopUp" EditFormSettings-PopUpSettings-Modal="true">
                <CommandItemTemplate>
                    <telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicking="onToolBarClientButtonClicking">
                        <Items>
                            <telerik:RadToolBarButton Text="Cancel editing" CommandName="CancelAll" ImageUrl="images/Cancel.gif"
                                Visible='<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>'>
                            </telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="../../images/AddRecord.gif"
                                Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'>
                            </telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Filter" CommandName="Filter" ImageUrl="../../images/Filter 3.gif">
                            </telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Print" CommandName="Print" onclick="PrintRadGrid()">
                            </telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Refresh" CommandName="RebindGrid" ImageUrl="../../images/Refresh.gif">
                            </telerik:RadToolBarButton>
                        </Items>
                    </telerik:RadToolBar>
                </CommandItemTemplate>
                <PagerStyle BackColor="#D8EBFC" Mode="NextPrevNumericAndAdvanced" />
                <HeaderStyle CssClass="dataheadcolor" />
                <RowIndicatorColumn>
                    <HeaderStyle Width="20px"></HeaderStyle>
                </RowIndicatorColumn>
                <ExpandCollapseColumn>
                    <HeaderStyle Width="20px"></HeaderStyle>
                </ExpandCollapseColumn>
                <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
                <Columns>
                    <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="10px">
                        <HeaderStyle Width="10px"></HeaderStyle>
                    </telerik:GridEditCommandColumn>
                    <telerik:GridNumericColumn DataField="AddressID" HeaderText="Address ID" SortExpression="AddressID"
                        UniqueName="AddressID" FilterControlWidth="20px" HeaderStyle-Width="120px" ReadOnly="true">
                    </telerik:GridNumericColumn>
                    <telerik:GridBoundColumn DataField="Address_Location_Name" HeaderText="Address Name"
                        SortExpression="Address_Location_Name" UniqueName="Address_Location_Name" FilterControlWidth="40px"
                        HeaderStyle-Width="130px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_Line1" HeaderText="Line1" SortExpression="Address_Line1"
                        UniqueName="Address_Line1" FilterControlWidth="40px" HeaderStyle-Width="80px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_Line2" HeaderText="Line2" SortExpression="Address_Line2"
                        UniqueName="Address_Line2" FilterControlWidth="40px" HeaderStyle-Width="80px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_City" HeaderText="City " SortExpression="Address_City"
                        UniqueName="Address_City" FilterControlWidth="40px" HeaderStyle-Width="90px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_State" HeaderText="State" SortExpression="Address_State"
                        UniqueName="Address_State" FilterControlWidth="40px" HeaderStyle-Width="90px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_Country" HeaderText="Country" SortExpression="Address_Country"
                        UniqueName="Address_Country" FilterControlWidth="40px" HeaderStyle-Width="90px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address_Postal_Code" HeaderText="Postal Code"
                        SortExpression="Address_Postal_Code" UniqueName="Address_Postal_Code" FilterControlWidth="40px"
                        HeaderStyle-Width="90px">
                    </telerik:GridBoundColumn>
                    <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" HeaderStyle-Width="10px">
                        <HeaderStyle Width="10px"></HeaderStyle>
                    </telerik:GridButtonColumn>
                </Columns>
                <EditFormSettings ColumnNumber="3" CaptionFormatString="Create">
                    <EditColumn UniqueName="EditCommandColumn1">
                    </EditColumn>
                    <FormTemplate>
                        <table cellspacing="2" cellpadding="1" width="100%" border="0">
                            <tr>
                                <td>
                                    <asp:Label runat="server" Text="AddressID" ID="label1"></asp:Label>
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="AddressID" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("AddressID") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Location Name
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_Location_Name" AutoCompleteType="Disabled"
                                        runat="server" Text='<%# Bind("Address_Location_Name") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Line1
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_Line1" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_Line1") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Line2
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_Line2" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_Line2") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    City
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_City" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_City") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    State
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_State" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_State") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Country
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_Country" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_Country") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Postal Code
                                </td>
                                <td>
                                    <asp:TextBox Width="200px" ID="Address_Postal_Code" AutoCompleteType="Disabled" runat="server"
                                        Text='<%# Bind("Address_Postal_Code") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Button ID="Button1" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                        CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                                    </asp:Button>
                                    <asp:Button ID="Button2" runat="server" Text="Cancel" CausesValidation="false" CommandName="Cancel">
                                    </asp:Button>
                                </td>
                            </tr>
                        </table>
                    </FormTemplate>
                    <PopUpSettings Modal="True"></PopUpSettings>
                </EditFormSettings>
            </MasterTableView>
            <ClientSettings>
                <Selecting AllowRowSelect="True" EnableDragToSelectRows="True" />
            </ClientSettings>
        </telerik:RadGrid>
    </div>
</asp:Content>

Hi,
I have implement full window of splitter control with update panel, it is working perfect in IE7 with update panel and without update panel.
But in firefox it is not working with Update panel,  it causes height problem, content is not viewable properly. When I remove update panel from page then it is working perfect. I have telerik version (2010.3.1109.20). Code is look like as below.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultTesting.aspx.cs" Inherits="_DefaultTesting"
    EnableEventValidation="false" ValidateRequest="false" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html>
<head runat="server">
 <title>-:: ::-</title>
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <style type="text/css">
        html, body, form
        {
            height: 100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
    </style>
</head>
<form id="form1" runat="server">
<div id="ParentDivElement" style="height: 100%;">
       <asp:ScriptManager runat="server" ID="RadScriptManager1">
        </asp:ScriptManager>
     <asp:UpdatePanel ID="updatePnl" runat="server">
            <ContentTemplate>
<telerik:RadSplitter ID="MainSplitter"  runat="server" Height="100%" Width="100%"
                    Orientation="Horizontal" Skin="Windows7" VisibleDuringInit="false" LiveResize="true">
                    <telerik:RadPane ID="TopPane" runat="server" Height="100" MinHeight="85" MaxHeight="150"
                        Scrolling="none">
                        <!-- Place the content of the pane here -->
                        header...........header...............header
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" Skin="Windows7" />
                    <telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500">
                        <telerik:RadSplitter ID="NestedSplitter" runat="server" Skin="Windows7" ResizeWithParentPane="true" Height="100%" Width="100%">
                            <telerik:RadPane ID="LeftPane" runat="server" Width="200" MinWidth="150" MaxWidth="400">
                                <div style="float: left; margin-left: 10px;">
                                    <telerik:RadTreeView ID="tvNodes" runat="server" EnableDragAndDrop="True" ExpandAnimation-Type="OutExpo"
                                        ExpandAnimation-Duration="800" EnableDragAndDropBetweenNodes="true" CollapseAnimation-Type="OutElastic"
                                        CollapseAnimation-Duration="800">
                                        <ContextMenus>
                                            <telerik:RadTreeViewContextMenu ID="NodesTreeMenu" runat="server" CssClass="MenuGroup"
                                                Skin="Windows7">
                                                <CollapseAnimation Type="none" />
                                            </telerik:RadTreeViewContextMenu>
                                        </ContextMenus>
                                    </telerik:RadTreeView>
                                </div>
                            </telerik:RadPane>
                            <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />
                            <telerik:RadPane ID="ContentPane" runat="server">
                                <div id="props">
                                    <div style="position: absolute; top: 300px; left: 750px; z-index: 999;">
                                        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="updatePnl"
                                            DisplayAfter="1" DynamicLayout="true">
                                            <ProgressTemplate>
                                                <img border="0" alt="" src="Images/spinner2.gif" />
                                            </ProgressTemplate>
                                        </asp:UpdateProgress>
                                    </div>
                                    <div id="page-content">
                                        <asp:PlaceHolder ID="pnlSurvey" runat="server">
                                            <div>
                                                <asp:Button ID="btnSave" runat="server" OnClick="btnAddNode_Click" Text="Save" />
                                                &nbsp;
                                                <asp:Button ID="btnPublish" runat="server" OnClick="btnPublish_Click" Text="Publish" />
                                            </div>
                                            <div style="float: right">
                                                <p class="mt" id="testMT" runat="server">
                                                    <a href="javascript:" id="MenuEF" style="border: 0px; text-decoration: none;">
                                                        <img src="Images/settings.png" style="border: 0px; text-decoration: none" alt='Settings'></a>
                                                </p>
                                            </div>
                                            <div style="float: left">
                                               Content  Content  Content
                                            </div>
                                        </asp:PlaceHolder>
                                        <div>
                                            <asp:Button ID="btnBottomSave" runat="server" OnClick="btnAddNode_Click" Text="Save" />
                                            &nbsp;
                                            <asp:Button ID="btnBottomPublish" runat="server" OnClick="btnPublish_Click" Text="Publish" />
                                        </div>
                                        <br />                                     
                                    </div>
                                </div>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                </telerik:RadSplitter>
</ContentTemplate>
        </asp:UpdatePanel>
    </div>
</form>
</body>
</html>

Kindly Help me out from this issue.

Thanks in Advance.
Sadiq Modan

Hi All,

 I am Using the below JS to Coverting SmallCase to UpperCase for textbox... Can u pls guide me
how to do the same thing for RadCombobox on KeyPressing...


Thanks
Salvio