Questions on UI for ASP.NET AJAX Forum

0 answers

98 views

Hi,
I want to track the slot starttime on dragover and display in a textbox.
eg: if u drag the appointment over the slot 10am
then in the textbox it should display 10am and so on............

Scheduler

asked on 15 Feb 2011

1 answer

109 views

Client side defaulting values between controls in a Grid Row

Bit of a curler, this one.

Rad Grid, single level, multiple rows. Each row contains a number of RadDatePickers. When the value from a specific DatePicker is entered, I want to be able to set the value of one of the other DatePickers within that row using javascript/jquery.

Code sample:

<telerik:RadGrid ID="grdBlocks" AutoGenerateColumns="False" AllowMultiRowEdit="true" runat="server">

<MasterTableView EditMode="InPlace">

<RowIndicatorColumn Visible="True" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="StartDate" HeaderStyle-Width="130px">

<EditItemTemplate>

<telerik:RadDatePicker ID="BlockStartDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv3" ControlToValidate="BlockStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Start Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="End Date" UniqueName="EndDate" HeaderStyle-Width="130px">

<EditItemTemplate>

<telerik:RadDatePicker ID="BlockEndDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv4" ControlToValidate="BlockEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">End Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Footprint Monitoring Start Date" UniqueName="FootprintMonitoringStartDate" HeaderStyle-Width="150px">

<EditItemTemplate>

<telerik:RadDatePicker ID="FootprintMonitoringStartDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv31" ControlToValidate="FootprintMonitoringStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring Start Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Footprint Monitoring End Date" UniqueName="FootprintMonitoringEndDate" HeaderStyle-Width="150px">

<EditItemTemplate>

<telerik:RadDatePicker ID="FootprintMonitoringEndDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv41" ControlToValidate="FootprintMonitoringEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring End Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

The DatePicker pairings are StartDate - FootprintMonitoringStartDate, and EndDate - FootprintMonitoringEndDate.

If this wasn't in a grid, then I don't think I'd have a problem. But I'm not too sure how to identify the target DatePicker control in order to set_selectedDate.

Any ideas?

kitster

Grid

answered on 15 Feb 2011

1 answer

121 views

Setting calender special days on client side!

Is there any way to set calendar special days on client side?

Calendar

answered on 15 Feb 2011

1 answer

173 views

IgnorePaging not work

Hi, a have a problem with IgnorePaging="true" is not exporting all the pages to excel.
This is my code

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Elementos Georeferenciados" Width="600px" EnableDock="false">

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" ClientEvents-OnRequestStart="pnlRequestStarted">

<telerik:RadGrid ID="gridTematico" runat="server" AllowSorting="True" GridLines="None" Skin="Office2007" AllowFilteringByColumn="True" AllowPaging="True" PageSize="50" OnItemDataBound="gridTematico_ItemDataBound" OnColumnCreated="gridTematico_ColumnCreated" OnCancelCommand="gridTematico_CancelCommand" OnEditCommand="gridTematico_EditCommand" OnSelectedIndexChanged="gridTematico_SelectedIndexChanged" OnUpdateCommand="gridTematico_UpdateCommand">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<MasterTableView CommandItemDisplay="Bottom" ShowFooter="True" ShowGroupFooter="True" UseAllDataFields="True">

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Nº" AllowFiltering="False" FilterControlAltText="Filter TemplateColumn column">

<ItemTemplate>

<asp:Label ID="fila" runat="server" Width="30px" />

</ItemTemplate>

<HeaderStyle Width="30px" Font-Size="X-Small" Font-Bold="True" />

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column"></telerik:GridEditCommandColumn>

</Columns>

<CommandItemSettings RefreshText="Actualizar" ShowAddNewRecordButton="False" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column" UniqueName="EditCommandColumn1"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

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

<ExportSettings ExportOnlyData="True" FileName="ElementosGeoreferenciados" IgnorePaging="True" OpenInNewWindow="True">

<Csv ColumnDelimiter="Semicolon" />

</ExportSettings>

</telerik:RadGrid>

<table>

<tr>

<td style="width: 32px;">

<asp:ImageButton ID="btnExcel" runat="server" ImageUrl="~/images/iconos/File_Excel.png" ToolTip="Exportar a Excel" Visible="False" OnClick="btnExcel_Click" Width="32px" Height="32px" />

</td>

<td style="width: 32px;">

<asp:ImageButton ID="btnCsv" runat="server" ImageUrl="~/images/iconos/File_Csv.png" ToolTip="Exportar a csv" Visible="False" OnClick="btnCsv_Click" Width="32px" Height="32px" />

</td>

<td style="width: 32px;">

<asp:ImageButton ID="btnWord" runat="server" ImageUrl="~/images/iconos/File_Word.png" ToolTip="Exportar a Word" Visible="False" OnClick="btnWord_Click" Width="32px" Height="32px" />

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</telerik:RadSlidingPane

>




<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
 <script type="text/javascript">
  function pnlRequestStarted(ajaxPanel, eventArgs)
  {
   if((eventArgs.EventTarget.indexOf("btnExcel")!=-1)||(eventArgs.EventTarget.indexOf("btnCsv")!=-1)||(eventArgs.EventTarget.indexOf("btnWord")!=-1))
    eventArgs.EnableAjax = false;
  }
 </script>
</telerik:RadScriptBlock>

protected void btnExcel_Click(object sender, ImageClickEventArgs e)

{

gridTematico.ExportSettings.IgnorePaging = true;

gridTematico.ExportSettings.ExportOnlyData = true;

gridTematico.ExportSettings.OpenInNewWindow = true;

gridTematico.MasterTableView.ExportToExcel();

}

Grid

answered on 15 Feb 2011

