Questions on UI for ASP.NET AJAX Forum

1 answer

36 views

Hi,

It seems the content property of radeditor is not updating on change in IE9.

My RadEditor is enclosed in a RadAjaxPanel, and the postback is invoked by a RadButton.

I'm debugging in VS and the content property is not changing. I've done a bit of searching, all suggesting changing 'usesubmitbehavior' to false, but i'm not using a standard .NET button. I've tried adding the emulate ie8 behaviour meta tag in as well.

On another note, i also noticed that if you have the radeditor width set to something that is inadaquete for the toolbars, the whole editor becomes wider rather than the toolbars wrapping. I resolved this by breaking them up into smaller collections, and adding seperate <tool> entries into my toolsfile.

Regards,

Alan

Editor

answered on 20 Feb 2012

7 answers

408 views

Print Directly From RadGrid

Hi,

I have a telerik rad grid with around 10 columns and 100's of data and filters grouping. We implemented the scrolling paging. I want to print the whole data in the grid to be printed directly from the printer. If we implement the it by the Client side event as explained in this thread http://www.telerik.com/community/forums/aspnet/grid/72051-radgrid-print.aspx
then it is screenprinting the grid. I want only the data of the grid to be printed in a tabular form. Is this possible?

Grid

answered on 20 Feb 2012

1 answer

178 views

Showing time in Y Axis of RadChart

Hi,
Is there any way to show the time data which is in the format of HH:mm and hours value can be greater than 24 hours, means the value can be 30:45, 50:34 etc. Actually I am dealing with an Transcription project and need to show the cumalative lenths of the audio files in the Y Axis. I changed the ValueFormat Property of the Y Axis to "ShortTime" but it is Accepting up to 23:59 only.

And one more problem is the value is not plotted correctly , when I used ValueFormat as "ShortTime" on X- Axis

I changed the X-Axis ValueFormat Property to "ShortTime" and gave the datetime field as datasource. But for 3:15 PM it is plotting the point at 11:00 AM.

ASPX:
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager runat="server" ID="RadScriptManager">
</telerik:RadScriptManager>
<telerik:RadChart ID="RadChart1" runat="server" Width="1100px" Height="500px" AutoTextWrap="true"
Skin="LightBlue" OnItemDataBound="RadChart1_ItemDataBound"
Legend-Visible="false">
<PlotArea>
<XAxis AutoScale="false">
<Appearance ValueFormat="ShortTime">
<MajorGridLines Width="0" Color="153, 187, 208"></MajorGridLines>
<LabelAppearance RotationAngle="45" Position-AlignedPosition="Top">
</LabelAppearance>
<TextAppearance TextProperties-Color="72, 124, 160">
</TextAppearance>
</Appearance>
</XAxis>
<YAxis AutoScale="true">
<Appearance Color="153, 187, 208" MinorTick-Color="153, 187, 208" MajorTick-Color="153, 187, 208">
<MajorGridLines Color="153, 187, 208"></MajorGridLines>
<MinorGridLines Color="153, 187, 208"></MinorGridLines>
<TextAppearance TextProperties-Color="72, 124, 160">
</TextAppearance>
</Appearance>
</YAxis>
</PlotArea>
<Series>
<telerik:ChartSeries Type="Line" DataYColumn="Volume">
<Appearance LegendDisplayMode="SeriesName">
<PointMark Visible="True" Border-Width="2" Border-Color="DarkKhaki" Dimensions-AutoSize="true">
<Border Color="DarkKhaki" Width="2"></Border>
</PointMark>
<FillStyle MainColor="186, 207, 141" FillType="solid">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="243, 206, 119"></telerik:GradientElement>
<telerik:GradientElement Color="236, 190, 82" Position="0.5"></telerik:GradientElement>
<telerik:GradientElement Color="210, 157, 44" Position="1"></telerik:GradientElement>
</ComplexGradient>
</FillSettings>
</FillStyle>
<TextAppearance TextProperties-Color="112, 93, 56">
</TextAppearance>
<Border Color="223, 170, 40"></Border>
</Appearance>
</telerik:ChartSeries>
</Series>
</telerik:RadChart>
<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Skin="Telerik"
Width="200px" Animation="Slide" Position="TopCenter" EnableShadow="true" ToolTipZoneID="RadChart1"
AutoTooltipify="true">
</telerik:RadToolTipManager>
</div>
</form>

