Questions on UI for ASP.NET AJAX Forum

1 answer

68 views

Hi. i´m developing an web with telerik and need to know if user has drag any header to group filtering in a postback. I can use client side o server side code, there are any way to achieve this?

Grid

answered on 19 Dec 2014

4 answers

126 views

RadTreeList Batch Update

Hi

I am using Telerik Version 2013.2.625.40 , is the Batch Update Exist in RadTreeList ?.
This is clients requirement ,

Please let me know

Karthik.K

TreeList

answered on 19 Dec 2014

5 answers

343 views

Paging with client side binding

I am binding my grid dynamically on the client side with JSON data similar to this example http://demos.telerik.com/aspnet-ajax/grid/examples/client/livedata/defaultcs.aspx. However I cannot get paging to work.

There is no mention on this page http://www.telerik.com/help/aspnet-ajax/client-side-binding-specifics.html of any limitations with paging. I have 25 items in my datasource and the page size is set to 10. However my grid footer shows " Page 1 of 2, items 1 to 10 of 11. " when displaying all 25 items.

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="true" AllowSorting="true" AllowFilteringByColumn="true" PageSize="10">

Do I need to specify anything else to get it to show the correct number of records?

Grid

answered on 18 Dec 2014

6 answers

63 views

Filter issue when upgrading from 2010 to 2013

hey guys need some help here as we're upgrading or trying to upgrade telerik controls from:
File Version 2010.1.519.35 to File Version 2013.3.1114.40

there's an issue in the rad Filter as it cannot find the ControlName which back then was "rfContextMenu" but now I have no idea.

if it references a different "default Name" for the controls, I could do a simple find and replace. can someone help me out here cuz I have a lot of "code behind" for 66+ filters for prerender, apply and item command that the program is dependent on .
thanks
rik - below is the code behind that can't find "rfContextMenu"

protected void WorkOrdersRadFilter_PreRender(object sender, EventArgs e)
        {
            RadContextMenu menu = WorkOrdersRadFilter.FindControl("rfContextMenu") as RadContextMenu;
            WorkOrdersRadFilter.RootGroupItem.Controls[2].Controls[1].Visible = false;
            menu.DefaultGroupSettings.Height = Unit.Pixel(250);
            menu.EnableAutoScroll = true;
            WorkOrdersRadFilter.Culture = Thread.CurrentThread.CurrentCulture;            renameFilter();
            var ctrl = ControlsOfType<ITextControl>(WorkOrdersRadFilter).Where(p => p.GetType() != typeof(LiteralControl));
            if (ctrl.Count() > 0)
                (ctrl.Last() as Control).Focus();
            foreach (var picker in ControlsOfType<RadDateTimePicker>(sender as Control))
            {
               // picker.SelectedDate = DateTime.Today;
                picker.DateInput.DateFormat = "MM/dd/yyyy";
                picker.DateInput.DisplayDateFormat = "MM/dd/yyyy";
            }
        }

Filter

answered on 18 Dec 2014

1 answer

159 views

RadTreeView checkbox checked/unchecked on page_load

I was able to create a radtreeview using your example with checkboxes. Now i need to check and uncheck certain values on first page load in vb. Please advice. Below is my code. Thank You.

<div id="divMnuLeft">

<telerik:RadTreeView ID="lstMenuItem1" CheckBoxes="true" TriStateCheckBoxes="true" CheckChildNodes="true" runat="server">

<DataBindings>

<telerik:RadTreeNodeBinding Expanded="true" />

</DataBindings>

</telerik:RadTreeView>

</div>

Private Sub Populate_tblMenuItems1()

Dim dt As New DataTable

Dim con As New clsSQLConnector

dt = con.GetWebUserMenuItem(2, ViewState("WebUserID"))

If dt Is Nothing = False Then

If dt.Rows.Count > 0 Then

lstMenuItem1.DataTextField = "Descr"

lstMenuItem1.DataFieldID = "menuID"

lstMenuItem1.DataFieldParentID = "ParentID"

lstMenuItem1.DataSource = dt

Dim binding As New RadTreeNodeBinding

binding.CheckedField = "isAssigned"

binding.Checkable = True

lstMenuItem1.DataBindings.Add(binding)

lstMenuItem1.DataBind()

'For Each dr As DataRow In dt.Rows

'Next

End If

End Sub

General Discussions

answered on 18 Dec 2014

1 answer

149 views

RadGrid to Excel in memory without exporting

