Questions on UI for ASP.NET AJAX Forum

5 answers

454 views

Hi,

I am using asyncupload for storing files into database.

I have 2 grids and a upload control and a save to database button. The selection of a row from 1st grid selects rows from 2nd grid. After this, a file is uploaded using asyncupload. Now by clicking the submit button I want to save the grid selections and the file to database.
I have attached a PostbackTriggers property to asyncupload control because when i upload a file and change the selection in first grid the file is gone because of postback. If i remove PostbackTriggers property UploadedFiles count is not zero.

The UploadedFiles of asyncupload is always returning 0 files when i use PostbackTriggers.
I have attached an image to describe the controls.

AsyncUpload

answered on 27 Nov 2013

3 answers

187 views

Server side event on Clear

I want to execute some code on the server when the dropdowntree is cleared using the Clear button. How do I go about doing that? Thanks in advance.

DropDownTree

answered on 27 Nov 2013

1 answer

211 views

RadTreeView doesnot scroll automatically to selected node after postback

I have a RadTreeView with so many nodes that it requires scroll bars. When the
user selects a node the screen is refreshed and the selected node is no
longer visible, I have to scroll down to go selected node. The TreeView is opened to the selected node but the screen
is not scrolled to it. How can I get the TreeView to show the selected node
after it has been refreshed?

TreeView

answered on 27 Nov 2013

1 answer

172 views

Hide radcombobox

Hello,

I have a web page with several comboboxes , trying to set the enabled property to false on page load with the following code:

foreach (Telerik.Web.UI.RadComboBox p in this.Controls.OfType<Telerik.Web.UI.RadComboBox>())
p.Enabled = false;

doesnt seem to work, can someone suggest the rightway??

Thanks

ComboBox

answered on 27 Nov 2013

3 answers

57 views

Manual Insert and Update Error

hi

I faced an error that it cannot Cannot find a cell bound to column name 'CustTextBox' How should I solve this? Thanks a lot

here is my code:

<telerik:GridTemplateColumn DataField="CustName"
            FilterControlAltText="Filter CustName column" HeaderText="Customer Name"
            SortExpression="CustName" UniqueName="CustName">
            <EditItemTemplate>
                <asp:TextBox ID="CustNameTextBox" runat="server"
                    Text='<%# Bind("CustName") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="SCustNameLabel" runat="server" Text='<%# Eval("CustName") %>'></asp:Label>
            </ItemTemplate>
</telerik:GridTemplateColumn>

    Protected Sub RadGrid1_InsertCommand(sender As Object, e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.InsertCommand
        Dim insertedItem As GridEditFormInsertItem = DirectCast(e.Item, GridEditFormInsertItem)
        Dim CustName As String = (TryCast(insertedItem("CustNameTextBox").Controls(0), TextBox)).Text
        Customer_Insert(CustName)
        RadGrid1.Rebind()
    End Sub

Protected Sub RadGrid1_UpdateCommand(sender As Object, e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.UpdateCommand
        Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)
        Dim CustID As String = editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("CustID").ToString()
        Dim CustName As String = (TryCast(editedItem("CustNameTextBox").Controls(0), TextBox)).Text
        Customer_Update(New Guid(CustID), CustName)
        RadGrid1.Rebind()
    End Sub

Grid

answered on 27 Nov 2013

3 answers

148 views

Use Of both EditFormType="Template" AND EditFormType="EditForm"

Hi,
i want to Use Of both EditFormType="Template"(for Insert Because of all field) AND EditFormType="EditForm"(because of some field which are shown in grid)
My code is:

<%@ Page Title="" Language="C#" MasterPageFile="~/MPLayout.master" AutoEventWireup="true"

CodeFile="UserDetailsGrid.aspx.cs" Inherits="EntityDetailsGrid" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1"

ClientEvents-OnRequestStart="onRequestStart" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Animation="Slide"

KeepInScreenBounds="true" Skin="Outlook" MaxHeight="130px" MaxWidth="360px">

</telerik:RadWindowManager>

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

Skin="Outlook" />

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportTo") >= 0) {

args.set_enableAjax(false);

}

</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" AllowSorting="true"

