Questions on UI for ASP.NET AJAX Forum

2 answers

145 views

Hi there,
I created a control that inherits from RadGrid to include a RadWindow editing feature, similar to the sample here http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid
The main difference is that I do not want to use an external page, as in the sample above, but I want to use a template to be dynamically loaded in the RadWindow. Also, I'd like to handle all load & save events using the RadGrid ItemCommand.
So I created an ITemplate EditWindowTemplate property in my control and I instantiate it in the RadWindow contentcontainer when needed.
This is the code I use to extend the RadGrid js client

Telerik.Web.UI.RadGrid.prototype.showEditItemForm = function (itemIndex) {

this.gridItemIndex = itemIndex;

$find(this.windowId).show();

__doPostBack(this.panelId, itemIndex);

return false;

}

Telerik.Web.UI.RadGrid.prototype.saveChanges = function () {

if (this.gridItemIndex > -1)

this.get_masterTableView().fireCommand('Update', '');

else

this.get_masterTableView().fireCommand('PerformInsert', '');

}

So, when the user click the "Add new" link or an Edit link, I start a partial postback that loads the RadWindow contents, using an UpdatePanel.
This is the UpdatePanel PreRender method I use to display the UI and pass the edit item index to the server

void pnlWnd_PreRender(object sender, EventArgs e)

