Questions on UI for ASP.NET AJAX Forum

4 answers

113 views

I have several grids that need to be exported to pdf and all would have the same style, color, font, etc...I just don't want to define style in each grid's itemcreated event...
Is there any way that I could centrally define it which would then be available to all exports???

Thanks

Grid

answered on 31 Mar 2011

1 answer

125 views

Expand/Collapse button not working when running in VS2010

Hi, i am facing really weird problem. When i am trying to preview page from Visual Studio 2010 in debug/ or just view in browser mode
i am not able to fire events of expand/collapse button, cursor also is not changing when moved over button. Double clik on node- works fine. However when i deploy page o server and run it from server in the same browser, +/- bnutton works, as well as cursor is changing.
Here is simple code of the page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="treeviewnew.aspx.cs" Inherits="treeviewnew" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

<head></head>

<body class="BODY">

<form runat="server" id="mainForm" method="post">

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

</telerik:RadScriptManager>

<script type="text/javascript">

//<!--

function onClientContextMenuShowing(sender, args) {

var treeNode = args.get_node();

treeNode.set_selected(true);

//enable/disable menu items

setMenuItemsState(args.get_menu().get_items(), treeNode);

}

function onClientContextMenuItemClicking(sender, args) {

var menuItem = args.get_menuItem();

var treeNode = args.get_node();

menuItem.get_menu().hide();

switch (menuItem.get_value()) {

case "New":

break;

case "Edit":

treeNode.startEdit();

break;

case "Delete":

var result = confirm("Are you sure you want to delete the item: " + treeNode.get_text());

args.set_cancel(!result);

break;

}

//this method disables the appropriate context menu items

function setMenuItemsState(menuItems, treeNode) {

for (var i = 0; i < menuItems.get_count(); i++) {

var menuItem = menuItems.getItem(i);

switch (menuItem.get_value()) {

case "New":

formatMenuItem(menuItem, treeNode, 'New ');

break;

case "Edit":

formatMenuItem(menuItem, treeNode, 'Edit "{0}"');

break;

case "Delete":

formatMenuItem(menuItem, treeNode, 'Delete "{0}"');

break;

}

//formats the Text of the menu item

function formatMenuItem(menuItem, treeNode, formatString) {

var nodeValue = treeNode.get_value();

if (nodeValue && nodeValue.indexOf("_Private_") == 0) {

menuItem.set_enabled(false);

}

else {

menuItem.set_enabled(true);

}

var newText = String.format(formatString, extractTitleWithoutMails(treeNode));

menuItem.set_text(newText);

}

//checks if the text contains (digit)

function hasNodeMails(treeNode) {

return treeNode.get_text().match(/$[\d]+$/ig);

}

//removes the brackets with the numbers,e.g. Inbox (30)

function extractTitleWithoutMails(treeNode) {

return treeNode.get_text().replace(/\s*$[\d]+$\s*/ig, "");

}

//-->

</script>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

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

OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick" OnClientContextMenuItemClicking="onClientContextMenuItemClicking"

OnClientContextMenuShowing="onClientContextMenuShowing"

OnNodeEdit="RadTreeView1_NodeEdit" DataFieldID="id"

DataFieldParentID="parentid" DataSourceID="SqlDataSource1"

DataTextField="description" DataValueField="value" MaxDataBindDepth="4" Skin="WebBlue"

>

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="MainContextMenu" runat="server">

<Items>

<telerik:RadMenuItem Value="New" Text="New ..." >

</telerik:RadMenuItem>

<telerik:RadMenuItem Value="Edit" Text="Edit ..." >

</telerik:RadMenuItem>

<telerik:RadMenuItem Value="Delete" Text="Delete.." >

</telerik:RadMenuItem>

</Items>

<CollapseAnimation Type="none" />

</telerik:RadTreeViewContextMenu>

<telerik:RadTreeViewContextMenu ID="EmptyFolderContextMenu" runat="server">

<Items>

<telerik:RadMenuItem Value="New" Text="New ">

</telerik:RadMenuItem>

</Items>

<CollapseAnimation Type="none" />

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:ECMApp3 %>" SelectCommand="select distinct  isnull(state,'')+'state' as id, null as parentid, isnull(state,'no state')  as description, isnull(state,'')  as value from projects

union all

select  cast(p.id as varchar(10))+'project' as id, isnull(p.state, '')+'state' as parentid , p.description, cast(p.id  as varchar(10)) from projects p

union all

select cast(l.id as varchar(10))+'location', cast(p.id as varchar(10))+'project', l.name ,cast( l.id as varchar(10)) from  locations l inner join projects p

on l.project_id=p.id

union all

select cast (b.id as varchar(10))+'building', cast(l.id as varchar(10))+'location', b.building_name, cast(b.id as varchar(10)) from  buildings b inner join locations l on

b.location_id=l.id

--where l.id <2"></asp:SqlDataSource>

</form>

</body>

</html>

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

using System.Text.RegularExpressions;

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

{

protected const string unreadPattern = @"$\d+$";

protected void Page_Load(object sender, EventArgs e)

{

SqlDataSource1.DataBind();

SqlDataSource1.Select(DataSourceSelectArguments.Empty);

//RadTreeView2.DataBind();

}

protected void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)

{

RadTreeNode clickedNode = e.Node;

switch (e.MenuItem.Value)

{

case "New":

RadTreeNode clonedNode = clickedNode.Clone();

clonedNode.Text = string.Format("Copy of {0}", clickedNode.Text);

clickedNode.InsertAfter(clonedNode);

//set node's value so we can find it in startNodeInEditMode

clonedNode.Value = clonedNode.GetFullPath("/");

clonedNode.Selected = true;

startNodeInEditMode(clonedNode.Value);

break;

case "Delete":

clickedNode.Remove();

break;

}

private void startNodeInEditMode(string nodeValue)

{

//find the node by its Value and edit it when page loads

string js = "Sys.Application.add_load(editNode); function editNode(){ ";

js += "var tree = $find(\"" + RadTreeView1.ClientID + "\");";

js += "var node = tree.findNodeByValue('" + nodeValue + "');";

js += "if (node) node.startEdit();";

js += "Sys.Application.remove_load(editNode);};";

RadScriptManager.RegisterStartupScript(Page, Page.GetType(), "nodeEdit", js, true);

}

protected void RadTreeView1_NodeEdit(object sender, RadTreeNodeEditEventArgs e)

{

e.Node.Text = e.Text;

}

//this method is used by Mark All as Read and Empty this folder

protected void emptyFolder(RadTreeNode node, bool removeChildNodes)

{

node.Font.Bold = false;

node.Text = Regex.Replace(node.Text, unreadPattern, "");

if (removeChildNodes)

{

//Empty this folder is clicked

for (int i = node.Nodes.Count - 1; i >= 0; i--)

{

node.Nodes.RemoveAt(i);

}

else

{

//Mark all as read is clicked

foreach (RadTreeNode child in node.Nodes)

{

emptyFolder(child, removeChildNodes);

}

TreeView

answered on 31 Mar 2011

1 answer

136 views

Binary Image and Meta Tags for Facebook

Hey guys, long time no post.   I have a RadBinaryImage and everything is working fine, but I want waht I render in HTML to work with AddThis - a plug for sharing to facebook. Actually, FB does not recognize the image at all on the page.... I'm wondering what I can do to make this render the appropriate meta tags (I assume) do FB will pick this item image up and display it!

I think it has something to do with the relative path in SRC= or meta tags... actually - any help you can give to help me generate the meta tag description and source to make it show up in FB as a share.

Hopefully you have come across this before, normally I would figure this out but I have to meet the love of my life and I have to drive an hour to see her.

thanks - huge Fan!
Marty

<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1"
                        DataValue='<%#Eval("ImageContent") %>'
                        AutoAdjustImageControlSize="false"
                        ResizeMode="Fit"
                        CssClass="imageContainerLarge"/>

HTML

<div>
                        <img id="ctl00_DefaultContent_ImageViewer1_RadListView1_ctrl1_RadBinaryImage1" class="imageContainerLarge" src="../../../Telerik.Web.UI.WebResource.axd?imgid=5480abe542ac4e1e86b7733c8b2d586b&type=rbi" />
                    </div>

BinaryImage

answered on 31 Mar 2011

2 answers

215 views

RadGrid does not handles the 'Enter' key event on Editing mode

Hello

Hope you can help, I have a RadGrid defined as follows:

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

</telerik:RadScriptManager>

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

<script type="text/javascript">

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True"

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

GridLines="None" Skin="Vista"

onneeddatasource="RadGrid1_NeedDataSource" ondeletecommand="RadGrid1_DeleteCommand"

oninsertcommand="RadGrid1_InsertCommand"

onupdatecommand="RadGrid1_UpdateCommand"

onitemdatabound="RadGrid1_ItemDataBound" >

<ClientSettings EnableRowHoverStyle="true" AllowKeyboardNavigation="false">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<ClientEvents OnRowDblClick="RowDblClick" />

<KeyboardNavigationSettings EnableKeyboardShortcuts="true" AllowActiveRowCycle="true" />

</ClientSettings>

<MasterTableView EditMode="PopUp" CommandItemDisplay="Bottom">

<Columns>

<telerik:GridBoundColumn UniqueName="Id" visible="false" ReadOnly="true"

DataField="Id" HeaderText="Id" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Nombre" AutoPostBackOnFilter="True"

CurrentFilterFunction="Contains" DataField="Nombre" HeaderText="Nombre"

ShowFilterIcon="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Precio" AutoPostBackOnFilter="True"

CurrentFilterFunction="Contains" DataField="Precio" HeaderText="Precio"

ShowFilterIcon="False">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Borrar este método?"

ConfirmTitle="Borrar" ButtonType="ImageButton" CommandName="Delete"

Text="Borrar" UniqueName="DeleteColumn" ConfirmDialogType="RadWindow">

<HeaderStyle Width="30px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<HeaderStyle Width="30px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

</Columns>

<CommandItemSettings AddNewRecordText="Añadir nuevo registro" RefreshText="Refrescar" />

<EditFormSettings EditColumn-CancelText="Cancelar" EditColumn-Display="True" EditFormType="AutoGenerated">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="5" CellPadding="3" BackColor="White" Width="100%" />

<FormTableStyle CellSpacing="0" CellPadding="2" Height="60px" BackColor="White" />

<EditColumn ButtonType="ImageButton"

InsertText="Guardar" UpdateText="Guardar cambios"

UniqueName="EditCommandColumn1" CancelText="Cancelar edición" >

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

<PopUpSettings Modal="True"></PopUpSettings>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

When I start to edit a row I have a problem, if I try to hit the Enter key, it seems that the focus goes to the delete ImageButton and ask me about confirmation before delete an item.

I have no problems to visualize any data or if I update it with the mouse, with click on the update button. Only when I hit the Enter key while the focus is on editable field.

This behavior not care about the value of the param AllowKeyboardNavigation

Hope you can replicate my problem.
Thank you

Grid

answered on 31 Mar 2011

1 answer

108 views

RadFilter and RadListBox

Hi,

I have a RadListBox where i am binding the datasource like RadListBox.DataSource = GetItems() and call databind on Page_Load. i also had the radfilter by setting the FilterContinerID to the RadListBox's ID. But, when I browse the page and click on add expression icon it makes a request but filter doesnt appear on the screen. so, I had a FieldEditor like below:

<FieldEditors>

<telerik:RadFilterTextFieldEditor DataType="System.String" DisplayName="Text" FieldName="ShipName" />

</FieldEditors>

Now the filter shows up. But when i type something and click apply it dont see any change in the RadListBox. Please let me know if I am missing something.

Thanks in advance!!!

Filter

answered on 31 Mar 2011

3 answers

91 views

Issues with setup

Sirs:
I ran the samples for some weeks with no issues. I bought a 'premium' license today and it's all going bad.

I uninstalled the samples and that locked up my machine (but the 'uninstall' was gone on reboot)
I installed just one module - ASP.NET AJAX. It locked up my machine twice. On the third try it told me that it was already installed; and there was no 'repair' option that I see in a lot of installs.

The issue that I have right now is that the samples that were installed are now gone. I'd like to have them back to give me examples on how to code. Can anyone help me get the samples back?

Installer and VS Extensions

answered on 31 Mar 2011

3 answers

171 views

Rad Editor EditModes Property

Hi,

I am using Q2 2009 version. I am displaying one pop up. In that pop up, there is a Save button When i click on the save button, i am inserting content in to the editor through JavaScript.

Editor is in the parent window.

Here is the code which i have written in the Pop up window.

var editor=window.opener.document.getElementById("ctl00_ContentPlaceHolder1_RadTxtCheifComplaint"); // Editor id
editor.innerHTML= someText; // Inserting text from pop up window.;

window.close();

When the popup close.Text insert in to the Editor and Editor display in the Preview mode instead of design mode. i want t dispaly in the design mode. How to set Design mode of editor from javascript.

Please give me the solutions ASAP.

Regards

Rahul

Editor

answered on 31 Mar 2011

3 answers

98 views

Grid / User control edit form

Hi,

In my grid I am using grid / user control edit form, and I have a delete option also like in your demo - http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/usercontroleditform/defaultcs.aspx. However, when I delete the row that I have edit form expanded the edit form for the next item in the grid expands automatically. I want the edit form to be shown only when the user selects to edit the item and not automatically when the user deletes the item above with the expanded edit form. How can I do it?

Thank you

Grid

answered on 31 Mar 2011

4 answers

113 views

Bind linqdatasource to TreeView

Hello,

I'm new to ASP.NET programming, so please bare with me.

I have a linqdatasource that is returning a table such as:

Show Season# Episode#
foo 1 1
foo 1 2
foo 1 3
foo 2 1
foo 2 2
bar 1 1
bar 1 2

I want to represent this table in a TreeView with expand/collapse nodes such as:

foo
Season 1
Episode 1
Episode 2
Episode 3
Season 2
Episode 1
Episode 2
bar
Season 1
Episode 1
Episode 2

How do I accomplish this scenario?

Thanks,
Zeyad

TreeView

answered on 31 Mar 2011

1 answer

352 views

New line on cell of exported excel

Hi,
I'm exporting a RadGridview to excel, the only thing that I need is add a new line inside some cells, 
the value inside the cell has \t \n but when I export the excel I get something like this &lt;br&gt; inside my excel file.






I'm using the following to change from \t \n to <br> but It doesn't work
        
    if (e.Element == ExportElement.Cell )
            {
                e.Value = e.Value.ToString().Replace("\t \n",  " <br>  ");  
            }

what is the corret way to do it.

Thanks in advance

Grid

answered on 31 Mar 2011