Is there a way to access ItemsPerRequest parameter value on the client side?
Hi Team,
I have RadGrid filter with timepicker. How to get value in timepicker with javascript.
My code
<asp:GridTemplateColumn UniqueName="ArrivalTime" DataField="ArrivalTime"
HeaderText="Visit Date" HeaderStyle-Width="20%">
<FilterTemplate>
<asp:RadTimePicker RenderMode="Lightweight"
ID="rdpArrivalTime" runat="server" Width="99%"
ClientEvents-OnDateSelected="ArrivalTimeDateSelected"
DbSelectedDate="<%# SetArrivalTime(Container) %>" />
<asp:RadScriptBlock ID="rsbArrivalTime" runat="server">
<script type="text/javascript">
function ArrivalTimeDateSelected(sender, args) {
var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
var date = FormatSelectedDate(sender);
tableView.filter("ArrivalTime", date, "EqualTo");
}
function FormatSelectedDate(picker) {
var date = picker.get_selectedDate();
var dateInput = picker.get_dateInput();
date.setHours(date.getHours() + 1);
date.setMinutes(date.getMinutes());
var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());
return formattedDate;
}
</script>
</asp:RadScriptBlock>
</FilterTemplate>
<ItemTemplate>
<%# !Eval("ArrivalTime").Equals(DateTime.MinValue) ? string.Format("{0:hh:mm tt}",Eval("ArrivalTime")) : "" %>
</ItemTemplate>
</asp:GridTemplateColumn>
<telerik:RadComboBox ID="ddlLocation" runat="server" DropDownHeight="100px" CheckedItemsTexts="DisplayAllInInput" EnableCheckAllItemsCheckBox="true"
Localization-CheckAllString="All" Localization-AllItemsCheckedString="All" onitemchecked="OnItemChecked" OnCheckAllCheck="ddlLocation_CheckAllCheck" CheckBoxes="true" EmptyMessage="--Select--" Height="200px" AutoPostBack="true"/>
I have a RadComboBox with the checkboxes active. I want to have a postback for the ItemChecked event.
The combobox also is generating a postback on closing of the dropdown which I do not want. How can I prevent this to happen.
Hi,
First thanks for your great support.
Currently I want to fill RadDropDownList control with items from the client side.
I am able to add them, but I am not able to add a tool tip against them. Is it possible this to be achieved?
var radDropDown = $find("<%= ddlOptions.ClientID %>");
var item = new Telerik.Web.UI.DropDownListItem();
item.set_value("1");
item.set_text("Option 1");
//maybe in some way here I need to add a tooltip option
radDropDown .get_items().add(item);
So I saw one of the old thread by Princy:
https://www.telerik.com/forums/find-control-within-itemtemplate-client-side
I tried that in my lightbox but it seems is not setting the value of the textbox in the itemtemplate of the lightbox, why ?
function OpenLB() {
var lightBox = $find('<%= LBoxEdit.ClientID %>');
lightBox.show();
var Text = lightBox.get_element().getElementsByClassName("rltbDescriptionBox");
Text.LBoxEdit$txtDescripton.control.set_value("new value");
}
<telerik:RadLightBoxItem>
<ItemTemplate>
<table style="padding: 20px; font-family: Arial">
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-bottom: 10px;">
Description
</td>
</tr>
<tr>
<td style="padding: 10px 0px 10px 20px">
<telerik:RadTextBox ID="txtDescripton" runat="server" CssClass="rltbDescriptionBox" Font-Size="16px" Width="400px" Height="30px">
</telerik:RadTextBox>
</td>
</tr>
<tr>
<td style="padding: 10px 0px 10px 20px">
<telerik:RadButton RenderMode="Lightweight" ID="btnFormSave" Height="30px"
Text="Save" Font-Size="16px" Font-Bold="True" runat="server" Skin="Silk"></telerik:RadButton>
</td>
</tr>
</table>
</ItemTemplate>
</telerik:RadLightBoxItem>
So I have a a RadDatePicker declared thus:
protected global::Telerik.Web.UI.RadDatePicker rdpEndDT;
And I am using it in code thus:
rdpEndDT.SelectedDate = // some date;
rdpEndDT.MinDate = // some other date.;
rdpEndDT.MaxDate = // yet another date;
I have a stack trace error of the following form:
Cause: ArgumentOutOfRangeException
Cause Description: Value of '1/10/2018 12:00:00 AM' is not valid for 'SelectedDate'. 'SelectedDate' should be between 'MinDate' and 'MaxDate'.
Parameter name: SelectedDate
Cause Stack:
at Telerik.Web.UI.RadDatePicker.set_SelectedDate(Nullable`1 value)
at Telerik.Web.UI.RadDatePicker.set_MaxDate(DateTime value)
What is this stack trace telling me?
Is the complaint on this line:
rdpEndDT.MaxDate = // yet another date;
but if it is, given that I'm changing the max date, why should this exception be raised? At this point in the process max date is default of 2099; it is being set to a lower value in this code branch. Why should max date refuse to permit itself to be changed?
Or is the complaint on this line:
rdpEndDT.SelectedDate = some date
which would occur if I was trying to programmatically set a selected date later than the max date. But if this is so, why is set_MaxDate mentioned in the stack trace?
Respectfully,
Brian P.
Due to our company policy, we had to update Telerik DLLs.
We jumped directly from v2012.1.411.40 to v2017.3.913.40 on a huge old project.
While testing that everything was more or less working, I noticed that RadComboBox control stopped to auto-adjust its height while is being filtered with custom text.
I had an in-depth look at the .js code utilized by the combo in v2012.1.411.40 in order to understand how it was working, and I noticed that the combo firstly is being filtered by the function 'RadComboBox.prototype.highlightAllMatches' and then its height is manipulated based on how many items are displayed.
Looking into the latest version js code, I noticed that while the procedure is more or less the same, the function highlightAllMatches will be applied asynchronously, as you can see in line 26 of the following code.
This causes that the function that adjusts height based on the items runs before of the filtering, resulting in a wrong height.
To overcome this problem I've basically overridden the v2017 highlightAllMatches with the v2012 one, and everything started working as intended.
Despite the workaround passed all tests,
I would know if there is a more elegant way to solve this problem.
01.
var
a = Telerik.Web.UI;
02.
a.RadComboBox.prototype.highlightAllMatches =
function
(f) {
03.
if
(
this
.get_filter() == a.RadComboBoxFilter.None) {
04.
return
;
05.
}
06.
if
(
this
.get_highlightedItem()) {
07.
this
.get_highlightedItem().unHighlight();
08.
}
09.
var
d =
this
.getLastWord(f,
this
._getTrimStartingSpaces());
10.
if
(
this
._getLastSeparator(f) == f.charAt(f.length - 1)) {
11.
this
._removeEmTagsFromAllItems();
12.
this
.setAllItemsVisible(
true
);
13.
return
;
14.
}
15.
var
c =
this
.get_filter()
16.
, b =
function
(h, g, i) {
17.
var
j = h.highlightText(g, i);
18.
h.set_visible(j);
19.
}
20.
, e =
function
() {
21.
if
(
this
.get_markFirstMatch()) {
22.
this
.highlightFirstVisibleEnabledItem();
23.
}
24.
this
._resizeDropDown();
25.
};
26.
this
._process(0, c, d, b, e);
27.
}
28.
;