Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
75 views
Is it possible to drag and drop a row from a radgrid to a dropdownlist?

I have a website that allows the existence of multiple shopping carts.  While viewing the contents of one cart on a radgrid, I want to be able to move a cart item to a different cart via drag and drop.  The names of the other carts are shown in the dropdownlist.

Thanks.
Maria Ilieva
Telerik team
 answered on 21 Nov 2012
4 answers
181 views
Hello, I use a the RadDataPager in multiple places throughout my project.  I have many properties set in a specific fashion, and I find myself having to copy/paste the pager all over.

Is there a way to set up a skin or a default style or a control for the pager so that the options can be set in one place only?

Below is my code for the pager.  I even end up duplicating it on each single page due to the fact that I show the pager on the top and on the bottom of the page.

Thanks!
<telerik:RadDataPager ID="RadDataPagerBottom" runat="server" IsTotalItemCountFixed="True" Skin="Windows7" Width="730px" CssClass="Custom">
        <Fields>
             <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
              <telerik:RadDataPagerButtonField FieldType="Numeric" />
              <telerik:RadDataPagerButtonField FieldType="NextLast" />
               <telerik:RadDataPagerTemplatePageField HorizontalPosition="RightFloat">
               <PagerTemplate>
               <div style="float: right;color:#666666;">
                Displaying items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1 %>" />
 to 
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# (Container.Owner.TotalRowCount < Container.Owner.StartRowIndex + Container.Owner.PageSize)?Container.Owner.TotalRowCount:Container.Owner.StartRowIndex + Container.Owner.PageSize  %>" />
                                                of
    <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>" />
                                        </div>
                                    </PagerTemplate>
                                </telerik:RadDataPagerTemplatePageField>
                            </Fields>        
                         </telerik:RadDataPager>
Andrey
Telerik team
 answered on 21 Nov 2012
5 answers
156 views
Hi,

I have a radgrid and it has 2 column. last coumn is template column which has radrating control. I can use and rate when i open first time to the grid. Then I change to page and on second page I can't rate my rate control. And I is not showing selecting animation. 

