Questions on UI for ASP.NET AJAX Forum

1 answer

89 views

Using AutoComplete box as normal textbox

Hi,
I was able to use the autocomplete text box to filter out user entries as he types.

Here is what I want to do additionally -

I want the same control to be used as a regular textbox - so after user selects an option from the listed matches, he should still be able to continue typing in the same text box. This additional text should not get lost after lost focus from the text box. Also, the selected option should not appear as a separate entity enclosed in an invisible frame with spaces before and after. It should just be displayed as normal text in the auto complete text box.

Is it possible to do this using the same control?

AutoCompleteBox

answered on 17 Jan 2013

1 answer

67 views

FileExplorer and 2011.1.315.35

Hello,

I am new to Telerik...so, my apologies if this question is too silly... Can we use FileExplorer functionalities that we see in the demo on version 2011.1.315.35? We are trying to develop this inside of a page hosted by Sitecore Content Editor and this is the version that Sitecore uses. I cannot upgrade to the latest Telrik version without breaking Sitecore...

Thanks!
Mariella.

FileExplorer

answered on 17 Jan 2013

1 answer

224 views

Not showing column values after bind radgrid

Hi guys,
I have a radgrid in my apsx page:

<telerik:RadGrid ID="FundReportGrid" runat="server" GridLines="None"

Skin="Office2010Blue" AllowPaging="true" AllowSorting="true"

onexcelmlexportrowcreated="FundReportGrid_ExcelMLExportRowCreated"

onexcelmlexportstylescreated="FundReportGrid_ExcelMLExportStylesCreated"

onneeddatasource="FundReportGrid_NeedDataSource"

onpageindexchanged="FundReportGrid_PageIndexChanged"

onpagesizechanged="FundReportGrid_PageSizeChanged"

onpdfexporting="FundReportGrid_PdfExporting"

onselectedindexchanged="FundReportGrid_SelectedIndexChanged"

onsortcommand="FundReportGrid_SortCommand"

onitemcreated="FundReportGrid_ItemCreated">

</ExportSettings>

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn HeaderText="Location" DataField="LOC" UniqueName="LOC" ReadOnly="true" SortExpression="LOC" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Job" DataField="JOB" UniqueName="JOB" ReadOnly="true" SortExpression="JOB" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Title" DataField="TITLE" UniqueName="TITLE" ReadOnly="true" SortExpression="TITLE" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="PD Code" DataField="PDIEM_CODE" UniqueName="PDIEM_CODE" ReadOnly="true" SortExpression="PDIEM_CODE" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Service Days" DataField="SERVICE_DAYS" UniqueName="SERVICE_DAYS" ReadOnly="true" SortExpression="SERVICE_DAYS" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

I code behind file I am accessing data thru Store Procedure and returning Dataset:

DataSet

ds = new DataSet();

string jobstatus = string.Empty;

ds =

PerDiemCFNReport.CFN_Funding_Issue_Report(FiscalYear.ToString(), CFNList1.CFN, Location, JobTextBox.Text.Trim(), EMP_IDs1.SelectedID, EMP_IDs1.SelectedIDType, ref jobstatus);

if ((ds.Tables.Count > 0) && (ds.Tables[0].Rows.Count > 0) && (ds.Tables[0] != null))

{

Session[

"FundReportData"] = ds.Tables[0];

lblError.Text =

String.Empty;

lblError.Attributes.Add(

"display", "none");

FundingIssueReport.Visible =

true;

ErrorImage.Visible =

false;

BindFundIssueData();

FYDetail = CFNList1.Year;

GetDetailReport();

}

else

{

lblError.Visible =

true;

lblError.Text =

"No Data found for the given search criteria";

FundingIssueReport.Visible =

false;

FundingIssueDetailReport.Visible =

false;

ErrorImage.Visible =

true;

return;

}

This is my bind function:

private

void BindFundIssueData()

{

RadGrid FundIssueGrid = (RadGrid)FundingIssueReport.FindItemByValue("FundDataReport").FindControl("FundReportGrid");

FundIssueGrid.MasterTableView.CurrentPageIndex = 0;

FundIssueGrid.DataSource = Session[

"FundReportData"];

FundIssueGrid.DataBind();

}

For some reason only first 2 column populated with the data.I run debug and SP returns all 5 fields populated with the data.

Please help,
Thanks so much.

Grid

answered on 17 Jan 2013

1 answer

58 views

Problems on Azure/Amazon

Hi Folks - I'm having a problem with code working in VS2012, but not when I deploy to Azure, so I'm hoping someone can point me in the right direction. I've also tried Amazon as well, with the same results.

