Questions on UI for ASP.NET AJAX Forum

1 answer

82 views

Radnotification Reappear when page navigated back to.

I have a scenario where I am displaying a radnotification via a server side show, but when the user closes the the radnotification, navigates away from the page, then back to the page the radnotification reappears.

How do I prevent the radnotification from showing again.

Notification

answered on 14 Aug 2012

1 answer

98 views

Populate DetailTable along with Master Table

I'm trying to figure out if it's possible for me to be able to populate the MasterTable along with the DetailTable, so that when I expand my master row it does not have to post back to populate the detaul data.
Thanks

Grid

answered on 14 Aug 2012

3 answers

105 views

Advanced Grid Binding generates blank page

I'm trying to bind a radgrid with NeedDataSource. The NeedDataSource routine is fired and I can step through it and it the datatable is filled with data. But when I let this run to completion it generates a blank page. I'm new to telerik controls so I'm sure I've overlooked some easy thing here.

<%@ Page Title="" Language="VB" %>

<%@ Import Namespace="System.Data" %>

<%@ Import Namespace="MySql.Data.MySqlClient" %>

<script runat="server">

Protected Sub rgAlertsNeedDataSource(ByVal source As Object, ByVal e As GridNeedDataSourceEventArgs)

Dim Priorities As String = ""

Dim dtSelectedDate As DateTime = DateTime.Now.AddDays(-7)

Dim dtEndSelectedDate As DateTime = DateTime.Now

Dim HoursToPST As Integer = -8 'ddlTimeZone.SelectedValue - 8 'adjust because alerts are in PST/PDT

'If DateTime.Now().IsDaylightSavingTime Then HoursToGMT = HoursToGMT - 1

dtSelectedDate = dtSelectedDate.AddHours(HoursToPST)

dtEndSelectedDate = dtEndSelectedDate.AddHours(HoursToPST)

Dim SQL As String = "SELECT *, "

SQL &= " Case Priority "

SQL &= " WHEN 'Critical' then '5' "

SQL &= " WHEN 'Major' then '4' "

SQL &= " WHEN 'Minor' then '3' "

SQL &= " WHEN 'Warning' then '2' "

SQL &= " WHEN 'FYI' then '1' "

SQL &= " End As Severity"

SQL &= " FROM alert.alerts "

Dim SQLWHERE As String = ""

SQLWHERE = " WHERE EventName like '" & Session("ClientID") & "|%' "

SQLWHERE &= " AND CreationTime BETWEEN '" & dtSelectedDate.ToString("yyyy-MM-dd HH:mm") & "' AND '" & dtEndSelectedDate.ToString("yyyy-MM-dd HH:mm") & "' "

SQL &= SQLWHERE

If Len(Session("OSAlertSortExpr")) > 0 Then

SQL &= " ORDER BY " & Session("OSAlertSortExpr")

Else

SQL &= " ORDER BY CreationTime DESC "

End If

rgAlerts.DataSource = GetDataTable(SQL)

End Sub

Public Function GetDataTable(ByVal SQL As String) As DataTable

Dim conn As MySqlConnection = New MySqlConnection(Session("TC_CONN"))

Dim adapter As MySqlDataAdapter = New MySqlDataAdapter(SQL, conn)

Dim dt As New DataTable

conn.Open()

Try

adapter.Fill(dt)

Finally

conn.Close()

End Try

Return dt

End Function

</script>

<telerik:RadGrid ID="rgAlerts" runat="server" OnNeedDataSource="rgAlertsNeedDataSource" >

</telerik:RadGrid>

Grid

answered on 14 Aug 2012

1 answer

114 views

Loading html into right page

Hi,
I want to load a html file into a div in right page (right side of treeview) in Code Behind using AJAX,
Please help.

TreeView

answered on 14 Aug 2012

6 answers

791 views

Rad DatePicker Max date is only 12/30/2099

Hi Guys,

I am using a Rad Date Picker for AJAX and I am not able to select 12/31/2099 which is the based on requirement. How Can I achieve this?

Regards,
Kalyan

Calendar

answered on 13 Aug 2012

3 answers

595 views

[Solved] How to read Custom Attribute

I am trying to make a multi colum combo box

RadComboBoxItem item = new RadComboBoxItem();

item.Text = selectionItem.ShortName.ToString();

item.Value = selectionItem.SelectionId.ToString();