Skin="Outlook" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="13px" HeaderStyle-Font-Names="Verdana"

ItemStyle-Font-Names="Verdana" AlternatingItemStyle-Font-Names="Verdana" ShowGroupPanel="true"

OnPreRender="RadGrid1_PreRender"

OnNeedDataSource="RadGrid1_NeedDataSource1"

onitemcommand="RadGrid1_ItemCommand1" onitemdeleted="RadGrid1_ItemDeleted"

oniteminserted="RadGrid1_ItemInserted" onitemupdated="RadGrid1_ItemUpdated">

<PagerStyle AlwaysVisible="true" Font-Bold="true" Mode="NextPrevNumericAndAdvanced" />

<ClientSettings AllowDragToGroup="true" AllowColumnsReorder="true" Resizing-AllowResizeToFit="true">

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True"></Selecting>

</ClientSettings>

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true"

FileName="Entity Details">

<Pdf AllowAdd="true" AllowCopy="true" AllowModify="true" AllowPrinting="true" BorderColor="Black"

BorderStyle="Medium" BorderType="AllBorders" PageBottomMargin="20px" PageFooter-LeftCell-TextAlign="Center"

PageFooterMargin="20px" PageHeader-LeftCell-TextAlign="Center" PageHeaderMargin="20px"

PageLeftMargin="35px" PageRightMargin="35px" PageTitle="List Of Entities and Details"

PageTopMargin="35px" PaperSize="A4" UserPassword="ss">

</Pdf>

</ExportSettings>

<MasterTableView CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="true"

EditMode="EditForms" DataKeyNames="UserId" CommandItemSettings-ShowRefreshButton="false">

<CommandItemSettings ShowExportToCsvButton="true" ShowExportToExcelButton="true"

ShowExportToPdfButton="true" ShowExportToWordButton="true" />

<EditFormSettings FormMainTableStyle-HorizontalAlign="Center" EditColumn-ButtonType="PushButton"

FormTableStyle-Width="100%" FormTableButtonRowStyle-HorizontalAlign="Center"

FormTableStyle-CellPadding="3" FormMainTableStyle-Font-Bold="true" FormMainTableStyle-ForeColor="Purple"

FormStyle-CssClass="" FormTableStyle-CellSpacing="5" InsertCaption="Add New User Details"

FormCaptionStyle-Font-Bold="true" FormCaptionStyle-Font-Underline="true" FormCaptionStyle-ForeColor="Black"

FormCaptionStyle-Font-Size="Large" FormCaptionStyle-HorizontalAlign="Center"

FormCaptionStyle-Width="100%">

<FormStyle Width="100%" BackColor="LightCyan"></FormStyle>

</EditFormSettings>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<center>

<u>

<h4>

Add New User Details</h4>

</u>

<table style="font-family: Verdana; padding: 10px" cellspacing="5" cellpadding="3">

<tr>

<td>

User Name

</td>

<td>

<asp:TextBox ID="tempUserName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tempUserName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

First Name

</td>

<td>

<asp:TextBox ID="tempFirstName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="tempFirstName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Last Name

</td>

<td>

<asp:TextBox ID="tempLastName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="tempLastName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

User Email

</td>

<td>

<asp:TextBox ID="tempUserEmail" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="tempUserEmail"

ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="Rev1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

ErrorMessage="* Invalid Email" ValidationGroup="Save" ForeColor="Red" ControlToValidate="tempUserEmail"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

Phone No

</td>

<td>

<asp:TextBox ID="tempPhoneNo" runat="server" Width="200px">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="tempPhoneNo"

ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^\d+$"

ErrorMessage="* Invalid PhoneNo" ValidationGroup="Save" ForeColor="Red" ControlToValidate="tempPhoneNo"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

User Type

</td>

<td>

<telerik:RadComboBox ID="cmbusertype" runat="server" Width="207px" Height="200px"

Font-Names="Verdana" Skin="Hay" EnableLoadOnDemand="true" MarkFirstMatch="true"

EmptyMessage="Please Select User Type" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="cmbusertype"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Comapny Name

</td>

<td>

<telerik:RadComboBox ID="cmbcompanyname" runat="server" Width="207px" Height="200px"