I attached my source codes and screen shots. Please let me know how can I fix it. This project publised and this bug waiting for fix :(

ps: I check javascript errors on google chorme, Problem is not javascript. I saw no error in javascript.

Thanks..

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="InsertKeywordAndWeight.ascx.cs" Inherits="Sections_TaskManagement_InsertKeywordAndWeight" %>
 
<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnAdd">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGridKeyword" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadGridKeyword">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGridKeyword" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
 
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Hay" />
<div style="width:500px; padding:5px;">
    <div style="width:490px; margin-top:25px; padding:2px; float:left; display:block;">
        <asp:Label ID="lblKeywordDesc" Text="Eklemek İstediÄŸiniz Anahtar Kelimeyi Giriniz:" runat="server"></asp:Label>
    </div>
    <div style="width:490px; margin-bottom:5px; padding:2px; float:left; display:block;">
        <asp:TextBox runat="server" ID="txtNewKeyWord" Width="90%" style="float:left;"></asp:TextBox><br />
        <telerik:RadRating ID="RadRating1" runat="server" Value='4' Precision="Exact" style="float:left;" /><asp:ImageButton style="float:left; margin:5px; padding:0 5px 0 0;" runat="server" ID="btnAdd" OnClick="btnAdd_Click" ImageUrl="~/images/add2.png" />
    </div>
    <div style="width:490px; padding:2px; margin-top:5px; float:left; display:block;">
        <telerik:RadGrid ID="RadGridKeyword" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" ViewStateMode="Enabled"  PageSize="5" AllowPaging="true" AllowAutomaticDeletes="True"
                        AllowAutomaticInserts="True" AllowAutomaticUpdates="True"  AllowSorting="true" AutoGenerateColumns="false" AllowFilteringByColumn="true" OnItemCommand="RadGridKeyword_ItemCommand">
            <MasterTableView TableLayout="Auto">
                <Columns>
                <telerik:GridBoundColumn  DataField="IntCode" UniqueName="IntCode"  Visible="false" />
                    <telerik:GridBoundColumn HeaderText="Anahtar Kelime" DataField="Keyword" UniqueName="AddKeyword" AllowSorting="true"
                            SortExpression="AddKeyword" HeaderStyle-Width="40%" FilterControlWidth="100%" ItemStyle-Width="40%"
                            AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" />
                    <telerik:GridBoundColumn HeaderText="İçerik Adı" AllowFiltering="false" ShowFilterIcon="false" AutoPostBackOnFilter="true" AllowSorting="true" DataField="AddressOfKeyWordFieldName" UniqueName="AddressOfKeyWordFieldName"
                            SortExpression="AddressOfKeyWordFieldName" HeaderStyle-Width="10%" FilterControlWidth="10%" ItemStyle-Width="10%" />                   
                    <telerik:GridTemplateColumn HeaderText="Derece" ShowFilterIcon="false"  AllowFiltering="false"  HeaderStyle-Width="20%" FilterControlWidth="20%" ItemStyle-Width="20%">
                        <ItemTemplate>
                            <telerik:RadRating ID="RadRating1" runat="server"  AutoPostBack="true" OnRate="RadRating1_Rate" Value='<%# (Getron.Core.Tools.DataTableFieldOperation.ToDecimal(Eval("KeyWordWeight").ToString(),0)/20) %>' Precision="Exact" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn  UniqueName="DeleteButton" HeaderText="Sil" ShowFilterIcon="false"  Groupable="False" AllowFiltering="false" Resizable="False"  HeaderStyle-Width="5%" FilterControlWidth="5%" ItemStyle-Width="5%">
                        <ItemTemplate>
                            <asp:HiddenField runat="server" ID="hdnIntCode" Value='<%# Eval("Intcode").ToString() %>' />
                            <asp:ImageButton style="float:left; margin:5px; padding:2px 5px 6px 0;" runat="server" ID="btnDeleteKeyword" CommandName="Delete" CommandArgument='<%# Eval("IntCode").ToString() %>' ImageUrl="~/images/delete2.png" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>       
    </div>
</div>



public partial class Sections_TaskManagement_InsertKeywordAndWeight : EntityProtectedUserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {
 
             
    }
 
    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        KeywordRelation kRel = new KeywordRelation();
        QueryEntity qEntity = new QueryEntity();
        qEntity.Query = string.Format("ReferancedTable = {0} AND ReferancedKey = {1}", "30002", Request.QueryString["ActiveRecordIntCode"].ToString());
        KeywordDT = kRel.GetTableActive(qEntity);
        RadGridKeyword.DataSource = KeywordDT;
    }
 
 
    protected void btnAdd_Click(object sender, EventArgs e)
    {
        Keyword keyword = new Keyword();
        KeywordRelation rel = new KeywordRelation();
        keyword.DbSession.BeginTransaction();
        rel.DbSession.BeginTransaction();
        try
        {
            long keyWordIntCode = 0;
            QueryEntity qentity = new QueryEntity();
            qentity.Query = string.Format("Keyword = '{0}'", txtNewKeyWord.Text);
            DataTable dtKeyword = keyword.GetTableActive(new List<string>() { "IntCode", "Keyword" }, qentity);
            if (dtKeyword.Rows.Count > 0)
                keyWordIntCode = Getron.Core.Tools.DataTableFieldOperation.ToInt64(dtKeyword.Rows[0]["Intcode"].ToString(), 0);
            else
            {
                keyword.Keywords = txtNewKeyWord.Text;
                keyword.WithMakerChecker = false;
                keyword.Save(this.Page.SystemUser.UserIntCode);
                keyWordIntCode = keyword.ProcessingRowIntCode;
            }
 
 
            rel.KeyWordIntCode = keyWordIntCode;
            rel.KeyWordWeight = Getron.Core.Tools.DataTableFieldOperation.ToInt32(((RadRating1.Value * 10) * 2), 60);
            rel.AddressOfKeyWordNumCode = 46;
            rel.ReferancedFieldNumCode = 1;
            rel.ReferancedKey = Getron.Core.Tools.DataTableFieldOperation.ToInt64(Request.QueryString["ActiveRecordIntCode"].ToString(), 0);
            rel.WithMakerChecker = false;
            rel.Save(this.Page.SystemUser.UserIntCode);
 
            keyword.DbSession.Commit();
            rel.DbSession.Commit();
            RadAjaxManager2.Alert("Anahtar BaÅŸarıyla Eklendi.");
 
            
        }
        catch (Exception ex)
        {
            try
            {
                keyword.DbSession.Rollback();
                rel.DbSession.Rollback();
            }
            catch
            {
            }
            RadAjaxManager2.Alert("Anahtar Eklenirken Hata OluÅŸtu.");
        }
    }
 
    protected void RadGridKeyword_ItemCommand(object sender, GridCommandEventArgs e)
    {
        try
        {
            if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)
            {
                if (e.CommandName == "Delete")
                {
                    ImageButton img = (ImageButton)e.Item.FindControl("btnDeleteKeyword");
                    if (img != null)
                    {
                        HiddenField hdnIntCode = (HiddenField)e.Item.FindControl("hdnIntCode");
                        if (hdnIntCode != null)
                        {
                            KeywordRelation kr = new KeywordRelation(Getron.Core.Tools.DataTableFieldOperation.ToInt64(hdnIntCode.Value, 0));
                            kr.WithMakerChecker = false;
                            kr.Delete(this.Page.SystemUser.UserIntCode);
 
                            RadGridKeyword.Rebind();
 
                            RadAjaxManager2.Alert("Silindi.");
                        }
                    }
                }
                else
                {
                    RadRating rate = (RadRating)e.Item.FindControl("RadRating1");
                }
            }
        }
        catch (Exception ex)
        {
            RadAjaxManager2.Alert("Silinirken Hata Alındı.");
        }
    }
 
    protected void RadRating1_Rate(object sender, EventArgs e)
    {
        RadRating oRating = (RadRating)sender;
        GridDataItem dataItem = (GridDataItem)oRating.Parent.Parent;
 
        try
        {
            object currentAverageRating = KeywordDT.Rows[dataItem.ItemIndex + RadGridKeyword.CurrentPageIndex * RadGridKeyword.PageSize]["IntCode"];
            decimal currentRating = Convert.ToDecimal(currentAverageRating, NumberFormatInfo.InvariantInfo);
 
            KeywordRelation kr = new KeywordRelation(Getron.Core.Tools.DataTableFieldOperation.ToInt64(currentAverageRating, 0));
            kr.KeyWordWeight = Getron.Core.Tools.DataTableFieldOperation.ToInt32(Decimal.Round((oRating.Value * 10) * 2, 0), kr.KeyWordWeight);
            kr.WithMakerChecker = false;
            kr.Save(this.Page.SystemUser.UserIntCode);
             
            RadGridKeyword.Rebind();
        }
        catch (Exception ex)
        {
            RadGridKeyword.Controls.Add(new LiteralControl("Unable to update Ratings. Reason: " + ex.Message));
        }
    }
 
    [SessionStatePropertyAttribute]
    public DataTable KeywordDT { get; set; }
 
}








