Questions on UI for ASP.NET AJAX Forum

4 answers

327 views

RadButton OnClientClicked Event: Microsoft JScript runtime error: '$telerik' is undefined

Hello All,

I get the following error when I click on my RadButton: "Microsoft JScript runtime error: '$telerik' is undefined." Here is how my RadButton is setup:

<telerik:RadButton ID="rbtnCancel" runat="server" Text="Return to Forms Central" OnClientClicked="btnCloseWin" Font-Names="Arial" Font-Size="Medium" AutoPostBack="false">

</telerik:RadButton>

Here are the Javascript functions:

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)

return oWindow;

}

function btnCloseWin(sender, eventArgs) {

var oWindow = GetRadWindow();

oWindow.Close();

}

The following code is where the error is shown: var e=$telerik.isMouseOverElementEx(this.get_element(),i);

When I continue with debugging the program, the RadWindow is closed, but I'm not sure why I am getting this error at all. I am able to close the RadWindow using the Javascript function just fine from an asp:Button.

I'd greatly appreciate any insight into why this is happening.

Thanks!
Casey

Button

answered on 12 Dec 2011

1 answer

147 views

how to show Telerik.Web.UI.Appointment.ToolTip?

Hi there,

Right now I am trying to use Telerik.Web.UI.Appointment.ToolTip.
I assigned a string to Telerik.Web.UI.Appointment.ToolTip and I hope after the Appointment bound with Scheduler control, then once mouse hover the Appointment control, the ToolTip will show out automatically.

But it doesn't work. The popup Tooltip(looks like Tooltip, but not sure) is always same as the subject of Appointment control.

Is there anybody can help me?

Thanks a lot,

Alex

Scheduler

answered on 12 Dec 2011

3 answers

304 views

Resizing Columns in a Hierarchical Grid (with Master table columns aligned with detail table columns)

I am trying to achieve Grouping through RadGrid's Hierarchical Grid Functionality (Unlike the RadGrid's default grouping functionality - I'm trying to show the parent row or master table row containing one of the records from the group intact while expanding). In order to achieve this, I've hidden the detail table's header and aligned the widths of each column of the detail table to that of the parent row/table (while merging all the common/grouped columns into one and displaying it blank). Now I'm facing two problems -
1. If resizing is enabled - resizing master table column does not automatically resize the detail table column. Is there any way to do such resizing from the client side.
2. I am using a custom Expand/Collapse column and I am unable to hide the default Expand/Collapse column. Is there a way to hide the default Expand/Collapse column of RadGrid?
3. If reorder is enabled - how to trigger column reorder of detail table when master table reorder occurs (in the client side)
Attached please find grid that demonstrates the functionality that I'm trying to achieve (I have masked party of the data due to privacy reasons)
Can you please help?

Grid

answered on 12 Dec 2011

1 answer

101 views

Multi-Color tabstrip

Is is possible to have each tab on the tabstrip a different color? Not just and "on" and "off" color. I'd like to be able to use a nice fade using sprites if possible and even have there be a slight color variation on the hover for the muti-colored tabs. It would also be great to have the mutipage pageview have a differnt background also. Could you show me how you might do that? thanks very much

Jonathan.

TabStrip

answered on 12 Dec 2011

1 answer

108 views

How to load imageurl from database field

Hi,

How to load imageurl from database field for tree view?
as my data for tree view is comming from database table where in i m having imageurl as well

Regards!

TreeView

answered on 12 Dec 2011

5 answers

146 views

Tree View Problem

Hi Im new to this telerik stuff and I have been dumped with a solution that is in a mess which i am trying to sort out so bear with me if im making any obvious telerik errors (please)!

I have a tree view that I am trying to populate client side, i understand that i can do this with the following code:

var tree = $find("<%= uclPanelTabReport1.ClientID %>");
    tree.trackChanges();
    var node = new Telerik.Web.UI.RadTreeNode();
    node.set_text("New Node");
    tree.get_nodes().add(node);
    tree.commitChanges();

However i am having a couple of problems, the first it that the tree is null still after the find statement, I can get the correct value using the following var tree = $("#RadTreeView1.ClientID %>"); but am unsure if this is a valid way of getting the reference.

When i have the reference to tree i am having an issue that on the next line     tree.trackChanges(); where I am being told by firebug that     tree.trackChanges() is not a functon. Can anyone point me to where I am going wrong? Im sure its something obvious but I cant see what!?!

TreeView

answered on 12 Dec 2011

1 answer

158 views

Unable to cast object of type 'System.Web.UI.CompiledTemplateBuilder' to type 'Telerik.Web.UI.RadGrid'.

I am trying to set the datasource inside the RadGrid which is embedded inside the itemtemplate of RadTreeNode

<telerik:RadTreeView ID="RadTreeView1" runat="server">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

<NodeTemplate>

<telerik:RadGrid ID="AllocGrid" Width="98%" AllowSorting="False"

AllowPaging="False" GridLines="None" AutoGenerateColumns="False" runat="server"

Skin="Windows7" Height="147px" Style="margin-top: 102px">

<MasterTableView Width="100%" Summary="RadGrid table" EditMode="InPlace">

<Columns>

<telerik:GridBoundColumn DataField="Type" HeaderText="Allocation Type"

ItemStyle-Width="100px" HeaderStyle-Width="100px" />

<telerik:GridTemplateColumn DataField="Status" HeaderText="Status" ItemStyle-Width="300px"

HeaderStyle-Width="300px">

