Dear Team,
I'm using RadDataPager inside a ListView. I need to reset the current page index to 1 in one specific scenario using javascript.
I'm using the below javascript code to reset the grid. but it is unable to find the DataPager Control. Please help on achieving the required functionality.
var gridImages = $find("#<%=RadDataPagerLibraryVideos.ClientID %>");
gridImages.set_currentPageIndex(1);
ListView:
<
telerik:RadListView
CssClass
=
"thumbnail"
AllowPaging
=
"true"
ItemPlaceholderID
=
"VideosHolder"
runat
=
"server"
ID
=
"LibraryVideoListView"
DataKeyNames
=
"AssetID"
OnNeedDataSource
=
"LibraryVideoListView_NeedDataSource"
OnItemDataBound
=
"LibraryVideoListView_ItemDataBound"
>
<
LayoutTemplate
>
<
fieldset
id
=
"LibraryVideoListView"
>
<
telerik:RadDataPager
ID
=
"RadDataPagerLibraryVideos"
runat
=
"server"
PagedControlID
=
"LibraryVideoListView"
PageSize
=
"15"
OnPageIndexChanged
=
"RadDataPagerLibraryVideos_PageIndexChanged"
>
<
Fields
>
<
telerik:RadDataPagerButtonField
FieldType
=
"FirstPrev"
/>
<
telerik:RadDataPagerButtonField
FieldType
=
"Numeric"
/>
<
telerik:RadDataPagerButtonField
FieldType
=
"NextLast"
/>
<
telerik:RadDataPagerPageSizeField
PageSizeText
=
"Page size: "
/>
<
telerik:RadDataPagerGoToPageField
CurrentPageText
=
"Page: "
TotalPageText
=
"of"
SubmitButtonText
=
"Go"
TextBoxWidth
=
"15"
/>
<
telerik:RadDataPagerTemplatePageField
>
<
PagerTemplate
>
<
div
style
=
"float: right"
>
<
b
>Items
<
asp:Label
runat
=
"server"
ID
=
"CurrentPageLabel"
Text="<%# Container.Owner.StartRowIndex+1%>" />
to
<
asp:Label
runat
=
"server"
ID
=
"TotalPagesLabel"
Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" />
of
<
asp:Label
runat
=
"server"
ID
=
"TotalItemsLabel"
Text="<%# Container.Owner.TotalRowCount%>" />
<
br
/>
</
b
>
</
div
>
</
PagerTemplate
>
</
telerik:RadDataPagerTemplatePageField
>
</
Fields
>
</
telerik:RadDataPager
>
</
fieldset
>
<
div
class
=
"horizontal-list center-block"
>
<
asp:Panel
ID
=
"VideosHolder"
runat
=
"server"
/>
</
div
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
div
class
=
"imgLibraryItem"
>
<
a
href
=
"#"
class
=
"videoSelected thumbnail has-hover"
assetid='<%# Eval("AssetID") %>'>
<
asp:Image
runat
=
"server"
ID
=
"imgVideoThumbnail"
CssClass
=
"libraryImg"
/>
</
a
>
</
div
>
</
ItemTemplate
>
</
telerik:RadListView
>
Thanks in Advance,
Phani
I am currently using the RadImageGallery to allow users to add pics for a failure report. I am currently embedding the pictures within the project and creating an directory if needed. However, I have found that these images get erased easily and I would like to just upload and pull the images directly from the database. Basically store the images in the database. Does RadImageGallery have the ability to upload images to the database in that format? I
thanks
doug
Is there a client-side test to determine whether a page is contained within a RadWindow or not?
Sometimes, pages can be navigated to directly from the browser's address bar, showing content that is originally designed to be inside a RadWindow.
If this were to happen, I would like to perform a test that determines if the page is contained within a RadWindow or not so that I can then decide how do show the page.
Can anyone provide ideas/samples for this?
When my users select a file to upload, the File Select box closes then immediately re-opens again for each previously selected file. For example, if I select one file, it works fine. When a second file is selected, the file select box closes, but then opens again with the name of the first file selected. If I select a third file, the File Select box opens twice more, once for each of the previously selected files.
In my implementation, I display the selected files myself and then trigger the upload after the files are selected. The upload of the selected files works fine. Any ideas??
My RadAsyncUpload control is defined this way:
<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" style="display:none;" MultipleFileSelection="Disabled" Skin="Silk" TargetFolder="uploads" HideFileInput="true" ManualUpload="true" EnableInlineProgress="false" OnClientFileSelected="RadUpload_OnClientFileSelected" OnClientFilesUploaded="RadUpload_OnClientFilesUploaded" OnClientFileUploaded="RadUpload_OnClientSingleFileUploaded" OnClientFileUploading ="RadUpload_OnClientFileUploading" OnClientFileUploadFailed="RadUpload_OnUploadFailed" OnClientValidationFailed ="RadUpload_OnClientValidationFailed" UploadedFilesRendering="BelowFileInput" HttpHandlerUrl="~/Handler.ashx" DisablePlugins="true" OnClientFileUploadRemoving="RadUpload_FileRemoving">
function RadUpload_StartSelection(sender, args) {
$telerik.$(".ruFileInput").click();
}
function RadUpload_OnClientFileSelected(sender, args) {
//fired for each file that was selected. We add the file to our list
//with a "[X]" link to remove it (which calls RadUpload_removeFile)
$telerik.$(args.get_row()).addClass("ruUploading"); //adding this css class to the row prevents it from displaying under the control
//now add the filename and [X] anchor to our file list
var $List = $("#divFileList");
if ($List.html().length>0) $List.html($List.html()+" + ");
$List.html($List.html()+args.get_fileName()+" <a href='#' id='" + args.get_row()._mapIndex + "' onclick='RadUpload_removeFile(this);return false;'>[X]</a>");
}
Hello
We are wishing to replace a couple google maps with the Telerik map control with openstreet tiles. In most cases this has been a straight forward effort.
In one instance, we have a pin that we can drag and drop on the map to identify a location. Is this possible with the Telerik control? If so, can you provide some sample code using openstreet that includes also capturing the lat/lon of the dropped pin?
Thanks in advance
Hello,
I have couple of things
1. I require to customize "Upload" dialog box - Need to add text where it says "Max file size.." - How should I do it?
2. I am using "ItemCommand" for "UploadFile" to check file type etc. When I am performing following actions, it shows wired result!
1) Upload file - for e.g. "Test01.jpg"
2) Delete file - for e.g. "Test01.jpg"
3) Refresh entire page (F5/Ctrl F5) it will perform "Upload" action and says "Test01.jpg" file uploaded successfully.
If you can please suggest appropriate solution for it!
Thank you,
Jeff.
I noticed a small bug when a RadGrid with a particular skin (in my case WebBlue), has, for example, a datetime column ...
If you want, in the datetime column, to change the skin of the single control input (in the ItemDataBound event), for example by choosing Bootstrap, then control RadDateInput (or whatever your control) does not change the skin.
Is there a​n "escamotage" to walk aroud this behavior?
Merci!
I can easily create a databound chart if it’s a simply scenario like totals by month and I’ve already provided the high level grouping in the SQL. But I want to do something like, totals by month by app, and have it be a stacked chart w/ the apps as the series, I don’t know how to do that. I specify from my sql data source the column for the app name (app), and I specify the label (ie Outlook). How in the Category series Item section can I get it to recognize my datafield, and also have it filter on values that only = ‘Outlook’? The example below for the series item sets the values  to a static value.
                    <telerik:ColumnSeries DataFieldY="app" Name="Outlook" Stacked="false" Gap="1.5" Spacing="0.4">
<Appearance>
<FillStyle BackgroundColor="#d5a2bb"></FillStyle>
</Appearance>
<LabelsAppearance DataFormatString="{0}" Position="OutsideEnd"></LabelsAppearance>
<TooltipsAppearance DataFormatString="{0}" Color="White"></TooltipsAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="25000"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="12000"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="39000"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:ColumnSeries>
//snippet for the below chart
<telerik:ColumnSeries Name="Lounge">
<Appearance>
<FillStyle BackgroundColor="#850071"></FillStyle>
</Appearance>
<LabelsAppearance DataFormatString="{0} sales" Position="OutsideEnd"></LabelsAppearance>
<TooltipsAppearance DataFormatString="{0} sales" Color="White"></TooltipsAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="15000"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="23000"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="10000"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:ColumnSeries>
My dataset looks like this:
day app avg
Tue Outlook 10
Tue Word 4
Tue Excel 7
Wed Outlook 2
etc..
I want this chart to look like online demo example, but instead of Wooden Table, Lounge, etc, it would list the values in the ‘app’ column of my dataset.