Questions on UI for ASP.NET AJAX Forum

1 answer

110 views

[Solved] Same class aliases in Apply CSS dropdown

Hi,

When I add classes with the same value attribute to the <classes> element of the "ToolsFile.xml" file, then only last one is displayed in the Apply CSS dropdown list. For example:

<classes>

<class name="Name 1" value=".class1" />

<class name="Name 2" value=".class1" />

</classes>

In this case there is only "Name 2" class in the list.

Is this expected behavior? And if it is, is this documented somewhere? Is there any configuration to allow displaying all classes with the same value?

Thank you in advance.

Best regards,
Vitaliy

Editor

answered on 02 Nov 2012

1 answer

110 views

Menu filtering using xpath

Hi! Im using radmenu like this:

<Menu>
<Item text="lvl1" Role="A">
    <Item text="lvl2" Role="A">
      <Item text="lvl3" Role="A" />
      <Item text="lvl3" Role="B" />
    </Item>
    <Item text="lvl2" Role="B" />
</Item>
<Item text="lvl1" Role="B">
</Item>
</Menu>

<asp:XmlDataSource DataFile="LikeAbove" ID="xmlDataSource" XPath="//Item[@Role='A']" runat="server />
<telerik:RadMenu DataSourceID="xmlDataSource" runat="Server">
<DataBindings>
    <telerik:RadMenuItemBinding Depth="0" TextField="Text" />
    <telerik:RadMenuItemBinding Depth="1" TextField="Text" />
</DataBindings>
</telerik:RadMenu>

What Im trying to do is to get all menu items with the role "A", filtering on all levels. I works on a single level using this /Item[@Role='A']but when using this approach on a multi level //Item[@Role='A'] (two slash in the beginning) it "flats out", meaning all menu nodes are being visible on the first level AND also still remains unfiltered where they used to be in the tree.

Menu

answered on 02 Nov 2012

6 answers

389 views

[Solved] Rad Editor - Image Map Editor Objects

Hi,

Is there a way or can we utilize the Image Map editor without using the RadEditor? If yes, how can we use it in such we can retrieve and save data such as saving of image and "area properties" in database?

Thank you in advance... hope you can help us with our query..

Regards,

Rex

Editor

answered on 02 Nov 2012

11 answers

404 views

GroupsDefaultExpanded="false" problem

HI
I've a radgrid with group.
I used the property "GroupsDefaultExpanded=false" for close the group, but the property reclose the group any time i try to do any action (example when i click the button for edit)
Can you help me?

Grid

answered on 02 Nov 2012

9 answers

282 views

[Solved] How to make column click sort and resize?

Hi All,
When I create a Grid, I want the columns are available to sort data by clicking header, and resizable. But I don't know where to set the property.

Thanks~!

Grid

answered on 02 Nov 2012

8 answers

215 views

Problem editing RadGrid

I'm working off of the following example to implement editing of a cell in my grid when the cell is clicked:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/editondblclick/defaultcs.aspx

I'd like it to work just like in the example, but based on a single-click. I can't get it to work as I keep getting the following error buried away in Telerik.Web.UI.WebResource:

0x800a139e - Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: The string was not recognized as a valid format.

If anyone can lend any assistance, I will you owe you my first-born, as I am pulling my hair out trying to get this to work.

Thank you

My markup is below:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

var hasChanges, inputs, dropdowns, editedRow;