.CS
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
const double hourStep = 1 / 24.0;
double xStartTime = new DateTime(2008, 1, 1, 7, 0, 0, 0).ToOADate();
double xEndTime = new DateTime(2008, 1, 1, 19, 0, 0, 0).ToOADate();

RadChart1.PlotArea.XAxis.AddRange(xStartTime, xEndTime, hourStep);

//double yStartTime = new DateTime(2008, 1, 1, 7, 0, 0, 0).ToOADate();
//double yEndTime = new DateTime(2008, 1, 1, 19, 0, 0, 0).ToOADate();
//RadChart1.PlotArea.YAxis.AddRange(yStartTime, yEndTime, hourStep);

RadChart1.DataSource = GetSampleData();
RadChart1.DataBind();
}
}
private DataTable GetSampleData()
{
DataTable oDt = new DataTable();
oDt.Columns.Add("Time", typeof(DateTime));
oDt.Columns.Add("Volume",typeof(int));
oDt.AcceptChanges();

DataRow oDr = oDt.NewRow();
oDr["Time"] = "8:00";
oDr["Volume"] = "97";
oDt.Rows.Add(oDr);

oDr = oDt.NewRow();
oDr["Time"] = "8:30";
oDr["Volume"] = "78";
oDt.Rows.Add(oDr);

oDr = oDt.NewRow();
oDr["Time"] = "9:30";
oDr["Volume"] = "51";
oDt.Rows.Add(oDr);
oDt.AcceptChanges();

oDr = oDt.NewRow();
oDr["Time"] = "11:00";
oDr["Volume"] = "23";
oDt.Rows.Add(oDr);
oDt.AcceptChanges();

oDr = oDt.NewRow();
oDr["Time"] = "15:59";
oDr["Volume"] = "55";
oDt.Rows.Add(oDr);
oDt.AcceptChanges();
return oDt;
}

protected void RadChart1_ItemDataBound(object sender, ChartItemDataBoundEventArgs e)
{
e.SeriesItem.ActiveRegion.Tooltip += "<b>Time:</b> " + ((DataRowView)e.DataItem)["Time"].ToString() + "\n <b>Volume:</b> " + e.SeriesItem.YValue;
}

I am attaching the graph obtained by above code. Is this a bug?
Is there any solution for the above 2 problems. Please suggest some code.

Chart (Obsolete)

answered on 20 Feb 2012

3 answers

111 views

Unable to get value of the property '_getHierarchicalIndex': object is null or undefined

getting the following error
Unable to get value of the property '_getHierarchicalIndex': object is null or undefined
when i try to remove a node on the client side

Following is the sequence
- I am creating some initial nodes from the server
- I am clearing the treeview on some client operation
- After clearing, I am again populating the treeview on the client side itself.
- After that When I expand some node and try to delete any node under it, I get the above error.

This error is also intermittent, it comes for some nodes and not for some.
I tried to debug the js code, but without success. Can you please point me to some points, which can get me to the crux of the problem. I am not able to identify what might be causing this script error.
I get this error in the latest(Q12012) and its previous version of telerik asp.net ajax control toolkit.

TreeView

answered on 20 Feb 2012

7 answers

171 views

case-sensitive problem

Hi,
In my radgrid i have name column which contains turkish characters.

In grid , name column there is a record "İBRAHİM".When i try to filter like "ibrahim" it doesnt make any sense?any fix for this?

Grid

answered on 20 Feb 2012

3 answers

126 views

InvalidOperationException when mixing AllowFilteringByColumn="true" and ControlParameters

Hi,

I have two RadGrids bound to two different EntityDataSources. The 2nd datasource uses WhereParameters and ControlParameters to pass the SelectedValue of the first grid to the datasource of the 2nd grid. This all works fine, until I enable filtering on the 2nd radgrid. As soon as I set

AllowFilteringByColumn="true"

on the MasterTableView of the 2nd grid, I get the following exception:

WhereParameters cannot be specified unless AutoGenerateWhere==true or Where is specified.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidOperationException: WhereParameters cannot be specified unless AutoGenerateWhere==true or Where is specified.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[InvalidOperationException: WhereParameters cannot be specified unless AutoGenerateWhere==true or Where is specified.]

System.Web.UI.WebControls.EntityDataSource.ValidateUpdatableConditions() +93743