item.Attributes.Add("SelectionNumber", selectionItem.SelectionNumber.ToString());

item.Attributes.Add("DrawnNumber", selectionItem.DrawnNumber.ToString());

radComboBoxSelection.Items.Add(item);

item.DataBind();

But when trying to read value of radComboBoxSelection.SelectedItem.Attributes I am getting error what are other way to read value of

DrawnNumber

Thanks,

ComboBox

answered on 13 Aug 2012

4 answers

273 views

Edit Row height

When I edit a row, the row lost the height.

I tried change the height using
.RadGrid .rgEditrow and .rgEditRow td
line-height:13px;

But it isn't work,.

The grid error is attach on captura1.

this is my aspx:

<div id="containerSubWHelp">
<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" OnNeedDataSource="FieldsGrid_NeedDataSource"
OnUpdateCommand="FieldsGrid_UpdateCommand" OnInsertCommand="FieldsGrid_InsertCommand"
OnItemCommand="FieldsGrid_ItemCommand" OnPreRender="FieldsGrid_PreRender" OnItemCreated="FieldsGrid_ItemCreated"
OnDeleteCommand="FieldsGrid_DeleteCommand" OnItemDataBound="FieldsGrid_ItemDataBound" >
<MasterTableView DataKeyNames="Id" ClientDataKeyNames="Id,Name,Header" >
<Columns>
<telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select" HeaderStyle-Width="28px"
Resizable="false" Reorderable="false" >

</telerik:GridClientSelectColumn>
<telerik:GridTemplateColumn UniqueName="IsActive" DataField="IsActive" Reorderable="false"
HeaderStyle-Width="55px" AllowFiltering="true" Resizable="false">
<ItemTemplate>
<asp:ImageButton ID="ActiveIcon" runat="server" CommandName="Active" >
</asp:ImageButton>
<asp:CheckBox Id="lblIsActive" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsActive") is DBNull ?false:Eval("IsActive")) %>' Visible="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="28px" Reorderable="false"
AllowFiltering="false" Resizable="false" >
<ItemTemplate>
<asp:ImageButton ID="EditLink" runat="server" ImageUrl="/UI/Images/pencil.png">
</asp:ImageButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridEditCommandColumn HeaderStyle-Width="28px" UniqueName="EditCommandColumn" Reorderable="false"
ButtonType="ImageButton" EditImageUrl="/UI/Images/grid_edit.png" Resizable="false">
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn UniqueName="btnDelete" ConfirmDialogType="RadWindow" ButtonType="ImageButton" Reorderable="false"
CommandName="Delete" ConfirmDialogHeight="100px" ConfirmDialogWidth="300px" HeaderStyle-Width="28px"
Resizable="false" ImageUrl="/UI/Images/cross.png" />
<telerik:GridTemplateColumn DataField="Id" UniqueName="Id" Visible="false">
<InsertItemTemplate>
<telerik:RadTextBox ID="txtIdInsert" runat="server" Text='<%# Bind("Id") %>' ReadOnly="true"
Enabled="false" />
</InsertItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="txtId" runat="server" Text='<%# Eval("Id") %>' ReadOnly="true" />
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Name" DataField="Name">
<EditItemTemplate >
<asp:TextBox ID="txtName" Width="120px" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'
>
</asp:TextBox>
<br />
<asp:RequiredFieldValidator ID="rfName" runat="server" ErrorMessage="*" Display="Dynamic"
ControlToValidate="txtName" CssClass="validator" />
<asp:CustomValidator ID="cvName" runat="server" Display="Dynamic"
CssClass="validator" ControlToValidate="txtName" OnServerValidate="cvName_ServerValidate" />
<asp:RegularExpressionValidator ID="reName" ControlToValidate="txtName" runat="server"
ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />

</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Header" DataField="Header">
<EditItemTemplate>
<asp:TextBox ID="txtHeader" Width="120px" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Header") %>' />
<br />
<asp:RequiredFieldValidator ID="RFHeader" runat="server" ErrorMessage="*" CssClass="validator"
ControlToValidate="txtHeader" Display="Dynamic" />
<asp:CustomValidator ID="cvHeader" CssClass="validator" Display="Dynamic" runat="server"
ControlToValidate="txtHeader" />
<asp:RegularExpressionValidator ID="reHeader" ControlToValidate="txtHeader" runat="server"
ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />

