Questions on UI for ASP.NET AJAX Forum

4 answers

328 views

Ok, first of all hi :)

ALready programming two-months with Telerik, I feel I started to get the grip of things. However there is something that has troubled me for the past few days in my work trying different implementations, but I still cannot seem to find a solution....

What I want to do:
I want to redirect to a new page through a button ( - I don't know if there are practical differences between Image and Link button other than how it is viewed on the user, but I prefer ImageButton - ), which also will pass a variable it in the url (http://www.lala.com?var=myvar - any other way are acceptable)

What I currently do:
In my .aspx file I have
(Grid Properties)

<

telerik:RadGrid ID="rdEthnologicalImages" runat="server"

AllowSorting="True" AutoGenerateColumns="False" CellSpacing="0"

AllowPaging="True" ShowStatusBar="True" GridLines="None"

OnItemCommand="RadGrid_Command" OnNeedDataSource="RadGrid_NeedDataSource"

OnItemDataBound="RadGrid_ItemDataBound">

(Grid Buttons - Download is the button to redirect, Link keeps the text to parse)

<telerik:GridButtonColumn

FilterControlAltText="Filter Download column" HeaderText="Download"

ImageUrl="~/Img/download.png" ItemStyle-HorizontalAlign="Center" Text="Download"

CommandName="Download" UniqueName="Download"><HeaderStyle Width="50px"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="Link"

FilterControlAltText="Filter ImageLink column" HeaderText="Link"

UniqueName="ImageLink" Visible="False">

</telerik:GridBoundColumn>

In my .cs file
(I eventually found out that LinkButton has no OnCLick attribute, so that brings me at a dead end...I think..)
(After it found the correct element, it should call the javascript function in the MasterPage - included in the <head>)

if (e.Item.ItemType == GridItemType.Item)

{

GridDataItem dataItem = (GridDataItem)rdEthnologicalImages.MasterTableView.GetItems(GridItemType.Item)[0];

//LinkButton downloadButton = (LinkButton)dataItem.FindControl("Download");

LinkButton downloadButton = (LinkButton)e.Item.FindControl("Download");

if (downloadButton != null)

{

downloadButton.Attributes.Add("OnClick", "popup");

}

In my .js file
(Since I have the text I need in a hidden column, I get it and pass it to the page I want)

function popup()

{

var grid = $find("<%=rdEthnologicalImages.ClientID %>");

var MasterTable = grid.get_masterTableView();

var selectedRows = MasterTable.get_selectedItems();

for (var i = 0; i < selectedRows.length; i++)

{

var row = selectedRows[i];

var link = MasterTable.getCellByColumnUniqueName(row, "ImageLink");

window.open("~/DownloadPopup.aspx?filename=link");

break;

}

Errors:
My main error is that downloadbutton(.cs) is always null. And even if it progressed properly I already have a bad feeling it won't work even then.

For some parts, I am not even 100% of what their functions are.
Any help in the matter?

Grid

answered on 21 Apr 2012

1 answer

64 views

Is that a normal behavior that RadEditor undo history includes Enter(New Line) when I typed texts for each line?

Attached is the image that describes my situation:

I input a number for each line. When I undo it I expected the number to be removed (per click of undo function) but it did not because it removes the Enter (new line) first then when I clicked the undo function again, that's the time that it removed the number.

Is that a normal behavior? But, I tried the radEditor demo in the demo site, it does not include Enter in the undo history list. The number was removed per click of undo function.

I am using Telerik.Web.UI.dll v4.0.30319

Thank you.

Editor

answered on 21 Apr 2012

0 answers

73 views

Recurring is not display when i update the recurring format string to RecurringRule Field.

Hello,

I used the recurring rule format string which create by the recurring control.
Recurring Rule:
DTSTART:20100923T120000Z DTEND:20100923T130000Z RRULE:FREQ=DAILY;UNTIL=20201231T000000Z;INTERVAL=1;BYDAY=MO,TU,WE,TH,FR,SA,SU
Date: 2010-09-23.
FromTime: 12:00:00.
ToTime: 13:00:00.
I updated a row using this recurring format. I used the same string.
But it doesn't display in the calender. How should I do?

What is the problem?
Please help me ASAP.

Thanks

Jiten Mutum

Scheduler

asked on 21 Apr 2012

3 answers

227 views

Update Controls Outside RADGrid

When I click on a button inside the RADGrid, how do I also update controls that exist outside of the grid?
I've tried the following so far:

1) RADAjaxManager.ResponseScripts.Add(String.Format("window['{0}'].AjaxRequest();", Me.RadAjaxPanel_PackageDetails.ClientID)
2) I also tried RADAjaxManager.AjaxSettings.AddAjaxSetting(Me.gridMain, Me.RadAjaxPanel_PackageDetails)
3) I also tried wrapping my grid in it's own RadAjaxPanel and used it's ResponseScripts.Add() method

None of these options seemed to have any effect what-so-ever. What link am I missing to get this to work?

Grid

answered on 20 Apr 2012

1 answer

68 views

Styling PanelItems

I've set a css class on each panel item and I can't get more spacing between each item. I just simply want there to be some more white space between each panel item. Do you have tutorials on styling a panel item?

PanelBar

answered on 20 Apr 2012

1 answer

129 views

Javascript error that I am confused about.

Hello I have the Grid from this example on my page:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/clienteditbatchupdates/defaultcs.aspx

It was working fine but now everytime it loads it gives me a javascript error saying "RadGrid1_Command" is undefined and it shows me this line of code:

Sys.Application.add_init(function() {

$create(Telerik.Web.UI.RadGrid, {"ClientID":"ctl00_ContentPlaceHolder1_GridQtyDeduction","ClientSettings":{"AllowAutoScrollOnDragDrop":true,"ShouldCreateRows":true,"DataBinding":{},"Selecting":{"CellSelectionMode":0},"Scrolling":{},"Resizing":{},"ClientMessages":{},"KeyboardNavigationSettings":{"AllowActiveRowCycle":false,"EnableKeyboardShortcuts":true,"FocusKey":89,"InitInsertKey":73,"RebindKey":82,"ExitEditInsertModeKey":27,"UpdateInsertItemKey":13,"DeleteActiveRow":127,"ExpandDetailTableKey":39,"CollapseDetailTableKey":37},"Animation":{}},"Skin":"Hay","UniqueID":"ctl00$ContentPlaceHolder1$GridQtyDeduction","_activeRowIndex":"","_controlToFocus":"","_currentPageIndex":0,"_editIndexes":"[]","_embeddedSkin":true,"_gridTableViewsData":"[{\"ClientID\":\"ctl00_ContentPlaceHolder1_GridQtyDeduction_ctl00\",\"UniqueID\":\"ctl00$ContentPlaceHolder1$GridQtyDeduction$ctl00\",\"PageSize\":15,\"PageCount\":1,\"EditMode\":\"InPlace\",\"AllowPaging\":true,\"CurrentPageIndex\":0,\"VirtualItemCount\":0,\"AllowMultiColumnSorting\":false,\"AllowNaturalSort\":true,\"AllowFilteringByColumn\":false,\"PageButtonCount\":10,\"HasDetailTables\":false,\"PagerAlwaysVisible\":false,\"changePageSizeComboBoxTopClientID\":\"ctl00_ContentPlaceHolder1_GridQtyDeduction_ctl00_ctl02_ctl01_PageSizeComboBox\",\"changePageSizeComboBoxClientID\":\"ctl00_ContentPlaceHolder1_GridQtyDeduction_ctl00_ctl03_ctl02_PageSizeComboBox\",\"IsItemInserted\":false,\"clientDataKeyNames\":[\"TranDet_ID\"],\"_dataBindTemplates\":false,\"_selectedItemStyle\":\"\",\"_selectedItemStyleClass\":\"rgSelectedRow\",\"_columnsData\":[{\"UniqueName\":\"rprodcode\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"rprodcode\",\"ReadOnly\":true,\"Display\":true},{\"UniqueName\":\"rname\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"rname\",\"ReadOnly\":true,\"Display\":true},{\"UniqueName\":\"pack_qty_req_for_packing\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"pack_qty_req_for_packing\",\"ReadOnly\":true,\"Display\":true},{\"UniqueName\":\"pack_qty_req_for_packing_unit\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"pack_qty_req_for_packing_unit\",\"ReadOnly\":true,\"Display\":true},{\"UniqueName\":\"label_qty\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"label_qty\",\"Display\":true},{\"UniqueName\":\"label_claim_unit\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"label_claim_unit\",\"Display\":true},{\"UniqueName\":\"qty_reqd_per_dosage_unit\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"qty_req_per_dosage_unit\",\"Display\":true},{\"UniqueName\":\"Qty_reqd_per_dosage_unit_UNIT\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"Qty_reqd_per_dosage_unit_UNIT\",\"Display\":true},{\"UniqueName\":\"RM_assay\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"RM_assay\",\"Display\":true},{\"UniqueName\":\"perc_overage\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"perc_overage\",\"Display\":true},{\"UniqueName\":\"adj_qty_per_dos_unit\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"adj_qty_per_dos_unit\",\"Display\":true},{\"UniqueName\":\"perc_in_form\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"perc_in_form\",\"Display\":true},{\"UniqueName\":\"pot_as_is\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"pot_as_is\",\"Display\":true},{\"UniqueName\":\"qty_req_for_std_kg\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"qty_req_for_std_kg\",\"Display\":true},{\"UniqueName\":\"qty_req_for_order_kg\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"qty_req_for_order_kg\",\"Display\":true},{\"UniqueName\":\"receiving_no\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.String\",\"DataField\":\"receiving_no\",\"Display\":true},{\"UniqueName\":\"pack_qty_tot_qty_used\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridTemplateColumn\",\"DataTypeName\":\"System.Decimal\",\"DataField\":\"pack_qty_tot_qty_used\",\"Display\":true}]}]","_loadingText":"Loading...","_masterClientID":"ctl00_ContentPlaceHolder1_GridQtyDeduction_ctl00","_readyText":"Ready","_shouldFocusOnPage":false,"_statusLabelID":"ctl00_ContentPlaceHolder1_GridQtyDeduction_ctl00_ctl03_ctl02_statusPanel","allowMultiRowSelection":false,"clientStateFieldID":"ctl00_ContentPlaceHolder1_GridQtyDeduction_ClientState"}, {"command":RadGrid1_Command,"rowClick":RowClick,"rowCreated":RowCreated,"rowDestroying":RowDestroying}, null, $get("ctl00_ContentPlaceHolder1_GridQtyDeduction"));

});

Can anyone explain what that means? I am not sure how to go about fixing it. Thanks.

Grid

answered on 20 Apr 2012

4 answers

180 views

Custom RadCombobox is transparent in RadGrid in IE7

Hi,

I created a custom control that inherits from the RadCombobox. I do 2 things within the control: I added a new property and I override the Databind() method.

I use the control in the EditItemTemplate of the RadGrid, and it is defined as such:

<cc:RatingValuesDropDownField ID="ddlRatingValue" runat="server" RatingType="Type1" MaxHeight="200px" />

I don't change anything related to the look of the control in my code, yet it ends up looking like what's displayed in the attached picture in IE7.

I use RadFormDecorators inside my code, so I am not sure if that's the issue or not.

Any ideas?

Thanks.

edit: forgot to add that the drop down displays fine when outside of a radgrid.

ComboBox

answered on 20 Apr 2012

9 answers

255 views

how to inject custom data into pdf file while exporting radgrid to Pdf?

Hi

I am exporting radGrid data to Pdf format, So while exporting I want to inject my own data ( custom data) into the pdf file.

How can I achieve this?

Thanks,

Grid

answered on 20 Apr 2012

2 answers

92 views

Filtering Columns not working on FF

Hi,
I've a grid with some columns that permit filtering, and everything was working fine.

After the update to Web components 2011.2, this functionality continued working well on IE, but on FF the Filter event is not fired.

Any idea?

Thank you

Cristian

Grid

answered on 20 Apr 2012

3 answers

91 views

EmptyMessageTemplate not showing correctly when show in Window

Hi,

I'm having a problem where the text of the <EmptyMessageTemplate> is not centred correctly. My ListBox is inside a Window, which is not visible on the Initial load.

Markup

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

<%@ 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">

</head>

<body>

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

<telerik:RadScriptManager ID="scrpMngr" runat="server" AsyncPostBackTimeout="600">

</telerik:RadScriptManager>

<div>

<telerik:RadWindow runat="server" ID="rdwWin" Height="320" Width="515" Behaviors="Close" Overlay="true" Modal="true" VisibleStatusbar="false" VisibleOnPageLoad="false" Visible="false">

<ContentTemplate>

<telerik:RadListBox runat="server" ID="lbSource" Height="200px" Width="260px" AllowTransfer="true" TransferToID="lbSelected" AllowTransferDuplicates="false" AllowTransferOnDoubleClick="true"

TransferMode="Move" EnableDragAndDrop="true" ButtonSettings-Position="Right" TabIndex="1" AccessKey="y">

<EmptyMessageTemplate>No items found</EmptyMessageTemplate>

</telerik:RadListBox>

<telerik:RadListBox runat="server" ID="lbSelected" Height="200px" Width="230px" AllowTransferOnDoubleClick="true" EnableDragAndDrop="true">

<EmptyMessageTemplate>No items selected</EmptyMessageTemplate>

</telerik:RadListBox>

</ContentTemplate>

</telerik:RadWindow>

<asp:Button Text="Show window" runat="server" OnClick="btnShow_Click" />

</div>

</form>

</body>

</html>

CodeBehind

namespace TestListBox {

public partial class WebForm1 : System.Web.UI.Page {

protected void Page_Load(object sender, EventArgs e) {

if (!Page.IsPostBack) {

lbSource.Items.Add(new Telerik.Web.UI.RadListBoxItem() { Value = "1", Text = "some item" });

lbSource.Items.Add(new Telerik.Web.UI.RadListBoxItem() { Value = "2", Text = "another item" });

}

protected void btnShow_Click(object sender, EventArgs e) {

rdwWin.Visible = true;

rdwWin.VisibleOnPageLoad = true;

}

How to reproduce: Click "Show window" and you see that the 'no items selected' text is in the upperleft corner of the second ListBox. Move an item from the left to the right ListBox, and move it back to the left again. The 'no items selected' text show again, but now it's nicely centered in the ListBox.

Any idea how to solve this?

Thanks,
Danny

ListBox

answered on 20 Apr 2012