Dear folks,
I have a radgrid that display monthly schedule for a ROTA application. This schedule is coming from a table in the database Sometimes, a schedule needs to be revised, which means making changes to certain days schedules in a month. Before any revision i want to be able to take a snapshot of the radgrid as an excel file and save it into a filed of type varbinary in a table.
I want this snapshot process to occur in one go, all in memory where it would convert the datatable to excel format and then save to table as an excel file which could be later downloaded for vieweing. I want t avoid the step of exporting the file externally and saving on a location.

pLS help, i will be extremely grateful

Grid

answered on 18 Dec 2014

5 answers

132 views

IClientStateManager

The documentation states the argument of LoadClientState is a string, this doesn't seem to be correct for RadGrid, it is a Dictionary<string,object>, and there is no overload that takes a string.

is there another IClientStateManager for collections?

Documentation and Tutorials

answered on 18 Dec 2014

1 answer

196 views

Client side resizing

I have the scheduler implemented in an iframe, where clicking on Day, Week, or Month view opens up a popup window with the scheduler displayed again. Because this window is resizable (except in IE), Id like the scheduler to resize with the window. Currently this can be achieved by setting the width to 100% on its parent container. The problem is that the scheduler grows larger, but does not shrink with the window. So I when I try to re-shrink the window the right side of the scheduler just gets covered up instead of shrinking like I expect. If a postback is fired then the scheduler resizes correctly, but there has to be a better solution than that. Is there a setting I am missing? Maybe there is a possible workaround? Here is the aspx code of the table that contains the scheduler.Tthere aren't any JavaScript blocks associated with resizing at this point. Any Help is appreciated.

<table style="width:100%;">

<tr style="text-align:center;">

<td style="vertical-align:top;">

<table id="inputs" style="height:50px;">

<tr>

<td style="width:50%;"></td>

<td style="text-align:right; vertical-align:middle;">Type:</td>

<td style="vertical-align:middle;">

<telerik:RadComboBox

CheckBoxes="true"

runat="server"

ID="cmbCheckAppointmentType"

OnItemChecked="cmbCheckAppointmentType_ItemChecked"

AutoPostBack="true">

</telerik:RadComboBox>

</td>

<td style="text-align:right; vertical-align:middle;">System:</td>

<td style="vertical-align:middle;">

<telerik:RadDropDownList

runat="server"

ID="ddlSystemType"

OnSelectedIndexChanged="ddlSystemType_SelectedIndexChanged"

AutoPostBack="true">

<Items>

<telerik:DropDownListItem Text="Both" Value="843,835,834" Selected="true" />

<telerik:DropDownListItem Text="Student" Value="835"/>

<telerik:DropDownListItem Text="Business" Value="834" />

</Items>

</telerik:RadDropDownList>

</td>

<td style="width:50%;"></td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<telerik:RadToolTipManager runat="server" ID="telToolTipManager" RelativeTo="Mouse" ShowEvent="OnMouseOver"

Animation="None" HideEvent="LeaveTargetAndToolTip" Text="Loading..." OnAjaxUpdate="telToolTipManager_AjaxUpdate">

</telerik:RadToolTipManager>

<telerik:RadScheduler

runat="server"

ID="telCalendar"

DataKeyField="ID"

DataSubjectField="Subject"

DataDescriptionField="Description"

DataStartField="Start"

DataEndField="End"

DataRecurrenceField="RecurrenceRule"

DataRecurrenceParentKeyField="RecurrenceParentID"

ShowAllDayRow="false"

DayStartTime="07:00:00"

WorkDayStartTime="07:00:00"

DayEndTime="18:00:00"

WorkDayEndTime="18:00:00"

EnableDescriptionField="false"

Width="100%"

Height="600px"

StartEditingInAdvancedForm="false"

AllowDelete="false"

AllowEdit="false"

AdvancedForm-EnableTimeZonesEditing="true"

AgendaView-ResourceMarkerType="Block"

AgendaView-UserSelectable="true"

AgendaView-NumberOfDays="30"

AgendaView-HeaderDateFormat="dd/MMM"

AgendaView-GroupingDirection="Vertical"

AgendaView-TimeColumnWidth="200px"

MonthView-UserSelectable="true"

MonthView-VisibleAppointmentsPerDay="5"

TimelineView-UserSelectable="false"

WeekView-UserSelectable="true"

DayView-UserSelectable="true"

OnClientAppointmentContextMenu="OnClientAppointmentContextMenu"

OnNavigationComplete="telCalendar_NavigationComplete"

OnAppointmentInsert="telCalendar_AppointmentInsert"

OnAppointmentUpdate="telCalendar_AppointmentUpdate"