</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblHeader" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Header") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="DataType" DataField="DataType">
<EditItemTemplate>
<telerik:RadComboBox runat="server" ID="cbDataType" EnableLoadOnDemand="True" DataTextField="DataType"
DataValueField="Id" HighlightTemplatedItems="true" Width="150px" AutoPostBack="true" />
<br />
<asp:RequiredFieldValidator ID="frSecurity" runat="server" ErrorMessage="*" CssClass="validator"
Display="Dynamic" ControlToValidate="cbDataType"></asp:RequiredFieldValidator>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblDatatype" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "DataType") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="IsInput" DataField="IsInput">
<EditItemTemplate>
<asp:CheckBox ID="chkIsInput" Width="120px" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsInput") is DBNull ?false:Eval("IsInput")) %>' />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblIsInput" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "IsInput") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="IsRequired" DataField="IsRequired">
<EditItemTemplate>
<asp:CheckBox ID="chkIsRequired" Width="120px" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsRequired") is DBNull ?false:Eval("IsRequired")) %>' />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblIsRequired" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "IsRequired") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>



</Columns>
<CommandItemTemplate>

<UC:AddButtons ID="AddButtons" runat="server" />
</CommandItemTemplate>
</MasterTableView>

<ClientSettings>
<Resizing ResizeGridOnColumnResize="true" />
<ClientEvents OnRowDblClick="rowDblClick" />
</ClientSettings>
</telerik:RadGrid>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="FieldDialog" runat="server" Height="600px" Width="800px" Skin="Vista" BackColor="Aquamarine"
ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
Behaviors="Move, Close" Animation="FlyIn" />

<telerik:RadWindow ID="DeleteDialog" runat="server" Skin="Vista" BackColor="Aquamarine"
ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" IconUrl="/UI/Images/delete.png"
Behaviors="Move, Close" Animation="FlyIn" >

</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
</div>

I need some like Caprtura2

How I can fis this issue??

Grid

answered on 13 Aug 2012

2 answers

89 views

[Solved] $find issue in IE8

So lately I have been working on getting our website cross browser compatible, and I just ran into a rather noticeable problem with one of our .ascx controls. The control's entire XML markup is shown below. Everything seems to be working good in the other internet browsers, but in internet explorer the $find just returns null!

Returns null here:

<telerik:RadScriptBlock ID="AddressBookScriptBlock" runat="server">
<script type="text/javascript">
$(document).ready(function () {

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

AddressBook_InitializeClientSide(
$find("<%= AddressBookListView.ClientID %>"),
$("#<%= SelectedContacts.ClientID %>"));

});
</script>
</telerik:RadScriptBlock>

AddressBook.ascx:

<table id="AddressTable" style="width: 100%" cellpadding="0" cellspacing="0">

<tr>

<td valign="top">

<telerik:RadButton ID="ToButton" runat="server" Text="" Width="60px"

AutoPostBack="false" OnClientClicked="ToggleAddressGrid" />

</td>

<td style="width: 100%; padding-left: 5px; padding-bottom: 5px; padding-right: 5px">

<telerik:RadListView ID="AddressBookListView" runat="server" DataKeyNames="name,id"

ClientDataKeyNames="name,id" ClientIDMode="AutoID" Width="100%" >

<ClientSettings>

<DataBinding>

<LayoutTemplate>

<div ID="#= owner.get_id() #_itemContainer" class="DataLayoutTemplate"

onclick="ToggleAddressGrid(this, event, '#= owner.get_id() #')" />

</LayoutTemplate>

<EmptyDataTemplate>

<div class="TelerikFont EmptyDataTemplate" runat="server">

Click here or use the button to add contacts...

</div>

</EmptyDataTemplate>

<ItemTemplate>

<table runat="server" class="AddressContact TelerikFont" cellpadding="0" cellspacing="0"

onclick="AddressBook_DeSelectFromAddressGrid('#= owner.get_id() #','#= id #');">

<tr>

<td style="padding-left: 5px; padding-right: 5px;">

#= name #

</td>

<td style="width: 0; display: none; overflow: visible">

#= id #

</td>

<td style="padding-right: 5px;">

<img src="#= ResolveClientUrl('~/Main/Content/Images/Icons/msg_delete.gif') #" />

</td>

</tr>

</table>

</ItemTemplate>

</DataBinding>

</ClientSettings>

</telerik:RadListView>

<div style="width: 100%; position: relative;">

