Questions on UI for ASP.NET AJAX Forum

3 answers

62 views

I'm getting data from database. I have two tables which create appointments. The classes which represent these tables differ by one boolean variable.

I'm trying to color the cells from one of the table green.

My css is here:
.rsMonthView .rsAptContent
{
background: #D0ECBB;
}

.rsDayView .rsAptContent
{
background: #D0ECBB;
}

.rsWeekView .rsAptContent
{
background: #D0ECBB;
}

.rsTimelineView .rsAptContent
{
background: #D0ECBB;
}

How to check which table from is the cell?

Scheduler

answered on 13 Dec 2011

7 answers

126 views

Need Dynamic charting.

Hi Every one,
I want to build a class inherits from charts to make my charting dynamic. But when i try to make such class and add properties of chart control , it fails to set the properties and shows it read only.
Regards
Muhammad Shoaib.

Chart (Obsolete)

answered on 13 Dec 2011

1 answer

97 views

raddock using in mvc3

how can we use Raddock in mvc3 application.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 13 Dec 2011

5 answers

121 views

Prevent day view?

In the month view, Is there a way to prevent the user from clicking on the day number to look at the individual day? I am not using this as a traditional scheduler, but rather a monthly read only informational page. I have everything disabled so far except clicking on the number in the top left corner of each day.

Thanks.

Scheduler

answered on 13 Dec 2011

8 answers

137 views

How can I display Data of my RadComboxes in RadScheuler as Subject and Description?

Hello
I am Using RelatedLoDRadComboboxesInAdvForm and I want to Display some of my text in my Appointment when all data is saved.
but Its Showing like this in my 1.jpg

AdvancedForm.aspx

<asp:Panel runat="server" ID="ResourceControls">

<asp:Label ID="Label1" runat="server" AssociatedControlID="ContinentsRadComboBox">Continent:</asp:Label>

<telerik:RadComboBox ID="ContinentsRadComboBox" runat="server" Width="186px"

OnClientSelectedIndexChanged="LoadCountries" />

<asp:Label ID="Label2" runat="server" AssociatedControlID="CountriesRadComboBox">Country:</asp:Label>

<telerik:RadComboBox ID="CountriesRadComboBox" runat="server" Width="186px"

OnClientItemsRequested="CountriesLoaded" OnClientSelectedIndexChanged="LoadCities"

EnableViewState="false" />

<asp:Label ID="Label3" runat="server" AssociatedControlID="CitiesRadComboBox">Cities:</asp:Label>

<telerik:RadComboBox ID="CitiesRadComboBox" runat="server" Width="186px"

OnClientItemsRequested="CitiesLoaded"

EnableViewState="false" />

</asp:Panel>

DefaultVB.apsx

<AppointmentTemplate>

<div class="rsAptSubject">

<%# Eval("Subject")%>

</div>

<div> <%# Eval("Description")%></div>

<div> <%# Eval("Continent")%></div>

<div> <%# Eval("Country")%></div>

<div> <%# Eval("City")%></div>

</AppointmentTemplate>

But its Showing me my IDs instead of Names...
Please Help

Scheduler

answered on 13 Dec 2011

2 answers

96 views

help windows

I need create something like image.
A windows o a panelBar inside content with X for close.
Not Popup. I need inside Content.

Is Any control for that?

Window

answered on 13 Dec 2011

10 answers

218 views

Ajaxified Radgrid pager posts back twice on page index change (Randomly)

Hi

I have created a simple ajaxified radgrid. Everything works fine except that sometimes when I paginate (change page index), it triggers the OnCommand client event twice. And that too randomly. There is no fixed index at which it happens and that makes it even more difficult for me to identify the problem. For example if it happens when I click page 5, there are 2 postbacks.... the first one passes the correct pageIndex (4) and loads the proper data on the grid.... but the second post back passes pageIndex as 0 so the grid displays page 1 data.

My pagesize is 10 and I have more than 100 pages.

Here is my Aspx:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" %>

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

<!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>Event Log</title>

<style type="text/css">

