Questions on UI for ASP.NET AJAX Forum

1 answer

62 views

Set the OuterCssClass clientside

Does anyone know what's the process is for setting the OuterCssClass on the clientside?

TabStrip

answered on 14 Dec 2010

1 answer

67 views

WCF service is called always, despite set_cancel(true)

How to prevent WCF service from running second time for SelectCount event? I use GetDataAndCount method, however I can see that
WCF service is called twice for some reason...

Could it be because of additional custom parameter, that I had to add into databinding (as in your example), so GetDataAndCount is not 'recognized' as a method to be called once?

Addition: it's ok now, I had to add additional parameter directly into javascript method, because DataBinding event is not fired for some reason.

Now the problem is that WCF service ignores cookieless session from ASP.NET site.

Grid

answered on 14 Dec 2010

2 answers

100 views

Problem retaining font size

I am using RadEditor in my application. I have found one BUG in this control.

Once I select the font size, it reverts to the original setting each time I hit the enter key more than once. I have also tested this in the latest Telerik Controls for Editor and it has the same issue. Do you have any work around for this. I have a number of users using editor and they are facing this problem in their daily lives.

Thanks for your help!

Editor

answered on 14 Dec 2010

6 answers

349 views

Load On Demand No Results Found

Is there a way the RadComboBox can display a 'No Results Found' message in the dropdown when a load on demand request returns no matches?

Currently there's a pause while the database is queried and then the dropdown remains empty, its not very user friendly.

ComboBox

answered on 14 Dec 2010

9 answers

100 views

Update Radgrid update on OnClientTimeSlotClickHandler

I have a radgrid which contains extended information that I would like to display based on a date clicked on RadScheduler. I can get the grid to perform the refresh using the OnClientTimeSlotClickHandler and the RadAjaxManager, however, the date is not being passed to the SQLDataSource that the grid uses so no data is diplayed in the grid. Any help would be appreciated.

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

<script type="text/javascript">

function OnClientTimeSlotClickHandler(sender, eventArgs) {

if (sender.get_selectedView() == Telerik.Web.UI.SchedulerViewType.MonthView) {

$find("<%=RadAjaxManager1.ClientID %>").ajaxRequest(eventArgs.get_time().format("MM/dd/yyyy"));

}

</script>

</telerik:RadCodeBlock>

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

<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<updatedcontrols>

<telerik:AjaxUpdatedControl ControlID="sds_SubRequests" UpdatePanelHeight="" />

</updatedcontrols>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadCodeBlock1">

<updatedcontrols>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</updatedcontrols>

</telerik:AjaxSetting>

</ajaxsettings>

</telerik:RadAjaxManager>

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

ConnectionString="<%$ ConnectionStrings:Human_ResourcesConnectionString %>"

SelectCommand="SELECT [DateSubNeeded], [Reason], [Location], [FullName], [OU], [Telephone1] FROM [vw_SCS_SubRequests] WHERE ([DateSubNeeded] = @DateSubNeeded)">

<SelectParameters>

<asp:Parameter Name="clickedDateTime" Type="DateTime" />

</SelectParameters>

</asp:SqlDataSource>

Protected Sub RadAjaxManager1_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs)

RadScheduler1.SelectedDate = DateTime.Parse(e.Argument)

RadScheduler1.SelectedView = SchedulerViewType.DayView

sds_SubRequests.SelectParameters("clickedDateTime").DefaultValue = RadScheduler1.SelectedDate

End Sub

Grid

answered on 14 Dec 2010

1 answer

90 views

Font Tags Not Applied in IE

In IE 7 or 8 if I author content in the RadEditor, it displays properly in the Editor's preview (see attached preview.png)
Yet when it's saved and previewed on the site, it's different (see attached IEdisplay1.png)

It appears that the initial "font-size: 16px" does not get applied to first line (see attached IEhtml1.png),
even though it says that it is from the design mode of the editor (see attached IEdesign1.png)

Firefox seems to be fine as it applies the "font-size: 16px" tag to the respective lines when authoring content
(see attached FFdesign1.png and FFhtml1.png)

How can I correct this for IE as I can't ask the content authors to go in and add the required tags from the HTML method.

Thanks in advance...

Editor

answered on 14 Dec 2010

3 answers

428 views

RadGrid getCellByColumnUniqueName

I am having some trouble with getting a cell value when visible = false. The innerHTML no longer returns the value. Is there another solution?