Slav
Telerik team
 answered on 21 Nov 2012
0 answers
189 views
I have a page where I'm adding radtab,multipage and radpageview at runtime.The page also has a static radpageview.The static page contenturl page height loads perfectly since there is a script that makes it work.But the problem is the tab that added by script a scroll appears.I have attached the code and screenshot of the page.Actually i was trying to implement an UI similar to this link
Sample Link
Please help.Thanks i advance.
Check Image

Code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ 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">
 
<head id="Head1" runat="server">
    <title></title>
 
    <style type="text/css">
        html, body, form
        {
            background: #fff;
            height: 100%;
            margin: 0;
            padding: 0;
            width: 100%;
            position: absolute;
        }
    </style>
 
   <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript">
        var tabStrip1;
 
        function OnClientLoad() {
            tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');
 
            for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {
                AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");
 
            }
        }
        function addtab(url, text) {
            var tab = new Telerik.Web.UI.RadTab();
            tab.set_text(text + tabStrip1.get_tabs().get_count());
            tabStrip1.get_tabs().add(tab);
            tab.select();
            AttachCloseImage(tab, "Images/Icons/close.png");
 
            var multiPage = $find("<%=RadMultiPage1.ClientID %>");
 
            multiPage.trackChanges();
 
            var pageView = new Telerik.Web.UI.RadPageView();
            multiPage.get_pageViews().add(pageView);
            pageView.set_contentUrl(url);
            multiPage.commitChanges();
        }
 
        function CreateCloseImage(closeImageUrl) {
            var closeImage = document.createElement("img");
            closeImage.src = closeImageUrl;
            closeImage.alt = "Close this tab";
            return closeImage;
        }
 
        function AttachCloseImage(tab, closeImageUrl) {
            var closeImage = CreateCloseImage(closeImageUrl);
            closeImage.AssociatedTab = tab;
            closeImage.onclick = function (e) {
                if (!e) e = event;
                if (!e.target) e = e.srcElement;
 
                deleteTab(tab);
 
                e.cancelBubble = true;
                if (e.stopPropagation) {
                    e.stopPropagation();
                }
 
                return false;
            }
            tab.get_innerWrapElement().appendChild(closeImage);
        }
 
        function deleteTab(tab) {
            var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
 
            var tabToSelect = tab.get_nextTab();
            if (!tabToSelect)
                tabToSelect = tab.get_previousTab();
 
            tabStrip.get_tabs().remove(tab);
 
            if (tabToSelect)
                tabToSelect.set_selected(true);
        }
    </script>
 
    <div class="page">
       <div class="header01">
            <div class="head_top">
                <div class="homeicon">
                    <asp:HyperLink ID="HyperLink1" runat="server" Target="_parent" NavigateUrl="~/Default.aspx">
                        <asp:Image ID="Homeicon" runat="server" BorderWidth="0px" ImageUrl="~/Images/home.png"/>
                    </asp:HyperLink>  
                </div>
                <div class="side01">
                    <label class="text02">XERP</label>
                </div>
                <div class="side02">
                     
               </div>             
            </div>
       </div>
       <div class="bottom">
            <telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"
                ResizeMode="EndPane">
                <telerik:RadPane ID="RadPane1" runat="server" Width="230px" CssClass="menu" Scrolling="Y">
                    <div style="height:4%; margin:3px 1px 0px 3px;">
                        <telerik:RadTextBox  EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="175px">
                             
                        </telerik:RadTextBox>
                        <telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >
                            <Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />
                        </telerik:RadButton>
                    </div>
                    <telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"
                       CssClass="radpanelbar" Width="233px" height="95.5%">
                        <Items>
                            <telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">
                                <Items>
                                    <telerik:RadPanelItem runat="server"  onclick="addtab('UserHome.aspx','Bank')" Text="Company Setup" >
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" onclick="addtab('FormVertical.aspx','Bank')" Text="Bank">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelBar>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
               
                <telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" Height="100%" >
                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server"  MultiPageID="RadMultiPage1"
                            SelectedIndex="0" onclientload="OnClientLoad" >
                            <Tabs>
                                <telerik:RadTab Text="Dashboard">
                                </telerik:RadTab>
                                <telerik:RadTab Text="Vertical Form">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"  >
                            <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%"  ContentUrl="FormVertical.aspx">
                            </telerik:RadPageView>
                            <telerik:RadPageView ID="RadPageView2" runat="server" Height="100%"  ContentUrl="UserHome.aspx">
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    <script type="text/javascript">
                        function pageLoad() {
 
                            var $ = $telerik.$;
                            var height = $(window).height();
 
                            var multiPage = $find("<%=RadMultiPage1.ClientID %>");
                            var totalHeight = height - 76;
                            multiPage.get_element().style.height = totalHeight + "px";
 
                        }
                    </script>
 
 
                </telerik:RadPane>
            </telerik:RadSplitter>
            </div>
 
 
    </div>
    </form>