System.Web.UI.WebControls.EntityDataSourceView.ExecuteSelect(DataSourceSelectArguments arguments) +166

System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +21

System.Web.UI.WebControls.DataBoundControl.PerformSelect() +143

Telerik.Web.UI.GridTableView.PerformSelect() +38

System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +74

Telerik.Web.UI.GridTableView.DataBind() +363

Telerik.Web.UI.RadGrid.DataBind() +173

System.Web.UI.WebControls.BaseDataBoundControl.EnsureDataBound() +66

System.Web.UI.WebControls.CompositeDataBoundControl.CreateChildControls() +75

System.Web.UI.Control.EnsureChildControls() +102

System.Web.UI.Control.PreRenderRecursiveInternal() +42

System.Web.UI.Control.PreRenderRecursiveInternal() +175

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2496

Is this a bug or something I am doing incorrectly?

Thanks,

Craig

Grid

answered on 20 Feb 2012

0 answers

150 views

Paging in radcombobox

Hi folks,
i'm using l'autocomplete in a radcombox with success, but now i've got a problem: when there are many results i must use paging.
I saw this article: http://www.telerik.com/community/forums/aspnet-ajax/combobox/paging-radcombobox-with-previous-next-functionality.aspx but in my page doesn't work.
Is there any code where i can see?
Thanks in advance.

ComboBox

asked on 20 Feb 2012

1 answer

117 views

Databinding with ajax causes paging to fail

Hi All

Scenario:
Page with a Telerik radGrid. A WCF service provides data (JSONP) dat is bound to the Radgrid. Page size is set to 10.

Problem:
The data is correctly loaded into the gridview. When loading 1 record from the wcf service, the paging bar still says: 11 items loaded.
As I understand from debugging, a fixed number equal to the page size of "items" is created in the tabel. Those items are then filled with the data records, an the remaining records are made invisible. That works correct, but the paging still counts those hidden rows...
When I add more than 10 rows, the 12 rows are shown on the first page,while max page size is 10.

Even when I hardcoded bind to an JSON string, the data is shown correct in the grid, but paging is displayed incorrectly.

the code for loading data:

function getData() {

var proxy = new window.LiveIdService.ILiveIdService();

proxy.set_enableJsonp(true);

proxy.GetUserList(null, updateGrid);

}

function updateGrid(result) {

var tableView = window.$find("<%= RadGrid2.ClientID %>").get_masterTableView();

tableView.set_dataSource(data.UserList);

tableView.dataBind();

}

My radGrid

<telerik:RadGrid ID="RadGrid2" runat="server" GridLines="None"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

Skin="LiveID" EnableEmbeddedSkins="False" ><%-- OnItemCommand="gridUsers_ItemCommand" OnDataBound="gridUsers_DataBound"--%>

<PagerStyle Mode="NextPrevAndNumeric"

FirstPageToolTip="<%$ Resources: NextPreviousPagerField.FirstPageText %>"

PageSizeLabelText="<%$ Resources: lblPageSize %>"

LastPageTooltip="<%$ Resources:NextPreviousPagerField.LastPageText %>"

PagerTextFormat="<%$ Resources: lblPagerTextFormat %>"

/>

<ClientSettings EnableRowHoverStyle="true" >

<ClientEvents OnCommand="function(){}" OnGridCreated="FillWithData" />

</ClientSettings>

<MasterTableView DataKeyNames="Id" ShowHeadersWhenNoRecords="True" EnableNoRecordsTemplate="true" PageSize="10" CommandItemDisplay="Bottom">

<CommandItemSettings AddNewRecordText="<%$ Resources: InsertButtonResource1.Text %>" ShowRefreshButton="false" />

<Columns>

<telerik:GridHyperLinkColumn DataTextField="FirstName" DataNavigateUrlFields="Id"

UniqueName="FirstName" HeaderText="<%$ Resources: lblFirstName.Text %>" DataNavigateUrlFormatString="~/Pages/Users/UserFile.aspx?id={0}" />

<telerik:GridHyperLinkColumn DataTextField="FirstName" DataNavigateUrlFields="Id"

UniqueName="LastName" HeaderText="<%$ Resources: lblLastName.Text %>" DataNavigateUrlFormatString="~/Pages/Users/UserFile.aspx?id={0}" />

