Questions on UI for ASP.NET AJAX Forum

3 answers

371 views

ArgumentOutOfRangeException in RadGrid_ItemDataBound

I'm getting an exception System.ArgumentOutOfRangeException thrown in the ItemDataBound callback of a RadComboBox that is in a GridDropDownColumn; breaking on editableItem.GetDataKeyValue() after inserting an item. Can someone explain what is going on and what I'm need to do to correct it?

I have a grid that is bound via OnNeedDataSource to a table. A second table is bound (in code) to a column, though disabling it still shows the problem. Ultimately I'm trying to select the customer in the combo box to the current item, but if there isn't a customer then to select the first "No Customer" item.

<telerik:RadGrid runat="server" ID="Test_RadGrid" AutoGenerateColumns="false" AllowPaging="true"

OnNeedDataSource="RadGrid_NeedDataSource" OnUpdateCommand="RadGrid_UpdateCommand"

OnItemCreated="RadGrid_ItemCreated" OnDeleteCommand="RadGrid_DeleteCommand"

OnInsertCommand="RadGrid_InsertCommand" OnItemDataBound="RadGrid_ItemDataBound">

<MasterTableView DataKeyNames="ID" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage" EditMode="InPlace">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" ReadOnly="true" ForceExtractValue="Always" ConvertEmptyStringToNull="true" />

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" />

<telerik:GridDropDownColumn UniqueName="CustomerCombo" HeaderText="Customer" DropDownControlType="RadComboBox" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

protected void RadGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

Test_RadGrid.DataSource = DataSource(); // linq to sql join statement

}

protected void RadGrid_ItemDataBound(object source, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem editableItem = e.Item as GridEditableItem;

// ^---- At this point editableItem.KeyValues, in Watch window, says KeyValues threw an exception

// of type System.ArgumentOutOfRangeException, but doesn't break

GridEditManager editManager = editableItem.EditManager as GridEditManager;

GridDropDownListColumnEditor editor = editManager.GetColumnEditor("CustomerCombo") as GridDropDownListColumnEditor;

//editor.DataSource = Customer.DataSource();

//editor.DataValueField = TestField.ID;

//editor.DataTextField = TestField.Name;

//editor.DataBind();

RadComboBox combo = editableItem[TestField.CustomerCombo].Controls[0] as RadComboBox;

combo.AppendDataBoundItems = true;

combo.Items.Insert(0, new RadComboBoxItem("No customer selected", "0"));

var ret = (int)editableItem.GetDataKeyValue("0"); // <-- OutOfRangeException thown, debugger

}

Grid

answered on 02 Dec 2014

1 answer

270 views

Control in UpdatePanel not found using $find

Hi,

I have a complicated page but I created a simple ASP.NET page with the issue. I have telerik RadAsyncUpload control and a button inside an UpdatePanel as shown:

<asp:UpdatePanel ID="_updatePanel" runat="server" UpdateMode="Conditional">

<ContentTemplate>

...

<telerik:RadAsyncUpload ID="fileUpload" runat="server" MaxFileInputsCount="1" OnClientFilesSelected="fileUpload_ClientFilesSelected" /><br />

<asp:Button ID="_saveNewFileButton" runat="server" OnClick="_saveNewFileButton_Click"<br> Text="Save"/>

</ContentTemplate>

</asp:UpdatePanel>

When a file is selected I want to disable the _saveNewFileButton and change the text to "Please Wait for Attachment Upload..." but I can't seem to get hold of the button reference in javascript:

var FilesUpdateInterval = null;

//Handles client side FilesSelected event for _newFileUploadButton.