What I'm trying to do is have a gridbutton column in a grid that when pressed, calls another page with a parameter. I've stripped down the code to that listed below, and changed the redirect link to CNN to see if that makes a difference. The grid populates, but also paging behavior isn't normal. When the gridbutton is pressed, nothing seems to happen.

I also saw the threads regarding server time, so I've made sure I waited 24 hours after deployment before testing, with the same results, so I'm at a loss. Any help is appreciated.

Here's the sample aspx file (public URL is http://iceasppricecompare.azurewebsites.net )

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ICEAspPriceCompare.Default" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManagerMain" Runat="server">

</telerik:RadScriptManager>

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

ConnectionString="<%$ ConnectionStrings:icelocalmerchandiseConnectionString %>" SelectCommand="SELECT * FROM [Catalogs]"></

asp:SqlDataSource>

<telerik:RadGrid ID="RadGridMain" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" CellSpacing="0" DataSourceID="SqlDataSourceCatalog" GridLines="None" Skin="Metro" OnItemCommand="RadGridMain_ItemCommand">

<MasterTableView datakeynames="Id" datasourceid="SqlDataSourceCatalog">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" ReadOnly="True" SortExpression="Id" UniqueName="Id">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MaritzCatalogId" FilterControlAltText="Filter MaritzCatalogId column" HeaderText="MaritzCatalogId" SortExpression="MaritzCatalogId" UniqueName="MaritzCatalogId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Title" FilterControlAltText="Filter Title column" HeaderText="Title" SortExpression="Title" UniqueName="Title">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" FilterControlAltText="Filter Description column" HeaderText="Description" SortExpression="Description" UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UPC" FilterControlAltText="Filter UPC column" HeaderText="UPC" SortExpression="UPC" UniqueName="UPC">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cost" DataType="System.Decimal" FilterControlAltText="Filter Cost column" HeaderText="Cost" SortExpression="Cost" UniqueName="Cost">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MSRP" FilterControlAltText="Filter MSRP column" HeaderText="MSRP" SortExpression="MSRP" UniqueName="MSRP">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MktAverage" DataType="System.Decimal" FilterControlAltText="Filter MktAverage column" HeaderText="MktAverage" SortExpression="MktAverage" UniqueName="MktAverage">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MktHigh" DataType="System.Decimal" FilterControlAltText="Filter MktHigh column" HeaderText="MktHigh" SortExpression="MktHigh" UniqueName="MktHigh">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MktLow" FilterControlAltText="Filter MktLow column" HeaderText="MktLow" SortExpression="MktLow" UniqueName="MktLow">

</telerik:GridBoundColumn>

<telerik:GridImageColumn DataImageUrlFields="ImageLink" FilterControlAltText="Filter column1 column" ImageHeight="" ImageWidth="75px" UniqueName="column1">

</telerik:GridImageColumn>

<telerik:GridButtonColumn CommandName="UPC" FilterControlAltText="Filter column column" Text="Market Price" UniqueName="column">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

</form>

</body>

</html>

and here's the codebehind file

using System;

using Telerik.Web.UI;

namespace ICEAspPriceCompare

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGridMain_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName.Equals("UPC"))

{

var item = (GridDataItem)e.Item;

string id = item.OwnerTableView.DataKeyValues[item.ItemIndex]["Id"].ToString();

Response.Redirect("http://www.cnn.com", true);

//Response.Redirect("GoogleSimpleLookup.aspx?Id=" + id, true);

}

General Discussions

answered on 17 Jan 2013

3 answers

88 views

RadEditor give an error when set the content

Hi, i have a radeditor on my page, when i set the content it gives me the follow error, anyone nows what is firing this error? Unsafe JavaScript attempt to access frame with URL chrome-extension://dknkjnkhedbanphkkpbpcgoblmkbfhlf/Js/items/container/container.html#tabUrl=http://localhost:40175 from frame with URL http://localhost:40175/Admin/Config.aspx. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'chrome-extension'. Protocols must match.

Editor

answered on 17 Jan 2013

3 answers

177 views

RAD Grid - Export to excel - Adding worksheet dynamically

Hi,

I have the following requirement in our application and i'm using RAD Grid Q2 2009 version:

1. The records in the grid should be grouped based on say column A

2. While exporting to excel, it should export the data in new worksheet for every new group (here column A).

Item# 1 can be achieved using <GroupByFields> option that comes with the grid.

While exploring options for Item# 2, i came to know from the following url,