<telerik:GridBoundColumn DataField="OrganisationNames" HeaderText="<%$ Resources: lblAccounts.Text%>" DataType="System.String" />

<telerik:GridTemplateColumn DataField="OrganisationTypes" UniqueName="AccountType" HeaderStyle-Width="170" ItemStyle-VerticalAlign="Top">

<HeaderTemplate>

<asp:LinkButton ID="lblAccountTypeHeader" runat="server" Text="<%$ Resources: lblAccountType.Text%>" CssClass="filter-text"

CommandName="Sort" CommandArgument="AccountType" Enabled="false"></asp:LinkButton>

<asp:LinkButton ID="lnkFilterAccountType" runat="server" CausesValidation="false" OnClientClick="openAccountTypeFilter(); return false;" class="action rounded filter">

<asp:Image ID="imgFilterAccountType" runat="server" ImageUrl="~/Resources/Images/funnel.png" />

</asp:LinkButton>

</HeaderTemplate>

<ItemTemplate><asp:Label ID="OrganisationTypes" runat="server" /></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Actions" HeaderText="" ItemStyle-VerticalAlign="Top" HeaderStyle-Width="30">

<ItemTemplate>

<asp:LinkButton ID="lnkDeleteAccount" runat="server"

CommandName="Delete" CausesValidation="false"

OnClientClick="openConfirmationDialogUserList(this); return false;"

CommandArgument='<%# Eval("ID") %>'>

<asp:Image ID="imgDeleteAccount" runat="server" ImageUrl="~/Resources/Images/delete.png" />

</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<NoRecordsTemplate><asp:Literal ID="txtNoRecords" runat="server" Text="<%$ Resources: NoUsersLink %>"></asp:Literal></NoRecordsTemplate>

<CommandItemTemplate>

</CommandItemTemplate>

</MasterTableView>

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

I hope this is sufficient info to help me fix this paging problem, if not please let me know.

Thanks for your time

Wim Devos

Grid

answered on 20 Feb 2012

1 answer

54 views

Radmenu Datasource Error

Hi All,

I am just testing radmenu as per the sample code provided by telerik
http://www.telerik.com/help/aspnet-ajax/menu-datatable-view.html

i have copied each and every line from the above url, but when i say RadMenu1.DataSource = CreateTestTable();
it throws error saying Object reference not set to an instance of an object.

i have pasted my code below for your reference.

<telerik:RadMenu runat="server" ID="RadMenu1" Style="z-index: 3" EnableRoundedCorners="true"

EnableShadows="true" EnableTextHTMLEncoding="true" >

</telerik:RadMenu>



protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
           FillRadMenu();
        }
     }
 
protected void FillRadMenu()
    {
       RadMenu1.DataSource = CreateTestTable(); 
       RadMenu1.DataFieldID = "ID";
       RadMenu1.DataFieldParentID = "ParentID";
       RadMenu1.DataTextField = "Text";
       RadMenu1.DataValueField = "ID";
       RadMenu1.DataNavigateUrlField = "URL";
       RadMenu1.DataBind();  
    }
 
  private DataTable CreateTestTable()
    {
        DataTable table = new DataTable();
        table.Columns.Add("ID");
        table.Columns.Add("ParentID");
        table.Columns.Add("Text");
        table.Columns.Add("URL");
        table.Columns.Add("Tooltip");
        table.Rows.Add(new string[] { "1", null, "root 1", "root1.aspx", "root 1 tooltip" });
        table.Rows.Add(new string[] { "2", null, "root 2", "root2.aspx", "root 1 tooltip" });
        table.Rows.Add(new string[] { "3", "1", "child 1.1", "child11.aspx", "child 1.1 tooltip" });
        table.Rows.Add(new string[] { "4", "1", "child 1.2", "child12.aspx", "child 1.2 tooltip" });
        table.Rows.Add(new string[] { "5", "1", "child 1.3", "child13.aspx", "child 1.3 tooltip" });
        table.Rows.Add(new string[] { "6", "5", "child 1.3.1", "child131.aspx", "child 1.3.1 tooltip" });
        table.Rows.Add(new string[] { "7", "5", "child 1.3.2", "child132.aspx", "child 1.3.2 tooltip" });
        table.Rows.Add(new string[] { "8", "5", "child 1.3.3", "child133.aspx", "child 1.3.3 tooltip" });
        return table;
    }