Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
71 views
Hi,

I have this UI dilemma:  When a user filters or sorts from the column header of a grid, the only indication that the grid is loading is the spinner down at the bottom of the grid.  It's possible, however, that the bottom of the grid is not visible on the screen, so the user might get clicky, thinking nothing is happening.  Is it possible to move the spinner or provide some other indication that work is happening, using off-the-shelf functionality?

Thanks,
JD
Princy
Top achievements
Rank 2
 answered on 12 Nov 2013
1 answer
91 views
I've been banging my head against the wall for the past few hours trying to get the text to show next to a toggled image. The images toggle fine, but I cannot seem to get the text to display no matte what. Anyone know what I'm doing wrong?

<telerik:RadButton ID="RadButton2" runat="server" Text="Walk in" AutoPostBack="false" ButtonType="ToggleButton" GroupName="HowFound" ToggleType="Radio" Style="top: 34px; left: 12px; position: absolute;" >
    <ToggleStates>
        <telerik:RadButtonToggleState ImageUrl="../Images/bad_mark.png" Height="22px" Width="22px" Text="Walk in" />
        <telerik:RadButtonToggleState ImageUrl="../Images/good_mark.png" Selected="true"  Height="22px" Width="22px" Text="Walk in"/>
    </ToggleStates>
</telerik:RadButton>
<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="false" Text="Ad" ButtonType="ToggleButton" GroupName="HowFound" ToggleType="Radio" Style="top: 34px; left: 62px; position: absolute;" >
    <ToggleStates>
        <telerik:RadButtonToggleState ImageUrl="../Images/bad_mark.png"  Height="22px" Width="22px" Text="Ad" />
        <telerik:RadButtonToggleState ImageUrl="../Images/good_mark.png" Selected="true"  Height="22px" Width="22px" Text="Ad"/>
    </ToggleStates>
</telerik:RadButton>
Steve
Top achievements
Rank 1
 answered on 12 Nov 2013
2 answers
127 views
i tried to use the radDatepicker in a fancybox but the calendar popup didn't show. I have try everythings but it won't work. So is radDatepicker work in a fancybox ? and if it does how to make it work.
p/s sorry for my poor english.
Robert
Top achievements
Rank 1
 answered on 11 Nov 2013
1 answer
263 views
I need to bind a UserControl in the ItemCreated Event of Telerik RadGrid.
In order to bind it,I need the primary key value that is DataKeyValue and also in DataItem.
But,when using NestedViewTemplate,I am not able to access the value.
Also,when the Hierarchy Button(left side of Grid) is clicked,the ItemCreated Event is fired first and after that NeedDataSource event is fired,sue to which the DataItem and DataKeyValue are not avaiable.

I have provide the code.Kindly let me know if the scenario which I am trying to achieve is possbile or what is the probelm with the code.?

or do I need to use FormTemplate-EditMode to achieve it?

<telerik:RadGrid ID="radGridQuestionnaire" runat="server" <br>
                    Width="100%"   <br>
                    PageSize="20"    <br>
<font class="Apple-tab-span" style="white-space: pre;"> </font>                AutoGenerateColumns="False" <br>
                    GridLines="None" <br>
                    AllowSorting="True" <br>
<font class="Apple-tab-span" style="white-space: pre;"> </font>                AllowPaging="True" <br>
                    OnNeedDataSource="radGridQuestionnaire_NeedDataSource"<br>
                    OnItemCreated="radGridQuestionnaire_ItemCreated"<br>
                    OnItemDataBound="radGridQuestionnaire_ItemDataBound"<br>
                    OnItemCommand="radGridQuestionnaire_ItemCommand"><br>
        <PagerStyle Mode="NextPrevNumericAndAdvanced"/><br>
<font class="Apple-tab-span" style="white-space: pre;"> </font>    <MasterTableView EnableViewState="true" DataKeyNames="Form.DisplayFormName,Question.QuestionNumber,Question.QuestionId,ReviewId" Width="100%"><br>
            <RowIndicatorColumn><br>
                <HeaderStyle Width="20px"></HeaderStyle><br>
            </RowIndicatorColumn><br>