function fileUpload_ClientFilesSelected(sender, args) {

//disable the click event for submit button during upload<

var submitButton = $find('<%= _saveNewFileButton.ClientID %>');

submitButton.set_text('Please Wait for Attachment Upload...');

submitButton.set_readOnly(true);

if (FilesUpdateInterval == null) {

FilesUpdateInterval = setInterval(function () { FileCheckForUploadCompletion(); }, 500);

}

I am getting submitButton is null error. I tried putting this javascript code outside the updatepanel and inside ContentTemplate with same result. Obviously whatever I am doing is wrong. How do I get hold of the control that is in updatepanel in javascript? I appreciate any help.

Thanks,
Dana

General Discussions

answered on 02 Dec 2014

15 answers

746 views

Rad edit batch edit -- Getting selected item value in edit mode

All,

Below is the code for my rad grid, and I want to get the selected item value of the rad combo box "not text" in gridbatchedit command.

command.NewValues["Description"] --want to text the selected item value, instead of text

protected void rgReleaseSchedule_Prerender(object sender, EventArgs e)

{

SavedChangesList.ForeColor = System.Drawing.Color.Red;

RadComboBox ddlDesc = rgReleaseSchedule.FindControl(rgReleaseSchedule.MasterTableView.ClientID + "_Description").FindControl("rdDescription") as RadComboBox;

var description = IoC.Current.Resolve<IReleaseService>().ReleaseListScheduleTitle();

ddlDesc.DataSource = description;

ddlDesc.DataTextField = "Description";

ddlDesc.DataValueField = "TitleID";

ddlDesc.DataBind();

}

protected void rgReleaseSchedule_BatchEditCommand(object sender, Telerik.Web.UI.GridBatchEditingEventArgs e)

{

try

{

SavedChangesList.Items.Clear();

SavedChangesList.ForeColor = System.Drawing.Color.Red;

foreach (GridBatchEditingCommand command in e.Commands)

{

Hashtable newvalues= command.NewValues;

if (command.Type == GridBatchEditingCommandType.Update)

{

if (command.NewValues["Date"].ToString() != "" && command.NewValues["Time"].ToString() != "" && command.NewValues["Description"].ToString() != "")

{

Int32 result = IoC.Current.Resolve<IReleaseService>().ReleaseListUpdate((Int32)command.Item.OwnerTableView.DataKeyValues[command.Item.ItemIndex]["ID"],

(DateTime)command.NewValues["Date"], command.NewValues["Time"].ToString(), command.NewValues["Description"]);

}

Grid

answered on 02 Dec 2014

1 answer

65 views

RadFilterQueryProvider.ProcessGroupInternal() does not work

Hi,

I'm using Telerik RadControls for ASP.NET Ajax v2012.3.1308.35 and the RadFilterQueryProvider.ProcessGroupInternal(RadFilterGroupExpression group
) works well.

But when I upgrade to use Telerik UI for ASP.NET AJAX v2014.2.724.45, the function does not work, although no error/exception found.

I don't know if I miss something here. Please help to verify my problem

Filter

answered on 02 Dec 2014

3 answers

178 views

Responsive layout example in ASP.NET AJAX documentation

Should the sample code at:

http://www.telerik.com/help/aspnet-ajax/page-layout-responsive-design-overview.html

be specifying gridtype="Fixed" instead of gridtype="Fluid" ?

PageLayout

answered on 02 Dec 2014

1 answer

201 views

OnItemClick Event not fire

Hello,
I'm using C# with VS 2010 Ultimate
The RadMenu OnItemClick event does not fire on the sub menu items. (it does fire on the main/top menu.
How can I get the sub menu's to trigger/fire the OnItemClick Event as well?

aspx code for menu:
<telerik:RadMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick"></telerik:RadMenu>

C# code:
private void BuildMenu_CreateDocuments()
{
RadMenu1.Items.Add(new RadMenuItem("Logout"));
RadMenu1.Items.Add(new RadMenuItem("Setting"));
RadMenu1.Items.Add(new RadMenuItem("Document"));

List<Model.Common.PartnerDocument> lstPartnerDocuments = new BL.PartnerDocumentBL().GetPartnerDocuments(m_intCustomerID, m_intPartnerID, m_bAdmin);

if (lstPartnerDocuments.Count > 0)
{
for (int i = 0; i < lstPartnerDocuments.Count; i++)
{
RadMenu1.Items[ID_MENU_DOCUMENT].Items.Add(new RadMenuItem("Create " + lstPartnerDocuments[i].DocumentName, lstPartnerDocuments[i].PageUrl));
}
}
}

Menu

answered on 02 Dec 2014

3 answers

99 views

Preview and Play Files for all Formate

Hi,

I am looking for a control which allows to display/preview and play files for all formate (Images, PDFs, MS Word, Video, Flash).

Thanks,
Nitin

FileExplorer

answered on 02 Dec 2014

1 answer

113 views

Selecting row server side ... get null client side

Hi,

I've see an issue in my grid since I've made the last update with the telerik control panel. I don't know if it is due to the update or a change in my code.
I have this grid :

<telerik:RadGrid ID="TrainingPlanRadGrid" runat="server" Width="100%"

AutoGenerateColumns="false" AllowPaging="true" PageSize="13"

ShowHeader="true" ShowFooter="false" ShowGroupPanel="false"

ShowStatusBar="false"

OnNeedDataSource="TrainingPlanRadGrid_NeedDataSource"

OnItemDataBound="TrainingPlanRadGrid_ItemDataBound"

AllowMultiRowSelection="true" AllowAutomaticInserts="false"

AllowAutomaticDeletes="false"

AllowAutomaticUpdates="false" AllowSorting="true"

AllowFilteringByColumn="false"

BorderStyle="None" Style="overflow: auto;"

HeaderStyle-Font-Bold="true">

<MasterTableView TableLayout="Fixed" Width="100%" ClientDataKeyNames="ID">

<Columns>

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" Display="true">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server"

OnCheckedChanged="ToggleRowSelection"

AutoPostBack="True" />

</ItemTemplate>

<HeaderTemplate>

<asp:CheckBox ID="headerChkbox" runat="server"

OnCheckedChanged="ToggleSelectedStatePage" AutoPostBack="True" />

</HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="RequestId" HeaderText=""

DataField="ID" Visible="false" />

<telerik:GridDateTimeColumn UniqueName="RequestDate" HeaderText="RequestDate"

DataField="REQUEST_DATE" HeaderStyle-Wrap="false" HeaderStyle-Width="12%"

HeaderStyle-HorizontalAlign="Right" ItemStyle-Width="12%"

ItemStyle-HorizontalAlign="Right" />

<telerik:GridBoundColumn UniqueName="RequestUser" DataField="USER_NAME"

HeaderText="RequestUser" HeaderStyle-Wrap="false" HeaderStyle-Width="15%"

ItemStyle-Width="15%" />

<telerik:GridBoundColumn UniqueName="RequestUserOrg" DataField="ORG_LABEL"

HeaderText="RequestUserOrg" HeaderStyle-Wrap="false" HeaderStyle-Width="15%"

ItemStyle-Width="15%" />

<telerik:GridBoundColumn UniqueName="RequestAdmin" DataField="ADMIN_NAME"

HeaderText="RequestAdmin" HeaderStyle-Wrap="false" HeaderStyle-Width="15%"

ItemStyle-Width="15%" />

<telerik:GridBoundColumn UniqueName="RequestCourse" DataField="COURSE_NAME"

HeaderText="RequestCourse" HeaderStyle-Wrap="false" HeaderStyle-Width="25%"

ItemStyle-Width="25%" />

<telerik:GridTemplateColumn UniqueName="RequestStatus" HeaderText="RequestStatus"

HeaderStyle-Wrap="false" HeaderStyle-Width="12%" ItemStyle-Width="12%"

ItemStyle-Wrap="false">

<ItemTemplate>

<%# GetRequestStatus(Eval("REQUEST_STATUS").ToString())%>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<PagerStyle AlwaysVisible="false" Mode="NumericPages" />

</MasterTableView>

<HeaderStyle Font-Bold="true" />

<ClientSettings Selecting-AllowRowSelect="true">

<ClientEvents OnRowDblClick="editTrainingPlan" />

</ClientSettings>

</telerik:RadGrid>

This is the function selecting programmatically the row (on checkbox click) :

protected void ToggleRowSelection(object sender, EventArgs e)

{

GridItem item = ((sender as CheckBox).NamingContainer as GridItem);

item.Selected = (sender as CheckBox).Checked;

...

}

There is no exception thrown during the C# method.
But now, when I call this in js :

var grid = $find("TrainingPlanRadGrid");

var gridSelectedItems = grid.get_selectedItems();

I get an array with one "null" entry for each item I have selected in my C# code. And if I select a row by clicking on I get an entry containing a [Telerik.Web.UI.GridDataItem].

I can't use the auto-generated select checkbox column because I have extra features to add but I need to access in js and in C# to selected columns.

Do you see where I am doing something wrong ?

Grid

answered on 02 Dec 2014

2 answers

136 views

How to skin page background

Hi,
I have a master page that contains a radSkinManager (that display a skin chooser). All child pages that contain rad controls seem to inherit the skins just fine but the background of my page style with default style - I assume that all controls must be inside some rad container to get styled properly?

SkinManager

answered on 02 Dec 2014

2 answers

87 views

ExportToExcel Issue

The problem which i am facing is that i have an ExportToExcel image button in the grid.When i click on that , it is not asking for 'Open' or 'Save' file in Excel. Instead the datas which are to be in the Excel is displayed in UI grid itself. The excel button is in the "GridFilteringItem" . Please note that the grid is placed within RadAjaxPanel.The code which I have used is

public void grid _ItemCreated(object sender, GridItemEventArgs e)
{
//if (e.Item is GridCommandItem)
//{
// Button btncmd = (e.Item as GridCommandItem).FindControl("ExportToExcelButton") as Button;
// (this.Master.FindControl("ScriptManagerMain") as System.Web.UI.ScriptManager).RegisterPostBackControl(btncmd);
//}
if (e.Item is GridHeaderItem)
{
GridHeaderItem headerItem = (GridHeaderItem)e.Item; // access the header row
Button btnUpdate = new Button(); // creating a new checkbox
btnUpdate.ID = "btnUpdate";
btnUpdate.Text = "Update Selected";
btnUpdate.OnClientClick = "ValidateCheckBox()";
btnUpdate.Click += new EventHandler(btnUpdateSelected_Click);
headerItem["Update"].Controls.Add(btnUpdate); // adding the checkbox to the control collection of the required cell
btnUpdate.Visible = true;
}
if (e.Item is GridFilteringItem)
{
ImageButton ExportToXLSButton = new ImageButton();
ExportToXLSButton.ID = "CustomExportToExcelButton";
ExportToXLSButton.AlternateText = ExportToXLSButton.ToolTip = "Export To Excel";
ExportToXLSButton.ImageUrl = "~/images/ExportToExcel.gif";
ExportToXLSButton.CommandName = RadGrid.ExportToExcelCommandName;
(e.Item as GridFilteringItem)["Update"].Controls.Add(ExportToXLSButton);
}
}

In ItemCommand

if (e.CommandName == RadGrid.ExportToExcelCommandName)
{
grid.ExportSettings.FileName = String.Format("X_{0}_to_{1}",
dtStart.SelectedDate.Value.ToString("MM-dd-yyyy"), dtEnd.SelectedDate.Value.ToString("MM-dd-yyyy"));
{
if (col.UniqueName != "X")
{
col.Visible = true;
}
}

grid.ExportSettings.ExportOnlyData = true;
grid.ExportSettings.IgnorePaging = true;
grid.ExportSettings.OpenInNewWindow = true;
grid.Rebind();
grid.MasterTableView.ExportToExcel();

I had even referred to the below links but i could not find any solution for this

http://www.telerik.com/forums/radgrid-export-to-excel-problem

http://www.telerik.com/help/aspnet-ajax/grid-export-with-ajax-enabled.html　

http://www.telerik.com/help/aspnet-ajax/ajax-exclude

Please help me out on this issue

Thanks

Grid

answered on 02 Dec 2014