3 answers

236 views

Adding RadUpload through code behind

Tried to add radupload control to the page programmatically, the result was an error "... Controls collections cannot be modified because the control contains code blocks..." Further down in the yellow screen of death was a suggestion that adding a RadCodeBlock may resolve the issue. So... added a RadCodeBlock, added the upload control to the codeblock and add the codeblock to the page.

Same error.

A snippet of the code:

                var radCodeBlock = new RadCodeBlock();
                radCodeBlock.ID = "Block1";
                var radUpload = new RadUpload();
                radUpload.ID = "upload_" + szDbColumn;
                radUpload.MaxFileInputsCount = 1;
                radUpload.ControlObjectsVisibility = ControlObjectsVisibility.None;
                radCodeBlock.Controls.Add(radUpload);
                oControl.Controls.Add(radCodeBlock);

Upload (Obsolete)

answered on 15 Feb 2011

2 answers

101 views

Client side, grab value of 2 sliders using javascript

http://demos.telerik.com/aspnet-ajax/slider/examples/rangeslider/defaultcs.aspx

SelectionStart: $0
SelectionEnd: $300

I am trying to do something like the example on the link does. Use a range slider and update the selectionstart and selectionend. without doing a postback.
How can I do this? I have tried using :

This does not work since get_oldValue() brings back the old value regardless of whether left or right handle is dragged.

function HandlePassengerValueChanged(sender, eventArgs) {
                     var myval = sender._selectionEnd;
                     if (eventArgs.get_oldValue() == $('#<%= lblPassengerNoStart.ClientID %>').html()) {
                         $('#<%= lblPassengerNoStart.ClientID %>').html(myval);
                     }
                     else {
                         $('#<%= lblPassengerNoEnd.ClientID %>').html(myval);
                     }
                 }

tried:
1. var activeHandle = sender.get_activeHandle();
2. sender._valueOnSlideStart
3. var myval = sender.get_value();
.
.
. and lot mor options without any luck.

I have spent hours on this now. Please help.

Regards
Anup

Slider

answered on 15 Feb 2011

3 answers

80 views

Toolbar Dropdownlist of RadEdiotr refresh and reset other dropdownlist value

Hi
1. select a font name from Arial to Verdana
2. select font size to 10px to 12px
3. font name reset to Arial.

my css file for radeditor:

body
{
   font-family: Arial;
   font-size: 10px;
}

P
{
   margin:0px;
}

Is there a way not to cause the reset? same to 'Paragraph Style' tool

thank you
Charles

Editor

answered on 15 Feb 2011

3 answers

253 views

want to change order displaying context menu items in the file explorer

Hi

i am using File Explorer control. i want to change the order of default functional menu items (Open,Delete,Rename) and as well as add new custom menu item to Context Menus. i want to do this for Treeview,Grid Context Menus in the File Explorer Control.

Whether it is possible. and send me sample Code.

Thanks

Thanks

FileExplorer

answered on 15 Feb 2011

1 answer

254 views

Load Runner Compatibility

Does Telerik Controls work with Load Runner? If so can we get some guidance.

All your help is greatly appreciated.

Thanks
Prashant

General Discussions

answered on 15 Feb 2011

4 answers

163 views

Radcontext menu screen boundary

I have a single radcontext menu on a page. This context menu gets filled with items from a scriptservice using the radscriptmanager.
Now the problem lies in that the screen boundary detection doesn't work, my context menu is always clipped on the bottom and on the right of the page. The scrollbars apear but the context menu doesn't scroll into view. The code to open the context menu :

DocroomPageController.prototype.ShowContextMenu = function(e, row, LoadDelegate, subparam) {
PageController().PreventContextTimeout();
PageController().HideContextMenu();

var menu = PageController().GetContextMenu();
menu.hide();

    if (menu.get_items().get_count() > 0) {
        menu.get_items().clear();
    }
    this.contextevent = e;

    if (!subparam) {
        LoadDelegate(row);
    }
    else {
        LoadDelegate(row, subparam);
    }

    menu.show(e);

$telerik.cancelRawEvent(e);

}

DocroomPageController.prototype.ContextCompleteCallback = function(ResponseObject, ResponseAsXml, ResponseAsText) {

var menu = this.GetContextMenu();
var i;

    for (i = 0; i < ResponseObject.length; i++) {
        var childItem
        var exists = false;
        if (menu.get_items().getItem(i)) {
            exists = true;
            childItem = menu.get_items().getItem(i);
            childItem.set_text(ResponseObject[i].Text);
            childItem.set_value(ResponseObject[i].Value);

        }
        else {
            childItem = new Telerik.Web.UI.RadMenuItem();
            childItem.set_text(ResponseObject[i].Text);
            childItem.set_value(ResponseObject[i].Value);

        }
        if (ResponseObject[i].isSeparator == true) {
            childItem.set_isSeparator(ResponseObject[i].isSeparator);
        }

        if (ResponseObject[i].Image) {
            // alert(ResponseObject[i].Image);
            childItem.set_imageUrl('./Images/' + ResponseObject[i].Image);
        }
        if (!exists) {
            menu.get_items().add(childItem);
        }
        childItem.set_navigateUrl(ResponseObject[i].NavigateUrl);

        if (!childItem.get_visible()) {
            childItem.show();
        }
    }

}

with an example of a loaddelegate :

DocroomPageController.prototype.LoadContextItems =

function(item) {

ContextMenus.GetObjectContextMenuItems(item, delegate(PageController(), PageController().ContextCompleteCallback), delegate(PageController(), PageController().ErrorCompleteCallback));

}

We are using the context menu within pages loaded in a radpane.

Menu

answered on 15 Feb 2011