or
10 answers
289 views
Hi. Got an interesting issue here. I am performing a cascading drop down set of controls using comboboxes. If the browser is refreshed (either through F5 or the refresh button) in FF after the first combobox has made a selection, the first combobox will retain it's selection while IE11 and Chrome will reset to initial load settings. This example also uses RadAjaxManager and RadAjaxManagerProxy to simulate the real world problem I am having where the user control with the comboboxes is using the proxy object.
HTML:
Code-Behind:
I should also note that after the page is refreshed, if the second combobox is opened, it will fire the first combobox's selectionchanged event.
Any clue what its doing, what I may be doing wrong and if this is a real bug?
Also, this is using v2013.2.611.45.
Thanks!
HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FF_Combobox_Test.aspx.cs" Inherits="testwebapplication.FF_Combobox_Test" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="scriptmanager" runat="server"></telerik:RadScriptManager> <div> <telerik:RadAjaxManager ID="ajaxmanager" runat="server"></telerik:RadAjaxManager> <telerik:RadAjaxManagerProxy ID="proxy" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="FirstBox"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SecondBox" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManagerProxy> <telerik:RadComboBox ID="FirstBox" runat="server" AutoPostBack="true" OnSelectedIndexChanged="FirstBox_SelectedIndexChanged" CausesValidation="false"> </telerik:RadComboBox> <telerik:RadComboBox ID="SecondBox" runat="server" EnableLoadOnDemand="true" EnableVirtualScrolling="true" AllowCustomText="true" AutoPostBack="true" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged" EmptyMessage="TEST TIME!" CausesValidation="false" OnItemsRequested="RadComboBox1_ItemsRequested"> </telerik:RadComboBox> </div> </form></body></html>Code-Behind:
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;namespace testwebapplication{ public partial class FF_Combobox_Test : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) return; List<string> testlist = new List<string>(); testlist.Add("Americas"); testlist.Add("Asia"); testlist.Add("Europe"); FirstBox.DataSource = testlist; FirstBox.DataBind(); } protected void RadComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e) { } protected void RadComboBox1_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e) { List<string> testlist; switch (FirstBox.SelectedItem.Text) { case "Americas": testlist = AmericasList(); break; case "Asia": testlist = AsiaList(); break; case "Europe": testlist = EuropeList(); break; default: testlist = new List<string>(); break; } foreach (string item in testlist) { SecondBox.Items.Add(new Telerik.Web.UI.RadComboBoxItem(item)); } } protected void FirstBox_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e) { SecondBox.Text = String.Empty; SecondBox.DataBind(); } private List<string> AmericasList() { List<string> test = new List<string>(); test.Add("AMERICA1"); test.Add("AMERICA2"); test.Add("AMERICA3"); return test; } private List<string> AsiaList() { List<string> test = new List<string>(); test.Add("ASIA1"); test.Add("ASIA2"); test.Add("ASIA3"); return test; } private List<string> EuropeList() { List<string> test = new List<string>(); test.Add("EUROPE1"); test.Add("EUROPE2"); test.Add("EUROPE3"); return test; } }}I should also note that after the page is refreshed, if the second combobox is opened, it will fire the first combobox's selectionchanged event.
Any clue what its doing, what I may be doing wrong and if this is a real bug?
Also, this is using v2013.2.611.45.
Thanks!
Veselin Tsvetanov
Telerik team
answered
on
02 Feb 2016
1 answer
73 views
Hi,
I have radtreeview control which has been bound with data. I’ve like to search all the nodes (server side) and return all those with a specific attribute.
I tried findbyattribute but this only returns a single node. I’ve like to return a collection of nodes?
Any idea how this can be accomplished please?
I have radtreeview control which has been bound with data. I’ve like to search all the nodes (server side) and return all those with a specific attribute.
I tried findbyattribute but this only returns a single node. I’ve like to return a collection of nodes?
Any idea how this can be accomplished please?
Ivan Danchev
Telerik team
answered
on
02 Feb 2016
5 answers
111 views
How i can change behavior of click on Button "Open Item" in Reminder dialog?
There are events for Triggering, Snoozing, Dismissing, but not for this. I don't wont to open AdvancedForm, but my own page in radwindow.
There are events for Triggering, Snoozing, Dismissing, but not for this. I don't wont to open AdvancedForm, but my own page in radwindow.
Nencho
Telerik team
answered
on
02 Feb 2016
1 answer
184 views
Hi Admin,
We have a requirement that we need to open the multi page tif files and select /save individual tif page using ASP.net application... i did't find any control which will do this functionality in UI for ASP.NET AJAX.
Recently we purchased this controls. is it possible to implement this functionality using 2015 release version? please let me know your thoughts
Thanks
Dev
Vessy
Telerik team
answered
on
02 Feb 2016
2 answers
280 views
Hello
I try to set a new arrow image in the combobox.
But I am not able to
Code below:
I try to set a new arrow image in the combobox.
But I am not able to
Code below:
/*global*/
.RadComboBox_Wkb,
.RadComboBox_Wkb .rcbInput,
.RadComboBoxDropDown_Wkb
{
font-family: Calibri !important;
font-size: 14px !important;
color:rgb(255,71,71);
}
/* combobox */
div.RadComboBox_Wkb table
{
height: 16px !important;
line-height: 15px;
}
div.RadComboBox_Wkb table td.rcbInputCell
{
height: 16px !important;
line-height: 15px;
border: solid 1px rgb(71,71,71) !important;
background: rgb(255,255,255) !important;
}
* html div.RadComboBox_Wkb table td.rcbInputCell
{
height: 16px !important;
line-height /**/: 16px;
}
div.RadComboBox_Wkb table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_Wkb table td.rcbInputCellRight { border-width: 1px 1px 1px 0; }
* html div.RadComboBox_Wkb .rcbInputCell .rcbInput
{
height: 16px !important;
padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}
.RadComboBox_Wkb .rcbInputCell .rcbEmptyMessage
{
color:rgb(71,71,71);
}
.RadComboBox_Wkb .rcbInputCell .rcbInput
{
font-family: Calibri !important;
font-size: 14px !important;
color:rgb(71,71,71);
height: 15px !important;
}
.RadComboBox_Wkb .rcbHovered .rcbInputCell .rcbInput
{
color:rgb(71,71,71);
height: 15px !important;
}
.RadComboBox_Wkb .rcbFocused .rcbReadOnly .rcbInputCell .rcbInput {
color:rgb(71,71,71);
height: 13px !important;
}
.RadComboBox_Wkb .rcbFocused .rcbInputCell .rcbInput
{
color:rgb(71,71,71);
height: 13px !important;
}
div.RadComboBox_Wkb table td.rcbArrowCell
{
border: solid 1px rgb(71,71,71) !important;
background: rgb(240,240,240) url("~/CustomStyles/images/icons/normal/rcbSprite.png") no-repeat -1px 50%;
}
div.RadComboBox_Wkb .rcbReadOnly .rcbArrowCellLeft,
div.RadComboBox_Wkb .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_Wkb .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox_Wkb .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 0; }
.RadComboBox_Wkb td.rcbArrowCell { background-position: -1px 50%; }
.RadComboBox_Wkb .rcbHovered .rcbArrowCell { background-position: -21px 50%; }
.RadComboBox_Wkb .rcbFocused .rcbArrowCell { background-position: -41px 50%; }
.RadComboBox_Wkb .rcbDisabled .rcbArrowCell { background-position: -61px 50%; }
.RadComboBox_Wkb .rcbReadOnly td.rcbArrowCell { background-position: -2px 50%; }
.RadComboBox_Wkb .rcbHovered .rcbReadOnly .rcbArrowCell { background-position: -22px 50%; }
.RadComboBox_Wkb .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: -42px 50%; }
.RadComboBox_Wkb .rcbDisabled .rcbReadOnly .rcbArrowCell { background-position: -62px 50%; }
.RadComboBox_Wkb td.rcbArrowCellHidden,
.RadComboBox_Wkb .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_Wkb .rcbFocused td.rcbArrowCellHidden,
.RadComboBox_Wkb .rcbReadOnly td.rcbArrowCellHidden,
.RadComboBox_Wkb .rcbHovered .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_Wkb .rcbFocused .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_Wkb .rcbDisabled .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_Wkb table.rcbDisabled td.rcbArrowCellHidden { background: none; }
　
.RadComboBox_Wkb .rcbHovered .rcbArrowCell,
.RadComboBox_Wkb .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox_Wkb .rcbHovered .rcbReadOnly .rcbArrowCellHidden
{
}
.RadComboBox_Wkb .rcbFocused .rcbArrowCell,
.RadComboBox_Wkb .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_Wkb .rcbFocused .rcbReadOnly .rcbArrowCellHidden
{
border: solid 2px rgb(86,152,197) !important;
}
　
div.RadComboBox_Wkb .rcbHovered .rcbArrowCell,
div.RadComboBox_Wkb .rcbHovered .rcbInputCell
{
font-family: Calibri !important;
font-size: 14px !important;
color:rgb(71,71,71);
height: 15px !important;
border-color: #F739BB;
}
div.RadComboBox_Wkb .rcbFocused .rcbArrowCell,
div.RadComboBox_Wkb .rcbFocused .rcbInputCell
{
font-family: Calibri !important;
font-size: 14px !important;
color:rgb(71,71,71);
height: 13px !important;
border-color: #F739BB;
}
div.RadComboBox_Wkb .rcbDisabled .rcbArrowCell,
div.RadComboBox_Wkb .rcbDisabled .rcbInputCell
{
border-color: rgb(171,171,171);
font-family: Calibri !important;
font-size: 14px !important;
color: rgb(171,171,171);
}
div.RadComboBox_Wkb .rcbArrowCell a
{
height: 16px !important;
}
div.RadComboBox_Wkb td.rcbArrowCellHidden,
div.RadComboBox_Wkb .rcbArrowCellHidden a
{
width: 1px;
}
div.RadComboBox_Wkb td.rcbArrowCellHidden.rcbArrowCellRight
{
border-left: 0;
}
/* dropdown */
.RadComboBoxDropDown_Wkb
{
border-color: rgb(86,152,197) !important;
border-style: solid !important;
border-width: 2px !important;
background-color: #ffffff;
}
　
.RadComboBoxDropDown_Wkb .rcbHeader,
.RadComboBoxDropDown_Wkb .rcbFooter
{
padding-top: 2px;
padding-bottom: 2px;
color: #FF0000;
background-color: #F739BB;
}
.RadComboBoxDropDown_Wkb .rcbHeader
{
border-bottom-color: rgb(86,152,197) !important;
}
.RadComboBoxDropDown_Wkb .rcbFooter
{
border-top-color: rgb(86,152,197) !important;
}
html .RadComboBoxDropDown_Wkb .rcbHeader,
html .RadComboBoxDropDown_Wkb .rcbFooter
{
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
border: 0;
}
.RadComboBoxDropDown_Wkb .rcbItem em
{
background: rgb(86,152,197) !important;
color: rgb(255,255,255) !important;
}
div.RadComboBoxDropDown_Wkb .rcbHovered
{
padding: 1px 5px;
border: 1px solid rgb(86,152,197) !important;
color: #ffffff;
background-color: rgb(86,152,197) !important;
}
.RadComboBoxDropDown_Wkb .rcbSeparator
{
color: rgb(255,0,0) !important;
background-color: rgb(200,100,200) !important;
}
.RadComboBox_Wkb .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Wkb .rcbDisabled
{
border-color: rgb(171,171,171);
font-family: Calibri !important;
font-size: 14px !important;
color: rgb(171,171,171);
}
.RadComboBoxDropDown_Wkb .rcbLoading
{
}
.RadComboBoxDropDown_Wkb .rcbMoreResults
{
border-top-color: rgb(86,152,197) !important;
background: rgb(86,152,197) !important;
color: rgb(255,255,255) !important;
}
.RadComboBoxDropDown_Wkb .rcbMoreResults a
{
background: url("~/CustomStyles/images/icons/normal/rcbSprite.png") no-repeat -41px -3px;
}
　
div.RadComboBox_Wkb .rcbDisabled .rcbInputCell {
background: rgb(230,230,230) !important;
font-family: Calibri !important;
font-size: 14px !important;
color: rgb(171,171,171);
}
div.RadComboBox_Wkb .rcbDisabled .rcbArrowCell {
background-image: url("~/CustomStyles/images/icons/normal/arrow.png");
background-repeat: repeat-x;
}
2 answers
165 views
I have a RadDateInput control in a user control for a website:
<telerik:RadDateInput rendermode="lightweight" id="calOneOff" runat="server" EmptyMessage="Enter valid date" DBSelectedDate='<%# Bind("OneOffDate")%>' SkipMinMaxDateValidationOnServer="true"></telerik:RadDateInput>
The original data is from the database, there the OneOffDate field can either have a valid date, or null values.
As I pick this up in visual studio and store the value in a list of objects, the OneOffDate value is held in a property also called OneOffDate, which is a DateTime datatype. As a result, the stored value for null values is "01/01/0001" (New Zealand culture, so day/month/year).
Unfortunately this causes the RadDateInput to show this value (01/01/0001) on the page, along with a little exclamation mark icon (as its too far back in the past to be a valid date). Is there a way so that if the date is outside a certain range (e.g. before the year 2000) it will show a blank value on the RadDateInput control when databinding?
Thank you
2 answers
445 views
I need to create stacked bar data from code and cannot find a working example. Below is some code I've pieces together from other samples this does group the bars but they are not stacked correctly. I can make this work in a RadChart but we are trying to move away from the old control
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="625" > <ChartTitle Text="My test chart"/></telerik:RadHtmlChart>
protected void Page_Load(object sender, EventArgs e) { int numSeries = GetData().Columns.Count - 2; for (int i = 0; i < numSeries; i++) { BarSeries currLineSeries = new BarSeries { DataFieldY = GetData().Columns[2 + i].Caption, Stacked = true, StackType = HtmlChartStackType.Normal, GroupName = "Weeks", Gap = 2 }; RadHtmlChart1.PlotArea.Series.Add(currLineSeries); } RadHtmlChart1.PlotArea.XAxis.DataLabelsField = "Weeks"; RadHtmlChart1.DataSource = GetData(); RadHtmlChart1.DataBind();} protected DataTable GetData() { DataTable dt = new DataTable(); dt.Columns.Add("ID"); dt.Columns.Add("Weeks"); dt.Columns.Add("a111"); dt.Columns.Add("a112"); dt.Columns.Add("a119"); dt.Rows.Add(1, "1/3/2011", 4, 46, 117); dt.Rows.Add(2, "1/10/2011", 12, 62, 112); dt.Rows.Add(3, "1/17/2011", 6, 79, 132); return dt; }
John
Top achievements
Rank 1
Rank 1
answered
on
01 Feb 2016
0 answers
157 views
My initial impression is this feature has potential, but is not quite "ready for prime-time". The documentation is certainly lacking, which may be one of the reasons I have this impression. I'm not sure why you would release such a potentially complex and feature-rich item with so little documentation. Anyhow, here are some of my concerns on initial attempt to use the excel-like filtering as I have your other filtering options. Perhaps some of these are real issues and other may simply be that there is no documentation.
1) it would appear that the ChecklistWebServicePath property does not respect "~" notation for the app root. All your other web-service implementations do. This should as well.
2) your online examples do not indicate how to pass context information to the web service being used to bind the Excel-like filtering checklist. And there doesn't appear to be a client-side event handler (or maybe its just not documented) for requesting the checklist filter items. You shouldn't be providing examples that don't include the obvious requirement of passing context info to the web service.
3) How does one access the checklist filter selections sever-side in order to perform custom filtering? In the grid ItemCommand handler, checking the filter command and looking at the CommandArgument, the pair.Second correctly references the column name, but the pair.First is equal to 0. I would like to determine which checklist items are selected, so I can pass that info to my Stored Proc in order to filter the records prior to rebinding. In fact, I would like to be able to access all the excel-like filtering info, in addition to the checklist items in order to perform custom filtering.
4) in the attached, you can see the checklist items are not aligned properly to look good in the skin. This is Office2007, but I have seen similar issues in other skins.
5) When items in the checklist are selected, there is no indication to the user that the column filter is being used. The filter text box remains empty. This makes sense because there wouldn't be room to fill the box with the selected items (nor would you want to). However, there needs to be some way to indicate to the user that the grid is filtered by that column. I would recommend you guys use a different icon (like Excel does) or even a different color for the filter icon to indicate the column is filtered.
6) Per #3 above, there would need to be a way to set the filter values server-side prior to binding (in essence an "initial filter state") so that a grid can be displayed as filtered the first time it is loaded. This can already be done with your built-in filtering and custom filter templates. Its needs to be available through Excel like filtering as well. This would again necessitate the ability to pass context information to the webservice which obtain the checklist items since some would need to be returned already checked and others not.
7) you may want to consider having the checklist items all checked by default. This would indicate the "not filtered" state. This is not a huge deal, but its is how thing are done in Excel and makes sense.
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Rank 1
Veteran
Iron
asked
on
01 Feb 2016
3 answers
398 views
Is it possible to reposition the title in the kendowindow?
thanks
Robert
5 answers
320 views
Hi,
I am working with radgrid control, the problem description as below :-
I have a check box as a first column in the grid and I can select multiple rows, I need to get one cell value [Id] at the server side on when I select rows and click on the save button , on the save button click event.
Can you tell me how can i achive this??
I am working with radgrid control, the problem description as below :-
I have a check box as a first column in the grid and I can select multiple rows, I need to get one cell value [Id] at the server side on when I select rows and click on the save button , on the save button click event.
Can you tell me how can i achive this??
Eyup
Telerik team
answered
on
01 Feb 2016