<div runat="server" id="AddressGridDiv" class="AddressGridDiv">

<telerik:RadAjaxLoadingPanel ID="AddressBookLoadingPanel" runat="server" />

<telerik:RadAjaxPanel ID="AddressGridAjaxPanel" runat="server" LoadingPanelID="AddressBookLoadingPanel">

<telerik:RadGrid ID="AddressBookGrid" runat="server" AutoGenerateColumns="false" AllowFilteringByColumn="true"

AllowSorting="true" AllowPaging="true" OnNeedDataSource="AddressGrid_NeedsDataSource"

AllowMultiRowSelection="true">

<MasterTableView DataKeyNames="Id,Name" ClientDataKeyNames="Id,Name" AllowNaturalSort="false" Width="100%">

<SortExpressions>

<telerik:GridSortExpression />

</SortExpressions>

<Columns>

<telerik:GridClientSelectColumn>

<HeaderStyle Width="40px" />

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn HeaderText="Name" SortExpression="Name" DataField="Name"

FilterControlWidth="150" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"

ShowFilterIcon="false" />

<telerik:GridBoundColumn SortExpression="ParentCawClient.Name" DataField="ParentCawClient.Name"

HeaderText="Client Name" FilterControlWidth="150px" ShowFilterIcon="false"

CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" />

<telerik:GridBoundColumn HeaderText="Email Address" SortExpression="Email" DataField="Email"

FilterControlWidth="150" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"

ShowFilterIcon="false" />

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowSelected="AddressBook_AddRowToListView"

OnRowDeselected="AddressBook_RemoveRowFromListView"

OnGridCreated="AddressBook_InitGridContacts" />

<DataBinding EnableCaching="true" />

</ClientSettings>

<GroupingSettings CaseSensitive="false" />

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

</td>

</tr>

</table>

<asp:HiddenField ID="SelectedContacts" runat="server" Value="" ClientIDMode="AutoID" />

<telerik:RadScriptBlock ID="AddressBookScriptBlock" runat="server">

<script type="text/javascript">

$(document).ready(function () {

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

AddressBook_InitializeClientSide(

$find("<%= AddressBookListView.ClientID %>"),

$("#<%= SelectedContacts.ClientID %>"));

});

</script>

</telerik:RadScriptBlock>

Page_Load code behind for the control:

protected void Page_Load(object sender, EventArgs e)

{

AddressBookListView.ClientSettings.DataBinding.ItemPlaceHolderID = AddressBookListView.ClientID +

"_itemContainer";

ClientIDMode = ClientIDMode.AutoID;

}

The page that contains the .ascx control has no managers of any kind, and ends up getting loaded from the default page that has RadWindowManager:

<telerik:RadWindowManager ID="ViewEditMessageWindow" ShowContentDuringLoad="false" VisibleStatusbar="false"

ReloadOnShow="true" runat="server" EnableShadow="true" KeepInScreenBounds="true"

Left="10px" Top="10px" MinHeight="600px" MinWidth="800px">

<Windows>

<telerik:RadWindow ID="ViewMessage" runat="server" Behaviors="Close" NavigateUrl="" MinHeight="600" MinWidth="800"

Modal="true" Overlay="true" />

</Windows>

</telerik:RadWindowManager>

and the window getting created from this default page's javascript

function NewMessage(sender, eventArgs) {

var oWnd = radopen("<%= Navigator.NewMessage() %>", "ViewEditMessageWindow");

}

We need to get the find to work in IE V8.

Ajax

answered on 13 Aug 2012

4 answers

291 views

Custom Validation for GridDateTimeColumn

I need to apply custom validation on a GridDateTimeColumn

is there a way to add a custom validator on the Edit Command?

or
if I template the column, what is the equivalent (Label and RADDatePicker?) in ItemTemplate controls and EditItemTemplate controls

Grid

answered on 13 Aug 2012

3 answers

94 views

[Solved] Two rows header skin style

Hello,

I have problem with combobox header when it contains two rows. Background image is repeated instead of spread on whole header height.

My default Skin which causes this issue is Office2010Silver.

Does somebody know, how to apply radgrid header class rgHeader on combobox header class rcbHeader, because when radgrid has two rows header column, the background image looks good...

For further information, please check the attachment.

Please help me to solve this issue.

Best regards

Vasssek

ComboBox

answered on 13 Aug 2012