<font class="Apple-tab-span" style="white-space: pre;">     </font>    <ExpandCollapseColumn><br>
<font class="Apple-tab-span" style="white-space: pre;">         </font>    <HeaderStyle Width="20px"></HeaderStyle><br>
<font class="Apple-tab-span" style="white-space: pre;">     </font>    </ExpandCollapseColumn><br>
            <Columns><br>
                <telerik:GridBoundColumn HeaderText="Form" UniqueName="FormName" DataField="Form.DisplayFormName" HeaderStyle-Width="40%" /><br>
                <telerik:GridBoundColumn HeaderText="Question #" UniqueName="QuestionNumber" DataField="Question.QuestionNumber" HeaderStyle-Width="15%" /><br>
                <telerik:GridBoundColumn HeaderText="Status" UniqueName="QuestionnaireStatusName" DataField="QuestionnaireStatus.QuestionnaireStatusName" HeaderStyle-Width="15%" /><br>
                <telerik:GridBoundColumn HeaderText="Submitted By" UniqueName="SubmittedBy" DataField="Questionnaire.SubmittedBy" HeaderStyle-Width="15%" /><br>
                <telerik:GridBoundColumn HeaderText="Submitted On" UniqueName="SubmittedOn" DataField="Questionnaire.SubmittedOn" HeaderStyle-Width="15%" /><br>
            </Columns><br>
            <NestedViewTemplate><br>
                <div id="divChoiceMain" class="pad10"><br>
                    <div class="divChoiceTextSection"><br>
                        <div class="divChoiceTextLeftSection">Form:</div><br>
                        <div class="divFloatLeft"><br>
                            <asp:Label ID="lblFormName" runat="server" Text='<%# Eval("Form.DisplayFormName")%>'/><br>
                        </div><br>
                    </div><br>
                    <div class="divChoiceTextSection"><br>
                        <div class="divChoiceTextLeftSection">Question #:</div><br>
                        <div class="divFloatLeft"><br>
                            <div><br>
                                <asp:Label ID="lblQuestionNumber" runat="server" Text='<%#Eval("Question.QuestionNumber")%>'/><br>
                            </div><br>
                        </div><br>
                    </div><br>
                    <div class="divChoiceTextCorrectiveActionSection"><br>
                        <div class="divFloatLeft padtop5" style="margin-left:100px;"><br>
                            <ar:ReviewConfigurationToolTipUC ID="reviewConfigurationToolTipUC" runat="server" /><br>
                        </div><br>
                    </div><br>
                </div><br>
                <div class="clearfix pad10"><br>
                    <div class="divChoiceTextSection"><br>
                        <div class="divFloatLeft padRight10"><br>
                            <asp:LinkButton ID="lnkBtnSave" runat="server" Text="Save" CommandName="Save"></asp:LinkButton><br>
                        </div><br>
                        <div class="divFloatLeft padRight10"><br>
                            <asp:LinkButton ID="lnkSaveAndSubmit" runat="server" Text="Save & Submit" CommandName="Submit"></asp:LinkButton><br>
                        </div><br>
                        <div class="divFloatLeft"><br>
                            <asp:LinkButton ID="lnkBtnCancel" runat="server" Text="Cancel" CommandName="Cancel"></asp:LinkButton><br>
                        </div><br>
                    </div><br>
                </div><br>
            </NestedViewTemplate><br>
        </MasterTableView><br>
    </telerik:RadGrid>


