Questions on UI for ASP.NET AJAX Forum

2 answers

151 views

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

261 views

[Solved] 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

146 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

84 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

297 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

4 answers

383 views

Unable to get value selected in one Radcombobox to OnItemsRequested event of the another RadComboxbox

There are two RadComboBox in RadGrid. I need to filter the list of one combobox based on the selected value of the other RadComboBox..
If there is any solution to this problem kindly post as soon as possible.

The code that i have written on OnItemsRequested event of dependant RadComboBox is

List<Item> oItemList = null;

RadComboBox ddlItemName = (RadComboBox)sender;

Item oItem = new Item();

GridDataItem oGridDataItem = (GridDataItem)ddlItemName.Parent.Parent;

if (!string.IsNullOrEmpty(e.Text))

{

oItem.ItemName = e.Text;

if (oGridDataItem != null)

{

RadComboBox ddlMake = (RadComboBox)oGridDataItem.FindControl("ddlMake");

if (ddlMake != null && !string.IsNullOrEmpty(ddlMake.SelectedValue))

oItem.MakeId = Convert.ToInt64(ddlMake.SelectedValue);

ComboBox

answered on 13 Dec 2011

3 answers

126 views

The type or namespace name 'RadSchedulerRecurrenceEditor' does not exist in the namespace

i am getting this error when i add the radschdulerrecurrenceeditor in RadDock, is there something missing? or we need to add some dll? we have 2009 version of Telerik.Web.UI

Scheduler

answered on 13 Dec 2011

4 answers

429 views

Radgrid Footer static fixed

Hello,

how can i config the paging-bar in fixed mode?
the problem is, when i grouping the items, the paging-footer is align on the last column and when i open the last grouping item, then i can not see the child-items.
but when i resize the ie-window, the paging footer is going to bottom.
is this a bug?

and the second is, i config the pagingstyle position = top, but the paging is ever on buttom.

update: now i see, this is not a paging problem, because i disable the paging "alwaysvisible = false" and i have the same problem with the radgrid-footer. see attachment.

update2: the problem is the scrollbar. how i can config the scrollbar she is ever on buttom?

best recards

Grid

answered on 13 Dec 2011

3 answers

163 views

How to use radcombobox into radgrid using datakeynames

Hi,

I am using radgrid and displaying record with datasource. i am using radcombobox into radgrid. i want display record using datasource wtih radgrid datakeynames. that is i want put a query into datasource using )where plan_id="Datakerynames").

How to get record. let me know if you have any tips.

Thanks,
Dhamu.

Grid

answered on 13 Dec 2011

1 answer

126 views

Applying background-position to panel item

I'm having trouble overriding the style applied to a rad panel item, the css shows that the background-position style is 0px 0px and it is being set from webResource.axd. I'm trying to apply the "selected" look all the time (which has a background-position settting of 0px -400px.

I'm using the default skin (ie. no skin is set on the panelBar or panelItem).

this is a snippet of my page just before the radpanelbar:

<style type="text/css">

.RadPanelBar a.rpLink,

.RadPanelBar div.rpHeaderTemplate,

.RadPanelBar a.rpExpanded,

.RadPanelBar div.rpExpanded,

.RadPanelBar .rpItem a.rpLinkExpandHovered

.RadPanelBar_Default DIV.rpExpanded

{

background-position: 0 -400 !important;

font: 14px/24px "Segoe UI", Arial, sans-serif;

padding-bottom: 0px;

padding-top: 0px;

background-image: images/button_downloadtopdf.gif;

}

.myStyle DIV.rpExpanded

{

background-position: 0 -400 !important;

}

</style>

Directly following the style tag I have the following panel bar with the following panel item

<telerik:RadPanelBar id="pbApplicantDetail" runat="server" Width="782px" OnClientItemClicked="pbApplicantDetail_ItemClicked" BackColor="#FFFFCC" CssClass="myStyle" >

<Items>

<telerik:RadPanelItem Text="Applicant Details" Value="piApplicantDetail">

<HeaderTemplate>

<Applicant:Message runat="server" id="UCApplicantDetail"></Applicant:Message>

</HeaderTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Rule Information" Visible="true" Expanded="true" BorderStyle="None" Width="779px" CssClass="myStyle" >

<HeaderTemplate>

<asp:PlaceHolder ID="ruleHeaderPlaceholder" runat="server"></asp:PlaceHolder>

<%--<RuleHeader:Message runat="server" ID="UCRulesHeader" />--%>

</HeaderTemplate>

<ContentTemplate>

<%--<asp:PlaceHolder ID="ruleBodyPlaceholder" runat="server"></asp:PlaceHolder>--%>

<Rules:Message runat="server" id="UCRulesDetail"></Rules:Message>

</ContentTemplate>

</telerik:RadPanelItem>

I'm looking at getting the style applied to the "Rule Information" panel item in the header. It always shows up with the background position set to 0px 0px until the header is clicked, then it changes to 0px -400px which is what I want it to always be. Setting the selected property to true shows it correct, but once it is not selected then it changes back.

PanelBar

answered on 13 Dec 2011