</body>
</html>
Syed
Top achievements
Rank 1
 asked on 21 Nov 2012
1 answer
174 views
Hi Telerik-Support,

I use a RadFormDecorator:
<telerik:RadFormDecorator
ID="RFDLogin"
runat="server"
Skin="Default"
DecoratedControls="All"
EnableRoundedCorners="false" />

After an Ajax postback all RadInputContorls get an extra css class called .rfdDecorated. I think this is a bug, because I don't see a reason why your own controls are styled by the RadFormDecorator. Workaround is to place a ControlToSkip="Textbox".

Kind regards,
Christian
Danail Vasilev
Telerik team
 answered on 21 Nov 2012
2 answers
146 views
Hi,

I have a page which has 8 RadTextBox controls and 11 RadComboBox controls. One combobox has 1800 items, one combobox has 950 items, one combo box has 200 items and one has 300 items. The other comboboxes have around 10-15 items. I cannot use load on demand since all these comboboxes have checkbox enabled.

The page loads fine in Mozilla, Chrome, IE9. 
But the page takes up-to 2 minutes or sometimes says 'not responding' when opened in IE8. All the users have IE8 as their browser. Could you please help me resolving this issue.

Thanks.
Nencho
Telerik team
 answered on 21 Nov 2012
2 answers
426 views
I need to update one row of RadGrid after ajax call.
I get correct dataItem by rowIndex:
var dataItem = $find("<%= MyGrid.ClientID %>").get_masterTableView().get_dataItems()[radGridRowIndex];

But then it's a total mess!
I have tried a lot of ways to get correct cell to update its value, but in vain:
<telerik:GridBoundColumn HeaderStyle-CssClass='GridHeaderGreen la gridBottomHeaderGreen' ItemStyle-CssClass='la' DataField="CounterName" HeaderText="Performance counter" />

dataItem["CounterName"]
dataItem.get_dataItem()["CounterName"]
dataItem.CounterName
dataItem.get_dataItem().CounterName

I have also tried to use UniqueColumn name = DataField and apply get_cell method, but also in vain.

I can use GridTemplateColumn instead, but it will generate more markup (will add span inside td), I wanted to avoid this.