{

//Handle updatepanel postback, show edit window

string eventTarget = HttpContext.Current.Request.Params["__EVENTTARGET"] as string;

int eventArg = -1;

if (!string.IsNullOrEmpty(eventTarget) && eventTarget == pnlWnd.ClientID && int.TryParse(HttpContext.Current.Request.Params["__EVENTARGUMENT"], out eventArg))

{

//CreateEditWindow();

editWindowContainer.Visible = true;

if (eventArg > -1)

{

GridCommandEventArgs args = new GridCommandEventArgs(this.Items[eventArg], this, new CommandEventArgs(RadGrid.EditCommandName, null));

OnItemCommand(args);

}

else

{

MasterTableView.IsItemInserted = true;

GridCommandEventArgs args = new GridCommandEventArgs(MasterTableView.GetItems(GridItemType.CommandItem)[0], this, new CommandEventArgs(InitInsertCommandName, -1));

OnItemCommand(args);

}

If the user clicks on the Add link, I fire the InitInsert event, if he clicks an Edit link I fire the Edit event.
Last, I handle the ItemCommand event in a page to respond to each event: Edit (load an item and show the edit form), InitInsert (show empty edit form), Update (the user saved a change) and PerformInsert (the user saved a new item).
When I create a new item everything works, but when I try to save a change to an existing item I get

Specified argument was out of the range of valid values.
Parameter name: ItemHierarchicalIndex

What am I doing wrong?
Thanks!

Grid

answered on 25 Jun 2013

1 answer

104 views

same data when open radwindow again

Hello every one

i have radgride to show invoices list when i edit invoice in radwindow he show me the data for previous invoice

for example
When I try to edit invoice no 1 he show me the data correct in radwindow for first time
but after close radwindow then I try to edit invoice no 2 he show me in radwindow the data for invoice no 1

any one can help me

Thanks

Window

answered on 25 Jun 2013

1 answer

185 views

RadGrid - Delete Confirm JavaScript and Get Values of the DataField of the ClientDataKeyNames

Hello everyone,

i need your help for getting the value of the DataField from ClientDataKeyNames array of the MasterTable and even without AllowRowSelect = "True"
All I need is to CLICK BUTTON ONLY WITHOUT AllowRowSelect = True
Once I click "Remove Location" button, I am still getting error that we don't get any values from ClientDataKeyName.

In UserControl

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

<script type="text/javascript">

function OnClientClickingApprovedLocations(sender, args) {

var callBackFunction2 = Function.createDelegate(sender, function (argument) {

if (argument) {

this.click();

}

});

var Master = $find("<%=rgRequestorlocations.ClientID %>").get_masterTableView();

var SelectedItem = Master.get_selectedItems()[0];

var location_name = SelectedItem.getDataKeyValue("location_name"); // get the DataKeyValue of selected item

var role = SelectedItem.getDataKeyValue("role");

var duty = SelectedItem.getDataKeyValue("duty");

if (duty == "P") {

if (role == "Privacy Officer") {

roletext = "Are you sure you want to remove this role location?";

radconfirm(roletext, callBackFunction2, 300, 100, null, "Delete");

args.set_cancel(true);

}

else {

roletext = "Please confirm the Primary " + role + " for " + location_name + " will be removed " + "" + "?";

radconfirm(roletext, callBackFunction2, 300, 100, null, "Delete");

args.set_cancel(true);

}

else {

roletext = "Are you sure you want to remove this role location?";

radconfirm(roletext, callBackFunction2, 300, 100, null, "Delete");

args.set_cancel(true);

}

</script>

</telerik:RadScriptBlock>

<telerik:RadGrid ID="rgRequestorlocations" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnNeedDataSource="rgRequestorlocations_NeedDataSource" OnItemCommand="rgRequestorlocations_ItemCommand" OnItemDataBound="rgRequestorlocations_ItemDataBound">

<MasterTableView DataKeyNames="location_pk, user_id, role,location_name, duty" ClientDataKeyNames="location_pk, user_id, role,location_name, duty">

<CommandItemSettings ExportToPdfText="Export to PDF" />

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

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

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

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="user_id" FilterControlAltText="Filter location_pk column" HeaderText="User ID" UniqueName="user_id" Visible="False"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="location_pk" FilterControlAltText="Filter location_pk column" HeaderText="Location ID" UniqueName="location_pk" Visible="False"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="location_name" FilterControlAltText="Filter location_name column" HeaderText="Location Name" UniqueName="location_name"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="role" FilterControlAltText="Filter role column" HeaderText="Role" UniqueName="role"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="duty" FilterControlAltText="Filter role column" HeaderText="duty" UniqueName="duty" Visible="false"></telerik:GridBoundColumn>

<%-- <telerik:GridButtonColumn ButtonType="PushButton" FilterControlAltText="Filter deletecolumn column" ConfirmText="Are you sure you want to remove this role location?"

ConfirmDialogType="RadWindow"

ConfirmTitle="Remove Role Location?" HeaderText="Remove Role" Text="Remove Role" UniqueName="deletecolumn" CommandName="DeleteRoleLocation">

</telerik:GridButtonColumn>--%>

<telerik:GridTemplateColumn UniqueName="rbDelete">

<ItemTemplate>

<telerik:RadButton ID="rbDelete" onr runat="server" Text="Remove Role" OnClientClicking="OnClientClickingApprovedLocations" Value="" CommandName="DeleteRoleLocation">

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

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

</EditFormSettings>

<PagerStyle PageSizeControlType="RadComboBox" />

</MasterTableView>

<PagerStyle PageSizeControlType="RadComboBox" />

<ClientSettings>

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

</ClientSettings>

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

</telerik:RadGrid>

Grid

answered on 25 Jun 2013

1 answer

119 views

how can count radgrid bound column value?

Hello friends

I want to count telerik:GridBoundColumn in the radgrid so how can i do this?

Grid

answered on 25 Jun 2013

3 answers

251 views

Export GridButtonColumn

How to get Export working with GridButtonColumns ? I want my LinkButton.Text data in the exported excel.

Shinu explains the problem here:
http://www.telerik.com/community/forums/aspnet-ajax/grid/exporting-data-to-excel.aspx#526940

but that link is not sufficient and does not present a solution.

Thanks.

Grid

answered on 25 Jun 2013

1 answer

326 views

Get parent element from RadNumericTextbox client side

Hi,

I have a number of RadNumericTextboxes that all link to the same ValueChanged clientside event.
In this event I want to get the parent element of this RadNumericTextbox (a table cell) and change its background color.
However I have trouble getting the parent element. The RadNumericTextbox doesn't support the regular javascript 'parentNode' property so I can't use that. And I also have trouble selecting the RadNumericTextbox as a 'regular' DOM element because it's in a page with a masterpage, so the ID is useless.

Can anyone help?

Cheers,
CJ

Input

answered on 25 Jun 2013

1 answer

300 views

Setting size and position of 'Upload' window

Good day,

We're using one fileexplorer in a page.
When we press the 'Upload' button of the file explorer, a window appears with file selector open button, overwrite flag, filter label, etc.
We are unable to understand how to position and size the Upload window.

How can we change size and position when opening the Upload window?

We'd like to also know:
- Is it possible to change the 'Filename' and 'Size' labels of the file explorer?
- Is it possible to set size and position of the -file open- window (the one that appears when pressing 'Select' in the upload window)?

Thanks in advance

FileExplorer

answered on 25 Jun 2013

8 answers

411 views

WebResource not injected in page after full then partial postback

Hi. I'm using an AjaxPanel for async postbacks. Within that, I have a Rad File Upload control. For file uploads, I turn off Ajax via set_enableAjax(false). The file upload works correctly -- a full postback occurs.

After the full postback, if I then make some async postbacks within that AjaxPanel (which hides and unhides controls), when the Rad File Upload control becomes visible again, the styling for the Rad File Upload has disappeared.

I can see in Firebug that the first time the File Upload control appears, there are about 6 <link> tags in the <head> section for Telerik WebResource files. When the styling is missing for the File Upload control, there is only about 1 WebResource <link> tag in the <head> section. These missing WebResource files are causing the styling issues.

If I never upload a file (meaning there is no full postback), and I do several ajax postbacks, each time the File Upload control appears again, it is styled correctly everytime. So it's only after a full postback, and then when I make a subsequent partial postback to make the File Upload control appear again, is this problem occurring.

I'm using Q1 2010. Same problem is occurring in IE and Firefox. I'm not seeing any errors in the Firefox Error Console. I think this is a problem on the server side code not injecting the WebResource files in this scenario. Any help is appeciated -- thanks.

General Discussions

answered on 25 Jun 2013

1 answer

259 views

RadTextBox postback not firing after tabbing off

Hello friends,

I am using a RadTextBox, laying on a RadWindow and I want to make an ajax request from that control when the OnTextChange event is triggered. I am trying to use the following :
ScriptManager : This is the content page and the master page has got a script manager as below:

<body>

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

    <telerik:RadScriptManager ID="scriptSchMaster" runat="server" EnablePartialRendering="true"

        EnableScriptCombine="true" OnAsyncPostBackError="scriptSchMaster_AsyncPostBackError">

        <Scripts>

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

            </asp:ScriptReference>

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

            </asp:ScriptReference>

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

            </asp:ScriptReference>

        </Scripts>

    </telerik:RadScriptManager>

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

    </telerik:RadStyleSheetManager>

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

    </telerik:RadAjaxManager>

    <telerik:RadSkinManager ID="RadSkinManager1" runat="server">

        <TargetControls>

            <telerik:TargetControl ControlsToApplySkin="<Rad Controls>" Skin="<some valid skin name>" />

            <telerik:TargetControl ControlsToApplySkin="<Rad Controls>" Skin="<some valid skin name>" />

            ...

.aspx code snippet

<label>Product #</label><br />

<telerik:RadTextBox ID="tbProductNumber" runat="server" Width="250" CssClass="upperCase"

AutoPostBack="true" MaxLength="30" OnTextChanged="tbProductNumber_OnTextChanged"

EmptyMessage="Required" EnableViewState="true"

EmptyMessageStyle-CssClass="validatorText">

<ClientEvents OnBlur="jsfun_tbProductOnBlur" />

</telerik:RadTextBox>

<asp:UpdatePanel ID="upCheckProductNumber" runat="server" UpdateMode="Always">

<ContentTemplate>

<asp:Label ID="lblCheckProductResult" runat="server"></asp:Label>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="tbProductNumber" EventName="TextChanged" />

</Triggers>

</asp:UpdatePanel><br />

<label id="lblProductNumValidator"></label>

.js code

function jsfun_tbProductNumberOnBlur(sender, args) {

elem_ProductNumber = $find('<%=tbProductNumber.ClientID %>');

if (

elem_ProductNumber.get_value() != null &&

elem_ProductNumber.get_value() != undefined

)

ProductNoEmpty = false;

else

ProductNoEmpty = true;

showErrors();

//__doPostBack('', '');

}

.aspx.cs code snippet: (This is not being called)

protected void tbProductNumber_OnTextChanged(object sender, EventArgs e)

{

lblCheckProductNumberResult.Text = "Hello Ajax!";

}

I tried something in a separate sample application and it seemed to be working for textbox and radtextbox, both ...

.aspx content page

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<asp:ScriptManager runat="server">

</asp:ScriptManager>

<br />

<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" OnTextChanged="txtChanged"></asp:TextBox>

<telerik:RadTextBox ID="radTextBox1" runat="server" AutoPostBack="true" OnTextChanged="txtChanged">

</telerik:RadTextBox>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="TextBox1" EventName="TextChanged" />

<asp:AsyncPostBackTrigger ControlID="radTextBox1" EventName="TextChanged" />

</Triggers>

</asp:UpdatePanel>

<br />

<input id="Text1" type="text" /><br />

<br />

<asp:Button ID="Button1" runat="server" Text="Button" />

<br />

</asp:Content>

code behind

public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        protected void txtChanged(object sender, EventArgs e)
        {
            Label1.Text = DateTime.Now.ToString("MM/dd/yyyy hh:mm:ss.fff tt");
            
        }
    }

Any help 'd be appreciated ...

Thanks,
-Aarsh

Input

answered on 25 Jun 2013

2 answers

457 views

[Solved] What are the supported image file format by RadImageEditor?

#1.My issue: I am using telrick image editor in my aspx web page.It is not loading .tiff/.tif images.
so am not able to Edit .tiff/.tif images in my editor.

#2.I haven't see the doc for the supported file formats by telrik radimage editor.
I have go through the Dev docs.But the are used only(jpg, bmp, png, gif). Any one have any idea.

#3.I need a Dev doc clearly specify the list of supported image format by telrik image editor

ImageEditor