protected void radGridQuestionnaire_ItemCreated(object sender, GridItemEventArgs e)<br>
        {<br>
            if (e.Item is GridNestedViewItem)<br>
            {<br>
                GridDataItem gridDataItemObj = (e.Item as GridNestedViewItem).ParentItem;<br>
                GridNestedViewItem gridNestedViewItemObj = e.Item as GridNestedViewItem;<br>
<br>
                if (gridDataItemObj == null || gridNestedViewItemObj == null)<br>
                    return;<br>
<br>
                //Form.DisplayFormName,Question.QuestionNumber,ReviewId<br>
                //string formName = gridDataItemObj.GetDataKeyValue("Form.DisplayFormName") as string;<br>
                //string questionNumaber = gridDataItemObj.GetDataKeyValue("Question.QuestionNumber") as string;<br>
                //string reviewId = gridDataItemObj.GetDataKeyValue("ReviewId") as string;<br>
                //string questionIdStr = gridDataItemObj.GetDataKeyValue("Question.QuestionId") as string;<br>
                if (e.Item.ItemIndex >= 0)<br>
                {<br>
                    string formName = radGridQuestionnaire.MasterTableView.DataKeyValues[e.Item.ItemIndex]["Form.DisplayFormName"] as string;<br>
                    string questionNumaber = radGridQuestionnaire.MasterTableView.DataKeyValues[e.Item.ItemIndex]["Question.QuestionNumber"] as string;<br>
                    string reviewId = radGridQuestionnaire.MasterTableView.DataKeyValues[e.Item.ItemIndex]["ReviewId"] as string;<br>
                    string questionIdStr = radGridQuestionnaire.MasterTableView.DataKeyValues[e.Item.ItemIndex]["Question.QuestionId"] as string;<br>
                }<br>
<br>
                //object dataKeyValue = ((sender as RadGrid).NamingContainer as DataItem).GetDataKeyValue("ID");<br>
                //use the dataKeyValue to fetch the correct Employee object <br>
                Questionnaire questionnaireObj = gridDataItemObj.DataItem as Questionnaire;<br>
                ReviewConfigurationToolTipUC reviewConfigurationToolTipUCObj = gridNestedViewItemObj.FindControl("reviewConfigurationToolTipUC") as ReviewConfigurationToolTipUC;<br>
<br>
                if (questionnaireObj!=null && questionnaireObj.Question!=null && questionnaireObj.Question.QuestionId.HasValue && reviewConfigurationToolTipUCObj != null)<br>
                {<br>
                    //Create FormQuestion Obj.<br>
                    FormQuestion formQuestionObj = new FormQuestion { QuestionId = questionnaireObj.Question.QuestionId };<br>
                    reviewConfigurationToolTipUCObj.BuildToolTip(questionnaireObj.Question.QuestionName, formQuestionObj, null);<br>
                    <br>
                }<br>
            }<br>
        }



Jignesh
Top achievements
Rank 1
 answered on 11 Nov 2013
3 answers
326 views
Im not sure whether its a bug or not. I hav a grid with a column as shown below.

<trk:GridBoundColumn DataField="SHORT_TERM_BOIL_OFF" DataFormatString="{0:F2}" SortExpression="SHORT_TERM_BOIL_OFF"
                                           HeaderText="ST He boil off (%/day)" UniqueName="SHORT_TERM_BOIL_OFF">
                                       </trk:GridBoundColumn>

I did export to excel using below code:
trkGridMRStatusOverview.MasterTableView.ExportToExcel();

I got output as attached in the screenshot.
Im getting a text called F2 displayed in excel.

Im using Telerik File version : 2013.1.417.40
Karl
Top achievements
Rank 1
 answered on 11 Nov 2013
1 answer
159 views
I'm seeking advice about my filter item for a date column of my radgrid.

The default display positions the datepicker box on the left, the calendar icon in the center and the filter menu icon on the right.

I would like to display the filter menu icon on the left followed by the datepicker's textbox.  I'd like the calendar icon to not show at all and for the calendar pop-up to be triggered by a mouse-click in the datepicker's textbox (something I know I can achieve in a plain datepicker, but have not been able to control when it is part of an automatically-generated column filter)

Is there a straightforward way to achive this display preference?  I've made some columns with FilterTemplates before, but I've not been able to include the filter icon and menu with them.

Please advise.  Thanks


Mike
Venelin
Telerik team
 answered on 11 Nov 2013
1 answer
132 views
All,

We recently updated to the 2013Q3 production release.

I have found that it is not possible to edit tables using Design mode in Firefox versions 10 through 16.  Clicking on the table appears to causes the cursor to jump to a random location and the editor to lose keyboard focus.  Typing causes unpredictable results but in several cases Firefox crashed.

Didn't try 17.0, but 17ESR works properly so I'm guessing 17 onward is good.

The problem is reproducible on the Editor demo page.

I submitted a bug which was declined last night. Was told to use DIV's or upgrade Firefox....

 I don't know if declined suggestions see the light of day so I thought I'd try to save someone else several hours of investigation.

Bill
Ianko
Telerik team
 answered on 11 Nov 2013