http://www.telerik.com/help/aspnet-ajax/grdexport.html

we can override ExcelML exporting. So i thought of using RadGrid1_ExcelMLExportRowCreated event since that would be the apt event to create a worksheet for my requirement. But i couldn't find any stuff to create worksheet dynamically!

Please let me know is that achievable?

Thanks

Grid

answered on 17 Jan 2013

1 answer

146 views

RadImageEditor Cropping feature not working

Hello,

We have a visual webpart that has a Radimageeditor control inside of it. For some reason, when I try to crop an image I am seeing a JScript runtime error being thrown by ScriptResource.axd:

Microsoft JScript runtime error: Sys.ArgumentException: Cannot deserialize empty string.
Parameter name: data

I did check the http handlers in the web.config to make sure I had the correct entries.

Can anyone assist on how to fix this issue?

Thanks!

WebParts for SharePoint

answered on 17 Jan 2013

1 answer

93 views

getAppointmentsInRange() not detecting appointments

I am trying to prevent the user from resizing an appointment such that it would overlap with another appointment within the same resource. The problem seems to be when the end of the appointment being resized is dragged over another that is only 1 day in duration, it's not detecting that appointment as being within the start and end dates. I'm using the timeline view where each slot is 1 day.

I can set the start time that it passes to the function to one ms less where it spans the day boundary and it works. If I set it back to 00:00:00 it doesn't.

The code I'm using is below, ResizingTarget() is the handler for the scheduler's OnClientAppointmentResizeEnd event.

function ResizingTarget(sender, args)

{

if (!isSlotFree(args.get_targetSlot(), args.get_appointment()))

{

args.get_appointment().get_element().style.border = "0px none black";

args.set_cancel(true);

}

else

{

var apt = args.get_appointment();

var newTime = args.get_newStartTime();

var featureId = apt.get_id();

// Call web service to update target

}

function isSlotFree(targetSlot, appointment)

{

//Get start time of target calendar slot

var startTime = targetSlot.get_startTime();

//Ensure reference to RadScheduler client object

if (_sched == null)

_sched = $find( "<%= targets.ClientID %>" );

//Calculate end time (to create span that cannot be overlapped)

var endTime = new Date(startTime.getTime() + 86400000); //24hr period

startTime = new Date(startTime.getTime());

//Determine if appt being moved overlaps with another appointment

return !overlapsWithAnotherAppointment(appointment, startTime, endTime);

}

function overlapsWithAnotherAppointment(appointment, startTime, endTime)

{

if (_sched == null)

_sched = $find( "<%= targets.ClientID %>" );

// Get all appts in range of start and end time

var appointments = _sched.get_appointments().getAppointmentsInRange(startTime, endTime);

if (appointments.get_count() == 0)

return false;

var strID = "";

var apptCnt = appointments.get_count();

for (var i = 0; i < apptCnt; i++)

{

if (appointments._array[i]._id != appointment._id)

{

if (appointments._array[i]._serializedResources[0].key == appointment._resources._array[0]._key)

return true;

}

return false;

}

Scheduler

answered on 17 Jan 2013

3 answers

114 views

Sample Code?

Hello,

I just downloaded your trial version of the AJAX controls for .NET today. We have an application that performs uploads of files along with saving associated user entered data for the file that was uploaded. Previously we were using the SlickUpload control but this product has been sold and isn't supported anymore.

So, I'm looking at converting our application to use your AsyncUpload component. Some things that I see that are different is that we upload the file on submit of the page along with the information that the user entered. So, the process is something like: upload file and display upload progress bar when page is submitted and then after file is uploaded, in the same transaction, update the database with the information that the user entered about the file.

I saw that you have a few sample programs that combine some aspects of this but it would involve combining multiple demos to achieve what I'd like. Usually you upload the file automatically in the client code when the file is selected vs having it uploaded it on submit of the page. Also I couldn't find a good example of uploading the file and then saving associated database information immediately after the upload takes place. I would need to write a custom HTTP handler for this? Do you have some sample code for this?

Thanks for your help in pointing me in the right direction.

Mike Nelson

AsyncUpload

answered on 17 Jan 2013

2 answers

472 views

Missing Horizontal Scroll in RadGrid

Hi,

I have a radgrid which is getting populated with data from a datasource. However when the radgrid is populated with data from many columns, user is unable to scroll to the right and the horizontal scroll bar is also missing. I have attached my aspx code for your reference. what do i need to do to get the horizontal scroll bar to scroll results to the right.

Thanks,
Swamy