When .MasterTableView.GetColumnSafe("ID").Visible = False is commented out it works correctly. But, I need this column to be invisible.

With mGridEx

.MasterTableView.GetColumnSafe("ID").Visible = False

' .MasterTableView.Rebind()

End With

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

<telerik:RadGrid ID="RadGrid" runat="server" Width="100%" Height="90%"

Font-Names="Verdana" GridLines="None" AllowSorting="True" ShowGroupPanel="True"

Skin="Office2007" AllowPaging="True" PageSize="50" AutoPostBack="True">

<MasterTableView>

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

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

</Scrolling>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

<script type="text/javascript">

function RowDblClick(sender, args) {

var grid = sender;

var MasterTable = grid.get_masterTableView();

var row = MasterTable.get_dataItems()[args.get_itemIndexHierarchical()];

var cell = MasterTable.getCellByColumnUniqueName(row, "ID");

var value = cell.innerHTML

alert("ID for this Row is: " + value);

}

</script>

Grid

answered on 14 Dec 2010

5 answers

181 views

[Solved] .FormCreated event firing twice?

I understand the .FormCreated event firing when a new appointment is being created, but I was a little surprised to find that it was also firing when the Cancel button was clicked? I can live with the double execution of the event if I could sense that the cancel button has been clicked. I looked into using the .FormCreating event but I couldn't get the control over the appointments objects I needed.

Scheduler

answered on 14 Dec 2010

1 answer

125 views

Access to ColumnEditor in Client-Side

Hi
I'm using with RadGrid for editing by GridBoundColumn that connected to ColumnEditorID with type of GridTextBoxColumnEditor.
In "OnCommand" Client-Side event i am asking if the the CommandName is "Update" and then i'm checking validations on the editing data:

function OnCommand(sender, args) {
      var commandName = args.get_commandName();
      if (sender._editIndexes.length > 0 && commandName == "Update") {
             var itemIndex = args.get_commandArgument();
             var row = tableView.get_dataItems()[itemIndex];
              var cell = row.get_cell("SomeColumn");
          }

My question is, if is there any way to access to the editing values by the ColumnEditorID of the found cell.
(in cell.innerHTML i can see the new editing values but it exists in Input tag. i need a More beautiful solution.)

Thanks !

Grid

answered on 14 Dec 2010

1 answer

110 views

[Solved] TreeView & RadAjaxManager problem

Hello, I have a RadTreeView with TreeNodeExpandMode.ServerSide settings.
The treeview is in a RadSplitter. I want to use RadAjaxManager and RadAjaxLoadingPanel, so the treeview do not show postback when the nodes are loaded from server. However, when I use the RadAjaxManager and RadAjaxloadingPanel, the treeview completely dissapear until the new nodes are loaded. No ajax panel shows. Here is the source code for the page:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageTelerikFaraScriptManager.Master" AutoEventWireup="true" CodeBehind="FisiereleMele.aspx.cs" Inherits="TethysTest.Fisiere.FisiereleMele" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContinutCentru" runat="server">

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

</telerik:RadScriptManager>

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

DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTreeViewFisiere">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTreeViewFisiere"

LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

HorizontalAlign="Center"></telerik:RadAjaxLoadingPanel>

<table style="width:100%;">

<tr>

<td>

</td>

</tr>

<tr>

<td>

<telerik:RadSplitter ID="RadSplitterFisiere" runat="server" Height="500"

Width="800px" Skin="Windows7">

<telerik:RadPane ID="navigationPane" runat="server" Width="250">

<telerik:RadTreeView ID="RadTreeViewFisiere" Runat="server"

AllowNodeEditing="True" DataFieldID="nivelID" DataFieldParentID="parinteID"

DataTextField="nume" DataValueField="nivelID"

oncontextmenuitemclick="RadTreeViewFisiere_ContextMenuItemClick"

onnodecreated="RadTreeViewFisiere_NodeCreated"

onnodedatabound="RadTreeViewFisiere_NodeDataBound"

onnodeedit="RadTreeViewFisiere_NodeEdit"

onnodeexpand="RadTreeViewFisiere_NodeExpand" Skin="Outlook">

</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane ID="contentPane" runat="server" Scrolling="none">

<telerik:RadSplitter ID="RadSplitterContent" runat="server"

Orientation="Horizontal">

<telerik:RadPane ID="topPaneContent" runat="server">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar2" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane ID="bottomPaneContent" runat="server">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

<tr>

<td>

<asp:Label ID="InfoLabel" runat="server" CssClass="fontUserCtrl" EnableViewState="True"></asp:Label>

</td>

</tr>

</table>

</asp:Content>

here is the C# source code

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using TethysTestDAL;

using Telerik.Web.UI;

namespace TethysTest.Fisiere

{

public partial class FisiereleMele : TethysTest.Page

{

protected void Page_Load(object sender, EventArgs e)

{

try

{

//se verifica drepturile de securitate ale userului curent pe pagina

Utils.TestRol(this, "CIRC");

InfoLabel.Visible = false;

if (Page.IsPostBack == false)

{

Utils.SetMouseOver(this, "butonLinkOver", "butonLinkOut");

ViewState["currentTreeNode"] = "";

LoadRootNodes(RadTreeViewFisiere, TreeNodeExpandMode.ServerSide);

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

//throw ex;

}

public override void RefreshData()

{

try

{

ViewState["currentTreeNode"] = "";

RadTreeViewFisiere.UnselectAllNodes();

RadTreeViewFisiere.Nodes.Clear();

LoadRootNodes(RadTreeViewFisiere, TreeNodeExpandMode.ServerSide);

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

}

private void IncarcaTreeView()

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

DataSet ds = dal.Arbore_SelectArboreFisiere();

RadTreeViewFisiere.DataSource = ds;

RadTreeViewFisiere.DataBind();

}

private void IncarcaTreeViewRadacina()

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

DataSet ds = dal.Arbore_SelectArboreFisiereRadacina();

RadTreeViewFisiere.DataSource = ds;

RadTreeViewFisiere.DataBind();

}

private static void LoadRootNodes(RadTreeView treeView, TreeNodeExpandMode expandMode)

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

DataSet ds = dal.Arbore_SelectArboreFisiereRadacina();

DataTable data = ds.Tables[0];

foreach (DataRow row in data.Rows)

{

RadTreeNode node = new RadTreeNode();

node.Attributes["radacina"] = row["radacina"].ToString();

node.Text = row["nume"].ToString();

node.Value = row["nivelID"].ToString();

node.ToolTip = row["nume"].ToString();

node.ImageUrl = row["caleImagine"].ToString();

node.ExpandMode = expandMode;

if (node.Attributes["radacina"] == "0")

{

node.AllowEdit = true;

}

else

{

node.AllowEdit = false;

}

treeView.Nodes.Add(node);

}

private static DataTable IncarcaTreeViewFrunze(string parinteID)

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

DataSet ds = dal.Arbore_SelectArboreFisiereFrunze(parinteID);

DataTable data = ds.Tables[0];

return data;

}

protected void RadTreeViewFisiere_NodeDataBound(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)

{

//try

//{

// Persoana pers = (Persoana)Session["persoana"];

// bool supervizor = pers.Supervisor;

// bool powerUser = pers.IsInRole("PWU");

// DataTable data = IncarcaMeniuContextual(e.Node.Value, pers.PersoanaID.ToString(), supervizor, powerUser);

// if (data.Rows.Count > 0)

// {

// e.Node.EnableContextMenu = true;

// RadTreeViewContextMenu target = new RadTreeViewContextMenu();

// foreach (DataRow row in data.Rows)

// {

// RadMenuItem item = new RadMenuItem();

// item.Text = row["textMeniu"].ToString();

// item.Value = row["valueMeniu"].ToString();

// item.ToolTip = row["toolTipMeniu"].ToString();

// item.ImageUrl = row["imageMeniu"].ToString();

// target.Items.Add(item);

// }

// e.Node.ContextMenuID = target.ID;

// RadTreeViewFisiere.ContextMenus.Add(target);

// }

// else

// {

// e.Node.EnableContextMenu = false;

// }

//}

//catch (Exception exx)

//{

// Utils.ShowMessage(this, exx.Message, true, InfoLabel);

// //throw ex;

//}

}

private void UpdateLoadingStatusPosition(TreeViewLoadingStatusPosition statusPosition)

{

RadTreeViewFisiere.LoadingStatusPosition = statusPosition;

}

private static void PopulateNodeOnDemand(RadTreeNode e, TreeNodeExpandMode expandMode)

{

e.Nodes.Clear();

DataTable data = IncarcaTreeViewFrunze(e.Value);

//DataTable data = IncarcaTreeViewFrunze(e.Node.Attributes["nivelID"]);

foreach (DataRow row in data.Rows)

{

RadTreeNode node = new RadTreeNode();

node.Attributes["radacina"] = row["radacina"].ToString();

node.Text = row["nume"].ToString();

node.Value = row["nivelID"].ToString();

node.ToolTip = row["nume"].ToString();

node.ImageUrl = row["caleImagine"].ToString();

if (Convert.ToInt32(row["numarFrunze"]) > 0)

{

node.ExpandMode = expandMode;

}

if (node.Attributes["radacina"] == "0")

{

node.AllowEdit = true;

}

else

{

node.AllowEdit = false;

}

e.Nodes.Add(node);

}

e.Expanded = true;

}

protected void RadTreeViewFisiere_NodeExpand(object sender, RadTreeNodeEventArgs e)

{

try

{

PopulateNodeOnDemand(e.Node, TreeNodeExpandMode.ServerSide);

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

//throw ex;

}

private static DataTable IncarcaMeniuContextual(string nivelID, string utilizatorID, bool supervizor, bool powerUser)

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

DataSet ds = dal.MeniuContextual_SelectMeniuContextual(nivelID, utilizatorID, supervizor, powerUser);

DataTable data = ds.Tables[0];

return data;

}

protected void RadTreeViewFisiere_NodeCreated(object sender, RadTreeNodeEventArgs e)

{

try

{

Persoana pers = (Persoana)Session["persoana"];

bool supervizor = pers.Supervisor;

bool powerUser = pers.IsInRole("PWU");

DataTable data = IncarcaMeniuContextual(e.Node.Value, pers.PersoanaID.ToString(), supervizor, powerUser);

if (data.Rows.Count > 0)

{

RadTreeViewContextMenu target = new RadTreeViewContextMenu();

target.Skin = "Default";

string ID = Guid.NewGuid().ToString();

target.ID = ID;

foreach (DataRow row in data.Rows)

{

RadMenuItem item = new RadMenuItem();

item.Text = row["textMeniu"].ToString();

item.Value = row["valueMeniu"].ToString();

item.ToolTip = row["toolTipMeniu"].ToString();

item.ImageUrl = row["imageMeniu"].ToString();

target.Items.Add(item);

}

RadTreeViewFisiere.ContextMenus.Add(target);

e.Node.EnableContextMenu = true;

e.Node.ContextMenuID = target.ID;

}

else

{

e.Node.EnableContextMenu = false;

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

//throw ex;

}

protected void RadTreeViewFisiere_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)

{

try

{

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

Persoana pers = (Persoana)Session["persoana"];

string userHostAddress = this.NumeCalculatorClient();

RadTreeNode clickedNode = e.Node;

ViewState["currentTreeNode"] = clickedNode.Value;

switch (e.MenuItem.Value)

{

case "addFolderDirector":

dal.Arbore_InsertDirector(clickedNode.Value, pers.PersoanaID.ToString(), pers.PersoanaPKID.ToString(), pers.Nume + ", " + pers.Compartiment, userHostAddress);

ViewState["currentTreeNode"] = clickedNode.Value;

clickedNode.Nodes.Clear();

PopulateNodeOnDemand(clickedNode, TreeNodeExpandMode.ServerSide);

break;

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

//throw ex;

}

protected void RadTreeViewFisiere_NodeEdit(object sender, RadTreeNodeEditEventArgs e)

{

try

{

if (e.Node.Attributes["radacina"] == "1")

{

return;

}

string nume = e.Text;

e.Node.Text = nume;

TethysTestDAL.Fisiere dal = new TethysTestDAL.Fisiere();

Persoana pers = (Persoana)Session["persoana"];

string userHostAddress = this.NumeCalculatorClient();

RadTreeNode clickedNode = e.Node;

dal.Arbore_UpdateDirector(e.Node.Value, pers.PersoanaID.ToString(), pers.PersoanaPKID.ToString(), pers.Nume + ", " + pers.Compartiment, userHostAddress, nume);

ViewState["currentTreeNode"] = clickedNode.Value;

clickedNode.Nodes.Clear();

PopulateNodeOnDemand(clickedNode, TreeNodeExpandMode.ServerSide);

}

catch (Exception exx)

{

Utils.ShowMessage(this, exx.Message, true, InfoLabel);

//throw ex;

}