3 answers
448 views
I was curious if there is a way to pass 3 values through an asp web service.  I have the control working well with two values but I would like to add an additional value to pass.  Everytime I try I get an error.

Here is my code.
     <script type="text/javascript">
         function SelectedName(source, eventArgs) {
             var txt = eventArgs.get_text();
             var val = eventArgs.get_value();
             var radWidow = $find("<%= radDashboard.ClientID%>");
             var textbox = document.getElementById("<%=txtSearch.ClientID%>");
 
                      if (val == '') {
                          alert('You must pick a recruit from drop down list.');
                      }
                      else {
                          radWidow.show();
                          radWidow.maximize();
                          radWidow.setUrl("ManageProcessor.aspx?Pass=" + val);
 
                          textbox.value = '';
                      }
                  }
 
       </script>
        <link href="../Recuiting.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyContent" Runat="Server">
    <telerik:RadAjaxPanel ID="radajax" runat="server">
        <div style="width:auto">
            <div class="dvGridWrapper">
                    <asp:HiddenField ID="HFRecruit" runat="server" />
                    <asp:TextBox ID="txtSearch" runat="server" Width="260px" ToolTip="Enter Last Name First Name"></asp:TextBox>
                    <asp:TextBoxWatermarkExtender ID="txtSearch_WME" runat="server" TargetControlID="txtSearch" WatermarkText="Lookup Processor" WatermarkCssClass="Watermark"></asp:TextBoxWatermarkExtender>
                    <asp:AutoCompleteExtender ID="txtSearchr_ACE" runat="server" TargetControlID="txtSearch" DelimiterCharacters="" Enabled="True" ServiceMethod="FindRecName" ServicePath="~/Recruiting.asmx" UseContextkey="true" 
                          MinimumPrefixLength="2" OnClientItemSelected="SelectedName" EnableCaching="true" CompletionInterval="1"></asp:AutoCompleteExtender>

Code Behind
    <WebMethod()> _
    Public Function FindRecName(ByVal prefixText As StringByVal count As StringAs String()
        Dim items As New List(Of String)
 
 
        sql = "select intRecruitID, intEnlistmentTypeID, strlastname + ' ' + strFirstname + ' ' + strMiddleName + ' (' + SUBSTRING(strssn, 6, 9) + ')' Name from Recruit where strLastName like '" & prefixText & "%' ORDER BY Name ASC"
 
        myDataTable = New DataTable
        myDataTable = getData(sql)
 
        If myDataTable.Rows.Count > 0 Then
            For Each dRow As DataRow In myDataTable.Rows
                items.Add(AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(dRow("Name"), dRow("intRecruitID")))
 
            Next
 
        End If
 
        Return items.ToArray
    End Function


Marin
Telerik team
 answered on 11 Nov 2013
1 answer
50 views
I have an ASP.Net web page that contains a RadChart that is bound to a database with an sqldatasouce.  When an area of the chart is clicked, it opens a popup window with a radgrid populated with data from a stored procedure that fires after one click but takes an extra click in order to populate this grid. I am kind of new to the Web page life cycle and I believe that is where my issue lies but I an having trouble figuring this one out. My C# code for the page is as follows:

using System;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Charting;
using Telerik.Web.UI;
using VapmData;
using VapmLib;
 
namespace CPSUI.CMS
{
 
public partial class ACPMSDashboard : System.Web.UI.Page
{
string EDI_TYPE;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
 
}
}
 
protected void EDITypeChart_Click(object sender, ChartClickEventArgs args)
{
string EDI_TYPE = args.SeriesItem.Name;
GetChartData(EDI_TYPE);
}
 
protected void EDITypeChart_ItemDataBound(object sender, ChartItemDataBoundEventArgs e)
{
//EDI_TYPE = e.SeriesItem.Name;
//EDI_TYPE = Convert.ToString(EDI_TYPE[EDI_TYPE.Length - 1]);
//EDITypeChart.Attributes["href"] = "#";
//EDITypeChart.Attributes["onClick"] = string.Format("return openEDIDetail('{0}');", EDI_TYPE);
}
public void GetChartData(string EDI_TYPE)
{
EDI_TYPE = Convert.ToString(EDI_TYPE[EDI_TYPE.Length - 1]);
 
EDITypeChart.Attributes["href"] = "#";
EDITypeChart.Attributes["onClick"] = string.Format("return openEDIDetail('{0}');", EDI_TYPE);
}
 
}
}