Font-Names="Verdana" Skin="Hay" EnableLoadOnDemand="true" MarkFirstMatch="true"

EmptyMessage="Please Select Company Name" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="cmbcompanyname"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Password

</td>

<td>

<asp:TextBox ID="tempPassword" runat="server" Width="200px" TextMode="Password">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="tempPassword"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Confirm Password

</td>

<td>

<asp:TextBox ID="tempConfirmPassword" runat="server" Width="200px" TextMode="Password">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="tempConfirmPassword"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</center>

<br />

</FormTemplate>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" UniqueName="DeleteColumn"

ConfirmText="Are you sure to Delete this Entity?" ConfirmDialogType="RadWindow"

ConfirmTitle="<b>Manifest-BI</b>">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Content>

AND

using System;

using System.Web;

using System.Linq;

using System.Data;

using System.Web.UI;

using Telerik.Web.UI;

using System.Collections;

using System.Web.UI.WebControls;

using System.Collections.Generic;

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

{

Globas ObjGlobas = new Globas();

protected void Page_Load(object sender, EventArgs e)

{

if (Convert.ToInt32(Session["RoleId"].ToString()) == 3)

{

Response.Redirect("ErrorPage.aspx");

}

BindGrid();

}

#region[-------Find Entity Id Column To Hide Before Page Load-------]

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

RadGrid1.MasterTableView.GetColumn("UserId").Visible = false;

}

#endregion

#region[--------RadGrid Advanced Data Binding-------]

protected void RadGrid1_NeedDataSource1(object sender, GridNeedDataSourceEventArgs e)

{

DataTable DtUserDetails = ObjGlobas.UserDetails();

DtUserDetails.Columns.Remove("CompId");

DtUserDetails.Columns.Remove("Password");

DtUserDetails.Columns.Remove("UserAccessCode");

DtUserDetails.Columns.Remove("Status");

DtUserDetails.Columns.Remove("StartDate");

DtUserDetails.Columns.Remove("EndDate");

DtUserDetails.Columns.Remove("UserTypeId");

RadGrid1.DataSource = DtUserDetails;

}

#endregion

#region[-------PAGELOAD GRID BIND-------]

public void BindGrid()

{

DataTable DtUserDetails = ObjGlobas.UserDetails();

DtUserDetails.Columns.Remove("CompId");

DtUserDetails.Columns.Remove("Password");

DtUserDetails.Columns.Remove("UserAccessCode");

DtUserDetails.Columns.Remove("Status");

DtUserDetails.Columns.Remove("StartDate");

DtUserDetails.Columns.Remove("EndDate");

DtUserDetails.Columns.Remove("UserTypeId");

RadGrid1.DataSource = DtUserDetails;

}

#endregion

protected void RadGrid1_ItemCommand1(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.EditCommandName)

{

RadGrid1.MasterTableView.IsItemInserted = false; //Close Insert Form When EditMode Is Open

}

if (e.CommandName == RadGrid.InitInsertCommandName)

{

RadGrid1.MasterTableView.ClearEditItems(); //Close EditMode Form When Insert Mode Is Open

}

//To Find Delete & Edit Columns And Hide Their Text While Exporting Grid To PDF & Excel & Word

if (e.CommandName == RadGrid.ExportToPdfCommandName || e.CommandName == RadGrid.ExportToExcelCommandName || e.CommandName == RadGrid.ExportToCsvCommandName || e.CommandName == RadGrid.ExportToWordCommandName)

{

RadGrid1.MasterTableView.GetColumn("EditColumn").Visible = false;

RadGrid1.MasterTableView.GetColumn("DeleteColumn").Visible = false;

}

Please Want some help,
Thanks

Grid

answered on 27 Nov 2013

1 answer

89 views

iframe with pdf content crashes IE 8

I have a lightbox with an iframe in the item template that loads pdfs from an httphandler. In chrome this works fine however it completely crashes IE 8 no matter how I attempt to load the pdf up (direct src, another .aspx with iframe content etc...). An iframe loading the pdf content alone seems to work just fine however.

Here is my lightbox as declared:

Any suggestions?

<telerik:RadLightBox ID="helpFrame" runat="server" Width="1000px"