function RowClick(sender, eventArgs) {

if (editedRow && hasChanges) {

hasChanges = false;

if (confirm("Update changes?")) {

$find("<%= detailsGrid.ClientID %>").get_masterTableView().updateItem(editedRow);

}

function RowDblClick(sender, eventArgs) {

editedRow = eventArgs.get_itemIndexHierarchical();

$find("<%= detailsGrid.ClientID %>").get_masterTableView().editItem(editedRow);

}

function GridCommand(sender, args) {

if (args.get_commandName() != "Edit") {

editedRow = null;

}

function GridCreated(sender, eventArgs) {

var gridElement = sender.get_element();

var elementsToUse = [];

inputs = gridElement.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {

var lowerType = inputs[i].type.toLowerCase();

if (lowerType == "hidden" || lowerType == "button" || lowerType == "checkbox") {

continue;

}

if (inputs[i].id.indexOf("PageSizeComboBox") == -1) {

Array.add(elementsToUse, inputs[i]);

}

inputs[i].onchange = TrackChanges;

}

setTimeout(function () { if (elementsToUse[0]) elementsToUse[0].focus(); }, 100);

}

function TrackChanges(e) {

hasChanges = true;

}

</script>

</telerik:RadCodeBlock>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2010Blue" MultiPageID="radPageViews" SelectedIndex="0" Align="Justify" Width="220px"

ReorderTabsOnSelect="true">

<Tabs>

<telerik:RadTab Text="Details" />

<telerik:RadTab Text="Summary" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="radPageViews" SelectedIndex="0" CssClass="multiPage">

<telerik:RadPageView ID="RadPageView1" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="detailsGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="detailsGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="detailsGrid" runat="server" CellSpacing="0" Skin="Office2007" GridLines="Vertical" AllowSorting="true" AllowPaging="true"

PageSize="10" AllowMultiRowSelection="true" OnNeedDataSource="detailsGrid_NeedDataSource" OnItemDataBound="detailsGrid_ItemDataBound"

OnItemCreated="detailsGrid_ItemCreated" OnItemUpdated="detailsGrid_ItemUpdated" AllowAutomaticUpdates="true">

<ClientSettings ReorderColumnsOnClient="true" Selecting-CellSelectionMode="SingleCell">

<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ShowRowIndicatorColumn="true" AllowResizeToFit="true" />

<ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated" OnCommand="GridCommand" />

</ClientSettings>

<MasterTableView TableLayout="Fixed" AutoGenerateColumns="false" DataKeyNames="actualid" ShowFooter="true" EditMode="InPlace">

<HeaderStyle HorizontalAlign="Center" Width="135px" Font-Bold="true" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Exclude" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px">

<ItemTemplate>

<asp:CheckBox runat="server" ID="ExcludeCheckBox" AutoPostBack="true" Checked='<%# bool.Parse(Eval("Exclude").ToString()) %>'

OnCheckedChanged="ExcludeCheckBox_CheckedChanged" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridCheckBoxColumn UniqueName="detailsGridDeltaOppCol" HeaderText="Delta Opp" DataField="DeltaOpp" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="false" HeaderStyle-Width="80px" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridOppManagerCol" HeaderText="Opp Manager" DataField="FullName" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridVerticalTeamCol" HeaderText="Vertical Team" DataField="VerticalTeam" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridIndustryCol" HeaderText="Industry" DataField="Industry" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridAccountCol" HeaderText="Account" DataField="Account" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridOpportunityCol" HeaderText="Opportunity" DataField="OpportunityName" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridSKUCol" HeaderText="SKU" DataField="ActualID" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridDateTimeColumn UniqueName="detailsGridFirstShipDateCol" HeaderText="First Ship Date" DataField="FirstShipDate" DataFormatString="{0:MM/dd/yyyy}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridQuantityCol" HeaderText="Quantity" DataField="Quantity" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridUnitPriceCol" HeaderText="Unit Price" DataField="UnitPrice" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalCol" HeaderText="Total" DataField="Total" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProbabilityCol" HeaderText="Probability" DataField="Probability" ItemStyle-HorizontalAlign="Right" DataFormatString="{0}%" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridDealerCol" HeaderText="Dealer" DataField="Dealer" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridScreenTypeCol" HeaderText="Screen Type" DataField="ScreenType" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridCompanyCol" HeaderText="Company" DataField="Company" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridFactoryCol" HeaderText="Factory" DataField="Factory" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProductDescCol" HeaderText="Prod. Description" DataField="ProductDescription" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProductFamilyCol" HeaderText="Product Family" DataField="ProductFamily" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthOneCol" DataField="MonthOne" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthOneCostCol" DataField="MonthOneCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthTwoCol" DataField="MonthTwo" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthTwoCostCol" DataField="MonthTwoCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthThreeCol" DataField="MonthThree" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthThreeCostCol" DataField="MonthThreeCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFourCol" DataField="MonthFour" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFourCostCol" DataField="MonthFourCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFiveCol" DataField="MonthFive" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFiveCostCol" DataField="MonthFiveCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthSixCol" DataField="MonthSix" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthSixCostCol" DataField="MonthSixCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalQtyCol" HeaderText="Total Qty." DataField="TotalQuantity" ItemStyle-HorizontalAlign="Right" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalRevCol" HeaderText="Total Rev." DataField="TotalRevenue" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridNextUserCol" HeaderText="Next User" DataField="NextUser" ReadOnly="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:GridNumericColumnEditor ID="numericColumnEditor" runat="server" NumericTextBox-Width="20px" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

</telerik:RadPageView>

</telerik:RadMultiPage>

General Discussions

answered on 02 Nov 2012

4 answers

842 views

RadioButton toggle programatically client-side

Hi,

I want to toggle a RadioButton client-side. If I use .set_checked(true), the previously checked RadioButton (same group) is still checked. If I use .click(), nothing happens (it returns false). How can I toggle a RadioButton programatically client-side so that the previously toggled buttons gets unchecked?

Thanks!

Button

answered on 02 Nov 2012

1 answer

72 views

TreeView Load on Demand issue

Edit/UPdate:

I originally thought the issue was due to the treeview being in a sliding control, but I have determined that actually it is because I have the control on a master page.

I created a simple page exactly like the master page (minus the content place holder stuff) and it works perfectly. When the tree is placed into a master page however it does not fire events to load nodes of the tree. Something about it being in a master page?

Any advice?

TreeView

answered on 02 Nov 2012

0 answers

87 views

Binding the RadGrid dynamically with RadEditor in javascript

Hello,

I have a RadGrid with 4 template columns.
1. ASP:TextBox
2. RadEditor
3. ASP:LinkButton (ADD)
4. ASP:LinkButton. (DELETE)

When we click on "ADD" button we are adding a new row next to the selected row. Same way we are deleting the selected row on click of "DELETE" button. This we are doing in postback by rebinding the RadGrid. We need to avoid the postback and Add/Delete rows dynamically in javascript. Please provide the solution. Please find herewith the sample code that we are doing in code behind.

FYI: we are using net framework 4.0 and the Telerik.Web.UI.dll version is v. 2011.2.915.40

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="RadGridTesting.WebForm1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerikControls" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<link href="../../TelerikCSS_ETO/Grid.ETOGrid.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="scrpt1" runat="server"></asp:ScriptManager>

<div>

<telerikControls:RadGrid ID="gvTest" runat="server" GridLines="None"

onitemcommand="gvTest_ItemCommand"

onneeddatasource="gvTest_NeedDataSource">

<MasterTableView AutoGenerateColumns="false" ShowFooter="true" Width="100%" TableLayout="Auto"

HeaderStyle-VerticalAlign="Middle" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Bold="true"

ViewStateMode="Enabled" ItemStyle-VerticalAlign="Middle" ExpandCollapseColumn-Display="false"

ExpandCollapseColumn-Visible="false">

<Columns>

<telerikControls:GridTemplateColumn>

<ItemTemplate>

<asp:TextBox ID="txtsno" MaxLength="3" runat="server" Width="25px" Text='<%# Eval("sno") %>'></asp:TextBox>

</ItemTemplate>

</telerikControls:GridTemplateColumn>

<telerikControls:GridTemplateColumn HeaderStyle-HorizontalAlign="Left">

<ItemTemplate>

<telerikControls:RadEditor ID="txt1" runat="server" Height="25px" ToolsWidth="130px"

Content='<%# DataBinder.Eval(Container.DataItem, "text") %>'

ToolbarMode="ShowOnFocus" EditModes="Design" ContentFilters="DefaultFilters" />

</ItemTemplate>

</telerikControls:GridTemplateColumn>

<telerikControls:GridTemplateColumn ItemStyle-VerticalAlign="Top">

<ItemTemplate>

<asp:LinkButton ID="lbtn1" CausesValidation="false" CommandName="DELETE" Text="Delete"

runat="server"></asp:LinkButton>

</ItemTemplate>

</telerikControls:GridTemplateColumn>

<telerikControls:GridTemplateColumn ItemStyle-VerticalAlign="Top">

<ItemTemplate>

<asp:LinkButton ID="lbtn2" CausesValidation="false" CommandName="ADD" Text="Add"

runat="server"></asp:LinkButton>

</ItemTemplate>

</telerikControls:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerikControls:RadGrid>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace RadGridTesting

{

public partial class WebForm1 : System.Web.UI.Page

{

List<DataText> lstList = new List<DataText>();

protected void Page_Load(object sender, EventArgs e)

{

}

/// <summary>

/// Add and remove row

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void gvTest_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == "ADD")

{

GridDataItem item = (GridDataItem)((LinkButton)e.CommandSource).NamingContainer;

lstList = BindGrid(item.ItemIndex, "Add");

this.gvTest.Rebind();

}

else if (e.CommandName == "DELETE")

{

GridDataItem item = (GridDataItem)((LinkButton)e.CommandSource).NamingContainer;

lstList = BindGrid(item.ItemIndex, "Delete");

this.gvTest.Rebind();

}

protected void gvTest_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

if (!IsPostBack)

{

lstList = new List<DataText> {

new DataText{ sno = 1 , text = "A"},

new DataText{ sno = 2 , text = "B"},

new DataText{ sno = 3 , text = "C"},

new DataText{ sno = 4 , text = "D"},

new DataText{ sno = 5 , text = "E"}

};

}

this.gvTest.DataSource = lstList;

}

private List<DataText> BindGrid(int _RowID, string opAddDelete)

{

lstList = new List<DataText>();

int sno = 1;

foreach (GridDataItem item in this.gvTest.Items)

{

RadEditor txt1 = (RadEditor)item.FindControl("txt1");

DataText dt = new DataText();

if (opAddDelete == "Delete" && item.ItemIndex == _RowID)

{

}

else

{

dt.sno = sno;

dt.text = txt1.Text;

lstList.Add(dt);

sno++;

}

if (opAddDelete == "Add" && item.ItemIndex == _RowID)

{

dt = new DataText();

dt.sno = sno;

lstList.Add(dt);

sno++;

}

return lstList;

}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace RadGridTesting

{

public class DataText

{

public int sno { get; set; }

public string text { get; set; }

}

Grid

asked on 02 Nov 2012

1 answer

93 views

How do you format the chart

Was an issue on my side....

Chart (HTML5)

answered on 02 Nov 2012