ASPX Code:
<asp:Content ID="Content5" ContentPlaceHolderID="contentPH" runat="server">
 
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="EDITypeChart">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="EDITypeChart" LoadingPanelID="LoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Refresh">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="EDITypeChart">
</telerik:AjaxUpdatedControl>
<telerik:AjaxUpdatedControl ControlID="Refresh"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
 
<script type="text/javascript">
function openEDIDetail(EDI_TYPE) {
window.open("/CMS/EDIRadChartDetail.aspx?EDI_TYPE=" + EDI_TYPE + "&Index=0", "EDIRadChartDetail", "width=700px, height=400px, resizable=1, scrollbars=1");
}
</script>
</telerik:RadCodeBlock>
 
<div class="metrics-container">
<asp:Panel ID="Panel4" runat="server" BorderStyle="None" >
<telerik:RadChart ID="EDITypeChart" runat="server"
ChartImageFormat="Jpeg" Skin="Telerik"
onclick="EDITypeChart_Click" Width="246px" Height="242px" DataSourceID="SqlDataSource1"
DefaultType="Pie"
onitemdatabound="EDITypeChart_ItemDataBound">
<Appearance Corners="Round, Round, Round, Round, 7">
<FillStyle FillType="ComplexGradient">
<FillSettings GradientMode="Horizontal">
<ComplexGradient>
<telerik:GradientElement Color="236, 236, 236" />
<telerik:GradientElement Color="248, 248, 248" Position="0.5" />
<telerik:GradientElement Color="236, 236, 236" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<Border Color="130, 130, 130" />
</Appearance>
<Series>
<telerik:ChartSeries DataLabelsColumn="EDI_TYPE" DataYColumn="NUM_EDI_TYPE"
Name="NUM_EDI_TYPE" Type="Pie">
<Appearance>
<FillStyle FillType="ComplexGradient">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="213, 247, 255" />
<telerik:GradientElement Color="193, 239, 252" Position="0.5" />
<telerik:GradientElement Color="157, 217, 238" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<TextAppearance TextProperties-Color="51, 51, 51">
</TextAppearance>
</Appearance>
</telerik:ChartSeries>
</Series>
<Legend Visible="False">
<Appearance Visible="False" Dimensions-Margins="17.6%, 3%, 1px, 1px"
Position-AlignedPosition="TopRight"
Dimensions-Paddings="2px, 8px, 6px, 3px">
<ItemMarkerAppearance Figure="Square">
<Border Width="0" />
</ItemMarkerAppearance>
<FillStyle MainColor="">
</FillStyle>
<Border Width="0" />
</Appearance>
</Legend>
<PlotArea>
<DataTable>
<Appearance>
<Border Width="3" />
</Appearance>
</DataTable>
<XAxis AutoScale="False" DataLabelsColumn="EDI_TYPE" MaxValue="2" MinValue="1"
Step="1">
<Appearance Color="182, 182, 182" MajorTick-Color="216, 216, 216">
<MajorGridLines Color="216, 216, 216" PenStyle="Solid" />
<TextAppearance TextProperties-Color="51, 51, 51">
</TextAppearance>
</Appearance>
<AxisLabel>
<TextBlock Text="Y Axis">
<Appearance TextProperties-Color="51, 51, 51">
</Appearance>
</TextBlock>
</AxisLabel>
<Items>
<telerik:ChartAxisItem Value="1">
</telerik:ChartAxisItem>
<telerik:ChartAxisItem Value="2">
</telerik:ChartAxisItem>
</Items>
</XAxis>
<YAxis>
<Appearance Color="182, 182, 182" MajorTick-Color="216, 216, 216"
MinorTick-Color="223, 223, 223">
<MajorGridLines Color="216, 216, 216" />
<MinorGridLines Color="223, 223, 223" />
<TextAppearance TextProperties-Color="51, 51, 51">
</TextAppearance>
</Appearance>
<AxisLabel>
<TextBlock>
<Appearance TextProperties-Color="51, 51, 51">
</Appearance>
</TextBlock>
</AxisLabel>
</YAxis>
<Appearance>
<FillStyle MainColor="White" FillType="Solid">
</FillStyle>
<Border Color="182, 182, 182" />
</Appearance>
</PlotArea>
<ChartTitle>
<Appearance>
<FillStyle MainColor="">
</FillStyle>
</Appearance>
<TextBlock Text="Inbound 837s">
<Appearance TextProperties-Color="72, 174, 40"
TextProperties-Font="Arial, 18pt">
</Appearance>
</TextBlock>
</ChartTitle>
</telerik:RadChart>
</asp:Panel>