p.s. Had to use UniqueColumnName everywhere. And did
$($find("<%= MyGrid.ClientID %>").get_masterTableView().getCellByColumnUniqueName(dataItem, "CounterName")).text(bla-bla-bla);
Alexander
Top achievements
Rank 1
 answered on 21 Nov 2012
1 answer
98 views
Hi,

How can I set the ImageUrl on an RadMenuItem when populating the menu from code using hierarchical data binding.
I am trying to create a menu with icons/images.

Thanks!

TS.
Kate
Telerik team
 answered on 21 Nov 2012
2 answers
85 views
I have a grid that is resized by the following JavaScript
function GridCreated(sender, args) {
      var scrollArea = sender.GridDataDiv;
      var gridHeader = sender.GridHeaderDiv;
      scrollArea.style.height = $telerik.$(window).height() / 2 - gridHeader.clientHeight + "px";
      sender.get_element().style.width = ($telerik.$(window).width() * 0.85) + "px";
    gridHeader.style.width = ($telerik.$(window).width() * 0.85 -17) + "px";
  }

The radGrid has the below settings
<Telerik:RadGrid Visible="False" ID="ctlReportGrid" runat="server" AutoGenerateColumns="False" GridLines="Horizontal" CellSpacing="1" xSkin="Mac" EnableAJAXLoadingTemplate="True" LoadingTemplateTransparency="50" Width="400px">
       <ClientSettings>
            <Scrolling allowscroll="true" UseStaticHeaders="true"/>
            <ClientEvents OnGridCreated="GridCreated" />
        </ClientSettings>
    <MasterTableView ShowFooter="True">

In any browser other than IE, when the horizontal scrollbar is taken to the extreme right end, the headers of the columns misalign by the width of the scrollbar. (i.e. they move slightly to the right).
In IE there is a small image that fills  the space above the scrollbar as the headers move to the left. This is missing in the other browsers. 

There are no item-style:widths within the grid. 

Is there a setting I am missing?
 Thank you in advance for any and all help!
 
Pavlina
Telerik team
 answered on 21 Nov 2012
1 answer
81 views
I have a RadPane on a web page that and the ID of the RadPane starts with an underscore. The RadPane also contains a RadGrid, and when clicking on the header of the RadGrid there is a postback that occurs that probably should not be happening. If a RadPane's ID does not start with an underscore and contains a RadGrid clicking the header does not result in a postback behaving as I expect.  Why does the underscore in the ID of the RadPane make a difference in the behavior?

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <table>
            <tr>
                <td>When clicking in the header first grid you will get a postback when the ID of the RadPane starts with an underscore. </td>
            </tr>
            <tr>
                <td>When clicking in the header of the second grid you will not get a postback when the ID of the RadPane does not start with an underscore.</td>
            </tr>
        </table>
        <telerik:RadScriptManager runat="server" ID="ScriptManager1"></telerik:RadScriptManager>
        <telerik:RadSplitter runat="server" ID="Splitter" Orientation="Horizontal">
            <!-- RadPane with underscore at the beginning of the ID results in a submit when clicking the header -->
            <telerik:RadPane runat="server" ID="_Test" Height="100%">
                <telerik:radgrid runat="server" ID="Grid1"  Width="100%" Height="100%" AllowFilteringByColumn="true" Style="border: 0; outline: none">
                    <MasterTableView TableLayout="Fixed" Width="100%" />
                    <ClientSettings EnablePostBackOnRowClick="True">
                        <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                        <Selecting AllowRowSelect="True"></Selecting>
                    </ClientSettings>
                </telerik:radgrid>
            </telerik:RadPane>
            <!-- RadPane without underscore at the beginning of the ID does in result in a submit when clicking the header -->
            <telerik:RadPane runat="server" ID="Test" Height="100%">
                <telerik:radgrid runat="server" ID="Grid2"  Width="100%" Height="100%" AllowFilteringByColumn="true" Style="border: 0; outline: none">
                    <MasterTableView TableLayout="Fixed" Width="100%" />
                    <ClientSettings EnablePostBackOnRowClick="True">
                        <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                        <Selecting AllowRowSelect="True"></Selecting>
                    </ClientSettings>
                </telerik:radgrid>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </form>
</body>
</html>

Code Behind:

        protected void Page_Load(object sender, EventArgs e)
        {
            var intData = new List<int> { 1, 2, 3, 4, 5, 6, 7, 8 };
            var intData1 = new List<int> { 10, 20, 30, 40, 50, 60, 70, 80 };


            Grid1.DataSource = intData;
            Grid1.DataBind();


            Grid2.DataSource = intData1;
            Grid2.DataBind();
        }
Daniel
Telerik team
 answered on 21 Nov 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?