OnAppointmentDelete="telCalendar_AppointmentDelete"

OnAppointmentCreated="telCalendar_AppointmentCreated"

OnAppointmentDataBound="telCalendar_AppointmentDataBound"

OnDataBound="telCalendar_DataBound"

OnFormCreating="telCalendar_FormCreating"

CustomAttributeNames="FullSubject"

Skin="Silk">

<AdvancedForm Modal="true" />

<TimeSlotContextMenuSettings EnableDefault="false"></TimeSlotContextMenuSettings>

<AppointmentContextMenuSettings EnableDefault="false"></AppointmentContextMenuSettings>

<AppointmentTemplate>

<div style="margin: 0px 3px 0px 3px;">

<asp:Literal ID="AptType" runat="server" Text='<%# Eval("Attributes[\"FullSubject\"]") %>'></asp:Literal>

</div>

</AppointmentTemplate>

</telerik:RadScheduler>

</td>

</tr>

</table>

Scheduler

answered on 18 Dec 2014

3 answers

150 views

First time using RadHtmlChart and not getting expected results

My first attempt did not go well. I've looked at samples, etc. and still can't get this to work. The issues are:



1) I can't get the Y-Axis line to display at the left.

2) I can't get the MinorTick lines to go away.

3) I want to put a red line along the 90% mark and label it as Target.



Chart code and picture of what I'm getting provided below.



<

telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" DataSourceID="supplierAverage" Height="500px" Skin="WebBlue" Width="800px" Visible="true">

<charttitle Text="FWM SUPPLIER ON-TIME DELIVERY">

<appearance Align="Center" Position="Top" visible="True">

</appearance>

</charttitle>

<Legend>

<Appearance position="Bottom" Visible="True"></Appearance>

</Legend>

<plotarea>

<Series>

<telerik:ColumnSeries Name="Hardware" DataFieldY="Hardware">

<LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>

<SeriesItems>

</SeriesItems>

</telerik:ColumnSeries>

<telerik:ColumnSeries Name="Raw Materials" DataFieldY="RawMaterials">

<LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>

<SeriesItems>

</SeriesItems>

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="Month" Visible="True" MinorTickType="None" AxisCrossingValue="1" MaxValue="12" MinValue="1" Step="1">

<LabelsAppearance DataFormatString="{0}" />

</XAxis>

<YAxis maxvalue="100" minvalue="0" name="Percentage" step="10" MinorTickSize="0" MinorTickType="None" Visible="True">

<TitleAppearance Position="Center" Text="Percentage" />

</YAxis>

</plotarea>

</telerik:RadHtmlChart>

Chart (Obsolete)

answered on 18 Dec 2014

3 answers

1.5K+ views

Multiple row selection and RadGrid

Hi there,

Im currently using RadGrid to display a set of users and Im trying to enable multiple selection of the rows via the GridClientSelectColumn. However, when I turned AllowMultiRowSelection="True" I did not have the ability to select an entire page of rows through the header checkbox. Only once I had enableheadercontextmenus was this made possible. I have noticed that sorting via columns works now also. Why is this the case? Can I get the same effect without context menus? I have attached pictures to better explain what I mean.

Here is the code for my radgrid:

<telerik:RadGrid EnableHeaderContextMenu="true" Skin="Metro" ID="UserListGrid" runat="server" DataSourceID="UserListDatasource" CellSpacing="0" GridLines="None" CssClass="userRadGrid" AllowPaging="True" AllowSorting="True" onpageindexchanged="UserListGrid_PageIndexChanged" AllowMultiRowSelection="True">

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataSourceID="UserListDatasource" AutoGenerateColumns="False">

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

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

<HeaderStyle></HeaderStyle>

</RowIndicatorColumn>

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

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridClientSelectColumn >

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="UserId" DataType="System.Guid" FilterControlAltText="Filter UserId column" HeaderText="UserId" SortExpression="UserId" UniqueName="UserId" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserName" FilterControlAltText="Filter UserName column" HeaderText="User Name" ReadOnly="True" SortExpression="UserName" UniqueName="UserName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FirstName" FilterControlAltText="Filter FirstName column" HeaderText="First Name" SortExpression="FirstName" UniqueName="FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LastName" FilterControlAltText="Filter LastName column" HeaderText="Last Name" SortExpression="LastName" UniqueName="LastName">

</telerik:GridBoundColumn>

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

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" UniqueName="DeleteUser">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False" EnableEmbeddedBaseStylesheet="False">

<WebServiceSettings>

<ODataSettings InitialContainerName="">