Danail Vasilev
Telerik team
 answered on 11 Nov 2013
1 answer
73 views

Hello.

I have a Grid, the maximum of normal. When the user clicks the minimization oradjust the page width less than Gird column fixed width and time, and the last column will lose, I wonder if it is possible to adjust the width of the page in the last column cannot be lost.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test1.aspx.cs" Inherits="Com.Sinoyd.Framework.WebUI_AspNet.Modules.Portal.test1" %>
 
<!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 {
            overflow: hidden;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="100%"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
 
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"
            Height="100%">
            <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" ResizeWithParentPane="true"
                ResizeMode="AdjacentPane" CssClass="RadSplitter_Custom" Width="100%" Height="100%"
                BorderSize="0" PanesBorderSize="0">
                <telerik:RadPane ID="RadPane1" runat="server">
                    <div id="DivDataGrid" class="DivDataGrid" style="height: 100%; width: 100%;">
                        <telerik:RadGrid ID="RadGrid1" CssClass="RadGrid_Custom" Height="100%" Width="100%"
                            Style="border: 0; outline: none" PageSize="12" AllowPaging="True" AllowSorting="true"
                            AllowMultiRowSelection="True" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">
                            <MasterTableView TableLayout="Fixed" HeaderStyle-Height="22px" ItemStyle-Height="22px" HeaderStyle-Wrap="false"
                                CommandItemDisplay="None" ClientDataKeyNames=""
                                InsertItemPageIndexAction="ShowItemOnCurrentPage" NoMasterRecordsText="没有数据">
                                <Columns>
                                    <telerik:GridBoundColumn DataField="Name" HeaderText="Column1" Visible="true" ItemStyle-Width="200"
                                        HeaderStyle-Width="200">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="ColIndex" HeaderText="Column2" Visible="true" ItemStyle-Width="200"
                                        HeaderStyle-Width="200">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="OrderNum" HeaderText="Column3" HeaderStyle-Width="200"
                                        Visible="true" ItemStyle-Width="200">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="Icon" HeaderText="Column4" HeaderStyle-Width="200"
                                        ItemStyle-Width="200">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="Url" HeaderText="LastColumn" HeaderStyle-Width="100%" ItemStyle-Width="100%">
                                    </telerik:GridBoundColumn>
                                </Columns>
                            </MasterTableView>
                            <PagerStyle Visible="true" AlwaysVisible="true" FirstPageToolTip="首页" NextPageToolTip="下页"
                                LastPageToolTip="尾页" PrevPageToolTip="上页" PageSizeLabelText="显示记录数:" PagerTextFormat="跳转页面:{4}&nbsp;[第 <strong>{0}</strong> 页共 <strong>{1}</strong>页]&nbsp;&nbsp;[第 <strong>{2}</strong> 到 <strong>{3}</strong>,共 <strong>{5}</strong>条信息]"></PagerStyle>
                            <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true" Selecting-AllowRowSelect="false" EnableRowHoverStyle="true">
                                <Resizing AllowColumnResize="true" />
                                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                            </ClientSettings>
                        </telerik:RadGrid>
                    </div>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadAjaxPanel>
    </form>
</body>
</html>
using System;
using System.Collections.Generic;
using Telerik.Web.UI;
 
namespace Com.Sinoyd.Framework.WebUI_AspNet.Modules.Portal
{
    public partial class test1 : BasePage
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
 
        /// <summary>
        ///
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            LoadData();
        }
 
        private void LoadData()
        {
            List<string> list = new List<string>();
            list.Add("Presentation of data");
 
            RadGrid1.DataSource = list;
        }
    }
}
Display
 The picture shows problems
Galin
Telerik team
 answered on 11 Nov 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?