<ItemTemplate>

<%# GetStatus((String)Eval("Stats"))%>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Link" HeaderText="View">

<ItemTemplate>

<%# GetTheoreticalAllocationsLink() %>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

I am trying to set the data source in the code as below

((Telerik.Web.UI.RadGrid) RadTreeView1.Nodes[0].Nodes[0].NodeTemplate).DataSource = dataSource;

Seems it is invalid. and i get the following error. Unable to cast object of type 'System.Web.UI.CompiledTemplateBuilder' to type 'Telerik.Web.UI.RadGrid'.

I am not sure what am i doing wrong and also pretty new to asp.net with rad controls

TreeView

answered on 12 Dec 2011

11 answers

1.9K+ views

RadGrid HeaderText

Hi All,
Can I change RadGrid Headertext at runtime??
if yes how can I do that????

thanks
ghadeer

Grid

answered on 12 Dec 2011

1 answer

376 views

Border of last row not showing in Grid

The bottom border of the last row in radgrid control is not showing whenever the grid is not fully filled.

Grid

answered on 12 Dec 2011

1 answer

165 views

CustomFilter with different DataValueField and DataTextField values

I am having a problem with a custom filter editor when DataKeyValue and DataTextValue differe.

Most of the code I am using was taken from the custom field editors demo.
Filtering the related grid works fine but the text field is showing the wrong text after a click on the "Apply" button.
If I click on "Add Expression" I get a filled combo box where I can select the order type by name.
Clicking on "Apply" filters the grids contents as expected. But the reacently added expression shows the integer value in it's text field.
I would like to show the localized text out of the combo box.

This is the filter extracted from the page.

<telerik:RadFilter ID="Filter" runat="server" FilterContainerID="OrderListGrid"

OnFieldEditorCreating="Filter_FieldEditorCreating"

CssClass="RadFilter RadFilter_Default " >

<FieldEditors>

<csc:RadFilterDropDownEditor FieldName="Type" DataValueField="Type" DataTextField="Name" DataType="System.Int32" />

<telerik:RadFilterTextFieldEditor FieldName="Order" DataType="System.String" />

<telerik:RadFilterDateFieldEditor FieldName="Start" DataType="System.DateTime" />

<telerik:RadFilterDateFieldEditor FieldName="End" DataType="System.DateTime"

/>

</FieldEditors

</telerik:RadFilter>

OrderListGrid is a RadGrid using a sql data source to a simple table.
This table has a column "Type" which stores the order types as an integer value.
This integer value should not be shown to the customer, but replaced by a localized text within the filter combo box.
Therefore I've created a DataTable and assigned it to the custom filter editor as in the demo.

private void InitializeFilterCtrl()

{

RadFilterDropDownEditor dropTypFilter = Filter.FieldEditors[0] as RadFilterDropDownEditor;

if (OrderTypesTable == null)

{

OrderTypesTable = GetOrderTypeTable();

}

dropTypFilter.DataSource = OrderTypesTable;

private DataTable GetOrderTypeTable()

{

DataTable tab = new DataTable();

tab.Columns.Add("Type");

tab.Columns.Add("Name");

tab.Rows.Add( new object [] { (int)OrderType.Final, LocalizationUtils.GetOrderName(OrderType.Final) });

tab.Rows.Add(new object[] { (int)OrderType.Intermediate, LocalizationUtils.GetOrderName(OrderType.Intermediate) });

tab.Rows.Add(new object[] { (int)OrderType.Piece, LocalizationUtils.GetOrderName(OrderType.Piece) });<br> tab.Rows.Add(new object[] { (int)OrderType.Batch, LocalizationUtils.GetOrderName(OrderType.Batch) });

return tab;

}

LocalizationUtils.GetOrderName(..) just returns the localized text out of the resources.

public class RadFilterDropDownEditor : RadFilterDataFieldEditor

{

protected override void CopySettings(RadFilterDataFieldEditor baseEditor)

{

base.CopySettings(baseEditor);

var editor = baseEditor as RadFilterDropDownEditor;

if (editor != null)

{

DataSource = editor.DataSource;

DataTextField = editor.DataTextField;

DataValueField = editor.DataValueField;

}

public override System.Collections.ArrayList ExtractValues()

{

ArrayList list = new ArrayList();

list.Add(_combo.SelectedValue);

return list;

}

public override void InitializeEditor(System.Web.UI.Control container)

{

_combo = new RadComboBox();

_combo.ID = "MyCombo";

_combo.DataTextField = DataTextField;

_combo.DataValueField = DataValueField;

_combo.DataSource = DataSource;

_combo.DataBind();

container.Controls.Add(_combo);

}

public override void SetEditorValues(System.Collections.ArrayList values)

{

if (values != null && values.Count > 0)

{

if (values[0] == null)

return;

var item = _combo.FindItemByValue(values[0].ToString());

if (item != null)

item.Selected = true;

}

public string DataTextField

{

get

{

return (string)ViewState["DataTextField"] ?? string.Empty;

}

set

{

ViewState["DataTextField"] = value;

}

public string DataValueField

{

get

{

return (string)ViewState["DataValueField"] ?? string.Empty;

}

set

{

ViewState["DataValueField"] = value;

}

public DataTable DataSource

{

get

{

return (DataTable)ViewState["DataSource"] ?? new DataTable();

}

set

{

ViewState["DataSource"] = value;

}

private RadComboBox _combo;

}

Any suggestions?

Filter

answered on 12 Dec 2011