Height="730px" Modal="True" ShowNextButton="False" ShowPrevButton="False"

PreserveCurrentItemTemplates="true" RenderMode="Lightweight" ClientSettings-ClientEvents-OnLoad="helpLoad">

<ClientSettings>

<AnimationSettings HideAnimation="Resize" ShowAnimation="Resize" />

</ClientSettings>

<Items>

<telerik:RadLightBoxItem>

<ItemTemplate>

<iframe clientidmode="Static" id="helpIFrame" height="100%" width="100%"></iframe>

</ItemTemplate>

</telerik:RadLightBoxItem>

</Items>

</telerik:RadLightBox>

LightBox

answered on 26 Nov 2013

3 answers

239 views

$find returning null

I am trying to determine why a Rad Rotator on one of our pages has stopped displaying it's items. When the page loads, it should display an image but no longer does. I can see in the source that the images are there, but hidden. I noticed that our javascript that tries to change to the next item is getting null for the rotator:

function showNextItem(dir) {

var oRotator = $find('<%= RadRotator1.ClientID %>');

if (dir == 0) {

oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Right);

}

else {

oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Left);

}

for the rotator declared:

<tr:RadRotator ID="RadRotator1" runat="server" ...>

In the script above $find returns null. I'm not sure what's going on.

What is really confusing is this page belongs to an internal SharePoint extranet site. This site is extended to a public internet site. On the internal site, the rotator works. It's only not working on the external site. If you're not familiar with this model, the sites have their own configuration and IIS application, but both serve the exact same page. So I don't believe it's anything to do with the script above or the declaration of the rotator control.

Rotator

answered on 26 Nov 2013

9 answers

448 views

Html encoding problems

Hi,

What is the deal with html encoding in RadDropDownList?
Can't make it work correctly...

I suppose that we should html encode the text property of the items?
But even if doing so, there will problems when selecting items...

See the following sample:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="dropdownlist.aspx.vb" Inherits="TestaTredjepartWeb.dropdownlist" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadDropDownList ID="ddl" runat="server">

</telerik:RadDropDownList>

</div>

</form>

</body>

</html>

Code behind:

Public Class dropdownlist

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

ddl.Items.Add(New Telerik.Web.UI.DropDownListItem(HttpUtility.HtmlEncode("<script>alert('hello1');</script>"), "1"))

ddl.Items.Add(New Telerik.Web.UI.DropDownListItem(HttpUtility.HtmlEncode("<script>alert('hello2');</script>"), "2"))

End Sub

End Class

When selecting item 2 in the dropdown the alert will display (hello2) and the text in the dropdown will be empty.
Is there any workaround for this?

Regards
Andreas

DropDownList

answered on 26 Nov 2013

4 answers

234 views

set_text not working all the time

I use a button click event to show RadNotification and start the auto updates. On hide event I stop the auto updates.
I have the default text configured, and I also reset it again to the same value in button click event, before starting auto updates and calling show().
The interval is 3 seconds, so I expect the text "Retreiving PIN number" to be displayed until the first auto update occurs, yet that does not work always. The firs time I load the page and the notification shows up, it is always empty. After that, only on occasion does the default text show up. Most of the times it shows the text from the last auto update. What may be the cause.

<telerik:RadButton ID="ButtonPairAndroid" runat="server"

Text="Pair Android Device" Width="230px" OnClick="ButtonPairAndroid_Click" OnClientClicking="CallClientShow" CausesValidation="False" />

<telerik:RadNotification ID="RadNotification1" runat="server" Height="110px" Position="Center" Text="Retreiving PIN number" Title="Device Pairing" Width="350px" AutoCloseDelay="0" OnCallbackUpdate="OnCallbackUpdate" UpdateInterval="0" LoadContentOn="TimeInterval" OnClientHidden="OnClientHidden">

</telerik:RadNotification>

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

<script type="text/javascript">

function CallClientShow(sender, args) {

var notification = $find("<%=RadNotification1.ClientID %>");

notification.set_updateInterval(3000);

notification.set_text("Retreiving PIN number");

notification.show();

args.set_cancel(false);

}

function OnClientHidden(sender, eventArgs) {

var notification = $find("<%=RadNotification1.ClientID %>");