.RadLoadingPanel { top: 0px; right: 0px; position: fixed; background-color: #EBEBEB; }

.RadLoadingPanel img { vertical-align: middle; margin: 2px; }

</style>

<script type="text/javascript" src="JS/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="JS/json2.js"></script>

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

<script type="text/javascript">

var commandName = "";

var tableView = null;

function pageLoad()

{

setTimeout('LoadGrid();', 1);

}

function LoadGrid()

{

tableView = $find("<%= rg.ClientID %>").get_masterTableView();

commandName = "Load"

executeMethod("Default3.aspx", "GetDataAndCount", getRequestData(tableView), updateGrid);

}

function gridOnCommand(sender, args)

{

if (args.get_commandName() != "PageSize")

{

args.set_cancel(true);

LoadGrid();

}

function FailMessage()

{

alert('fail');

}

function updateGrid(result)

{

tableView.set_dataSource(result.d.Data);

tableView.set_virtualItemCount(result.d.Count);

tableView.dataBind();

}

function getRequestData(tableView)

{

return JSON.stringify({

"startIndex": tableView.get_currentPageIndex(),

"maximumRows": tableView.get_pageSize(),

"eID": $('#<%=txtEventID.ClientID %>').val(),

"fDate": $find("<%= rdFrom.ClientID %>").get_selectedDate(),

"tDate": $find("<%= rdTo.ClientID %>").get_selectedDate(),

"sortExpression": tableView.get_sortExpressions().toString(),

"filterExpression": tableView.get_filterExpressions().toDynamicLinq()

});

}

function executeMethod(location, methodName, methodArguments, onSuccess, onFail)

{

$.ajax({

type: "POST",

url: location + "/" + methodName,

data: methodArguments,

contentType: "application/json; charset=utf-8",

dataType: "json",

success: onSuccess,

fail: onFail,

beforeSend: function()

{

// Handle the beforeSend event

$("#<%=RadAjaxLoadingPanel1.ClientID %>").show()

},

complete: function()

{

// Handle the complete event

$("#<%=RadAjaxLoadingPanel1.ClientID %>").hide()

}

});

}

</script>

</telerik:RadCodeBlock>

</head>

<body>

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

<div>

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

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

IsSticky="True" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false">

<asp:Image runat="server" ID="imgLoading" ImageUrl="ajax-loader.gif" AlternateText="Loading..." />

<span>Loading...</span>

</telerik:RadAjaxLoadingPanel>

<table>

<tr>

<th>

From Date

</th>

<td>

<telerik:RadDatePicker ID="rdFrom" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<th>

To Date

</th>

<td>

<telerik:RadDatePicker ID="rdTo" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<th>

Event ID

</th>

<td>

<asp:TextBox ID="txtEventID" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<th>

</th>

<td>

<a href="javascript://" onclick="LoadGrid();return false;">Search</a>

</td>

</tr>

</table>

<br />

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

<telerik:RadGrid ID="rg" runat="server" AutoGenerateColumns="False" AllowPaging="True"

CellSpacing="0" GridLines="None" AllowSorting="true" >

<ClientSettings EnableRowHoverStyle="True" >

<ClientEvents OnCommand="gridOnCommand" />

</ClientSettings>

<MasterTableView AllowNaturalSort="False" AllowMultiColumnSorting="false">

<Columns>

<telerik:GridBoundColumn DataField="EventID" HeaderText="Event ID">

<ItemStyle Width="10%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EventDate" HeaderText="Event Date" DataFormatString="{0:M/dd/yy h:mm tt}"

DataType="System.DateTime">

<ItemStyle Width="15%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EventDesc" HeaderText="Description" AllowSorting="false">

</telerik:GridBoundColumn>

</Columns>

<PagerStyle AlwaysVisible="True"></PagerStyle>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

And here is the VB Code:

Imports System.Web.Services

Imports System.Data

Partial Class Default3

Inherits System.Web.UI.Page

<WebMethod(True)> _

Public Shared Function GetDataAndCount(ByVal startIndex As Integer, ByVal maximumRows As Integer, ByVal eID As String, ByVal fDate As Nullable(Of Date), ByVal tDate As Nullable(Of Date)) As Dictionary(Of String, Object)

Dim data As New Dictionary(Of String, Object)()

Using dc As New DataClassesDataContext

'dc.Log = Console.Out

Dim EL = From e In dc.EventLogs _

Select e.EventID, e.EventDate, e.EventDesc _

Order By EventDate Descending

If IsNumeric(eID) Then

EL = EL.Where(Function(e) e.EventID = CLng(eID))

End If

If fDate.HasValue Then

EL = EL.Where(Function(e) e.EventDate >= fDate.Value)

End If

If tDate.HasValue Then

EL = From e In EL _

Where e.EventDate < tDate.Value.AddDays(1)

End If

data.Add("Data", EL.Skip(startIndex * maximumRows).Take(maximumRows).ToList())

data.Add("Count", EL.Count)

Return data

End Using

End Function

End Class

P.S: I am using v2011.2.915.35 of Telerik and this happens both in Firefox and IE.

Grid

answered on 13 Dec 2011

1 answer

113 views

MonthYear picker

I want to replace my RadDatePicker with a RadMonthYearPicker resulting in less clutter for the page, problem is I need to get the start and end of the month selected via MonthYear picker for my query.

the statement below:

protected void DateChange(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)

{

//Session.Add("StartDate", RadDatePicker1.SelectedDate);

Session.Add("selectedMonth", RadMonthYearPicker1.DbSelectedDate);

}

returns merely the month I choose, the day today, and the chosen year. ex return '5/13/2011'. When I want to get '5/1/2011' and '5/31/2011'
Any suggestions on how I can get the 'start' and 'end' of the month or do I stick with RadDatePicker for now? If there is a way to do this pointing me in the right direction would be much appreciated.

Thanks

Calendar

answered on 13 Dec 2011

1 answer

66 views

Problem with TabStrip when im not using multipage property

- selected tab is not getting selected when im not using multipage property.

Regards,
Irfan

TabStrip

answered on 13 Dec 2011

6 answers

244 views

Validation on GridDateTimeColumn

I am trying to programmatically add a RequiredFieldValidator to a GridDateTimeColumn. However, I get a null reference exception when the grid goes into Edit or Insert mode.

Relevant code is:

                <telerik:GridDateTimeColumn DataField="NoticeDate" HeaderText="Notice Date" UniqueName="NoticeDate"
                    DataFormatString="{0:d}" />

   Private Sub grdNip_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles grdNip.ItemCreated
        If TypeOf e.Item Is GridEditableItem AndAlso e.Item.IsInEditMode Then
            Dim item As GridEditableItem = e.Item

            Dim dateEditor As GridDateTimeColumnEditor
            Dim valRequired As RequiredFieldValidator
            Dim cell As TableCell

            dateEditor = item.EditManager.GetColumnEditor("NoticeDate")
            cell = dateEditor.PickerControl.Parent
            dateEditor.PickerControl.ID = "dtNoticeDate"
            valRequired = New RequiredFieldValidator()
            valRequired.ControlToValidate = "dtNoticeDate"
            valRequired.ErrorMessage = "Notice date is required"
            cell.Controls.Add(valRequired)
        End If
    End Sub

Stack trace:


[NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.GridDateTimeColumnEditor.set_Text(String value) +34
   Telerik.Web.UI.GridBoundColumn.OnDataBindColumn(Object sender, EventArgs e) +856
   System.Web.UI.Control.OnDataBinding(EventArgs e) +99
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +92
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +211
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +102
   System.Web.UI.Control.DataBind() +15
   Telerik.Web.UI.GridEditFormItem.SetupItem(Boolean dataBind, Object dataItem, GridColumn[] columns, ControlCollection rows) +227
   Telerik.Web.UI.GridItemBuilder.CreateItems(GridGroupingContext group) +869
   Telerik.Web.UI.GridTableView.CreateItems(IEnumerator enumerator, GridColumn[] columns, ControlCollection controls) +129
   Telerik.Web.UI.GridTableView.CreateControlHierarchy(Boolean useDataSource) +994
   Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource) +545
   System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) +57
   System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) +114
   System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +31
   System.Web.UI.WebControls.DataBoundControl.PerformSelect() +142
   Telerik.Web.UI.GridTableView.PerformSelect() +16
   System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +73
   Telerik.Web.UI.GridTableView.DataBind() +221
   Telerik.Web.UI.GridTableView.Rebind() +48
   Telerik.Web.UI.GridCommandEventArgs.ExecuteCommand(Object source) +159
   Telerik.Web.UI.RadGrid.OnBubbleEvent(Object source, EventArgs e) +134
   System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
   Telerik.Web.UI.GridItem.OnBubbleEvent(Object source, EventArgs e) +87
   System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
   System.Web.UI.WebControls.LinkButton.OnCommand(CommandEventArgs e) +118
   System.Web.UI.WebControls.LinkButton.RaisePostBackEvent(String eventArgument) +135
   System.Web.UI.WebControls.LinkButton.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +10
   System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13
   System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +175
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1565

Grid

answered on 13 Dec 2011