Questions on UI for ASP.NET AJAX Forum

1 answer

159 views

With Datepicker, How to enable MinDate,MaxDate validations for choosing from the calender popup

Hi

How to enable validation based on minDate and maxDate only for the calender popup,so that it disables the dates which are not in the valid range and not for assigning the value to the rad Datepicker control using code behind,ex: assigning the value from database to selectedDate property of the control

Regards
Sachi

Calendar

answered on 03 Aug 2011

1 answer

114 views

Mutiple rows within single row?

I am trying to achieve mutiple child rows within one single parent row.

See this image and look at the Facility and DP Type colums to understand what I am talking about.

Grid

answered on 03 Aug 2011

1 answer

88 views

Paging does not work after Sorting in Radgrid

Hi,

I have a RADGrid which I am building dynamically. Everything works fine except when I try to do sort and then do paging the grid is blank. I did the debug and I can see the datasource has the records. I amd developing my app in vs2005 and .Net 2.0. The version of Telerik.Web.UI.dll is 2010.3.1317.20

Let me know if anybody has a solution to this problem. I can upload the code.

Thanks,
Raji

Grid

answered on 03 Aug 2011

1 answer

196 views

Insert Item Template Help

I am trying to insert data from a listview Insert Item Template into my datasource. There are 2 fields that the user doesn't enter, but instead come from application variables. How do I put these into the insert item template, or into the sql datasource insert?

ListView

answered on 03 Aug 2011

1 answer

128 views

Button filter not show

Hi Everybody,

I have a listview and basic filter function in a user control
But when I change selected in FieldCombo, Button filter and valueBox not show
Are there any proble in Javascrip ? My code as below, please suggest me a way to fix that

Thanks

function fieldComboSelectedIndexChanged(sender, args) {

//debugger;

if (args.get_item().get_value() == "..") {

NoFilterChosen();

}

else {

$('div[id=boxValueDiv]').show(0);

$('div[id=radioButtonDiv]').show(interval, showRemainingControls);

}

function showRemainingControls() {

//debugger;

$('div[id=buttonsDiv]').fadeIn(interval);

}

function hideRemainingControls() {

//hide all the UI filter data controls

$('div[id=boxValueDiv]').fadeOut(interval);

$('div[id=buttonsDiv]').fadeOut(interval);

}

ListView

answered on 03 Aug 2011

1 answer

98 views

Trouble Populating ListView with Search Results

Hello,

I am hoping someone can help me with this issue.

I have a RadTextbox (search box), a RadButton (search button), and a RadListView. I am using the NeedDataSource event to populate my list view with data. On page load, the list view loads up with data as expected. The problem comes in when I use the search box and button to refine my data.

When I click the search button to initiate the search, the NeedDataSource event fires before the RadButton Click event. Therefore, I have to click the search button twice to get my expected results. The search text is captured in the code behind on the first click event, but then doesn't apply it until the second time around. I think this is the normal behavior according to Telerik's documentation (Other Postback events occur after the NeedDataSource event in the page lifecycle - see this link)

Can someone please help? This is a very basic need, but I am really struggling with it.

Thank you, Jim

Here is a snippet of the code that I am using.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="SearchButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ProductsView" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ProductView">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ProductView" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CartPanel" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black" />

<div>

<div class="searchContainer">

<div style="float: left; color: #99CA3B; margin-right: 15px; font-size: 16px; font-weight: bold;">Search Hort Couture™ Products</div>

<div class="searchBox">

<telerik:RadTextBox ID="SearchBox" BackColor="#191919" ForeColor="#99CA3B" BorderColor="#C9C9C9" BorderWidth="1" Font-Size="14px" Width="380" runat="server"></telerik:RadTextBox>

</div>

<div class="searchButton">

<telerik:RadButton ID="SearchButton" Text="Search" runat="server"></telerik:RadButton>

</div>

<div class="productContainer">

<asp:Panel ID="ProductPanel" runat="server">

<telerik:RadListView ID="ProductView" runat="server" Height="400"

ItemPlaceholderID="ItemContainer" Skin="Black" DataKeyNames="culturalInfoId,longName,seriesDesc,cultivarDesc" AllowPaging="true" PageSize="12">

<LayoutTemplate>

<div class="RadListView RadListView_<%# Container.Skin %>">

<asp:PlaceHolder ID="ItemContainer" runat="server"></asp:PlaceHolder>

</div>

<div style="clear: both"></div>

<div style="padding: 5px;">

<div style="float: left; margin-left: 30%;">

<asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"

Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"

Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

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

Page <strong><%#Container.CurrentPageIndex + 1 %></strong> of <strong><%#Container.PageCount %></strong>

</span>

<asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"

Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

<asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"

Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

</div>

</LayoutTemplate>

<ItemTemplate>

<div class="item">

<img class="itemImage" src="<%# Eval("standardFileName") %>" />

<div class="itemDesc">

<%# Eval("seriesDesc")%> <%# Eval("cultivarDesc")%></div>

<div class="itemActions">

<a onclick="ShowDetail('<%# Eval("culturalInfoId") %>');" href="javascript:void(0);">PRODUCT DETAIL</a>

</div>

</ItemTemplate>

<EmptyItemTemplate>

<div>

No Item.

</div>

</EmptyItemTemplate>

</telerik:RadListView>

</asp:Panel>

</div>

Private Sub ProductView_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadListViewNeedDataSourceEventArgs) Handles ProductView.NeedDataSource

Dim sql As New sqlProcedures()

Dim products As New DataSet()

Dim contains As String = Session("SearchText")

If (contains Is Nothing) Then

products = sql.spSelectItemsBySmartSearch("%")

Else

products = sql.spSelectItemsBySmartSearch(contains)

End If

ProductView.DataSource = products

End Sub

Private Sub SearchButton_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles SearchButton.Click

Session("SearchText") = SearchBox.Text

End Sub

ListView

answered on 03 Aug 2011

2 answers

82 views

REQUEST: New Property for AutoRow Select

Please add a new property to the RadGrid called "Auto-SelectFirstRow=True". The purpose of this property would be to:

1) Auto-detect when new data is loaded into the grid, then automatically select the first row.
2) If paging, automatically selects the first row.

Of course, if no rows are present, it would not select any rows.

An alternative approach would be use "Auto-SelectThisRow=4" where the developer can set the row index to be auto-selected.

Thank you for the consideration.

Grid

answered on 02 Aug 2011

2 answers

114 views

When i click the dropdown arrow, I see a down arrow in the end

Hi ,

I m using rad combo box to display some variables. Everything works fine. But when i click to drop down the list i see a down arrow at the end of list.
I don't want to display that. If i click on it, the values are getting binded again and it is double the values in the list.

Suppose, if there are 6 items in the list. If i click the down arrow then the items gets doubled. it shows 12 items in the list.

Please have a look at the attached file.

This is my combo box:

<telerik:RadComboBox ID="cboaction_cat_id" runat="server" Width="350px" Height="200px" EmptyMessage="Select a Action Category" MarkFirstMatch="true"

DataTextField ="action_category_id" DataValueField="action_category_id" EnableLoadOnDemand="True" OnSelectedIndexChanged="cboAction_SelectedIndexChanged"

ShowMoreResultsBox="true" EnableVirtualScrolling="true" AutoPostBack="true" OnDataBound="RadComboBox2_DataBound" OnItemDataBound="RadComboBox2_ItemDataBound"

OnItemsRequested="RadComboBox2_ItemsRequested" OnClientItemsRequested="UpdateItemCountField" HighlightTemplatedItems="true" >

<HeaderTemplate>

<ul>

<li class="col1">Action Cat ID</li>

<li class="col2">Action Cat Desc</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<%# DataBinder.Eval(Container.DataItem, "action_category_id")%></li>

<li class="col2">

<%# DataBinder.Eval(Container.DataItem, "action_category_desc")%></li>

</ul>

</ItemTemplate>

<FooterTemplate>

A total of

<asp:Literal runat="server" ID="Literal1" />

items

</FooterTemplate>

</telerik:RadComboBox>

Thanks,

ComboBox

answered on 02 Aug 2011

3 answers

250 views

Out of memory exception for RadGrid Export to Excel with 2010 Q2 Release

Hi,

I am using Teleik 2010 Q2 Release in my project. I have a grid which has around 20,096 records with subgrid.

But when I try to export to excel, it says out of memory exception.

Is there any solution for this? Is this issue resolved? Or is there any workaround?

Grid

answered on 02 Aug 2011

1 answer

217 views

Combobox filter for Radgrid

Hi all,

I am applying Combobox filter for Radgrid like
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filtertemplate/defaultcs.aspx

But I would like to do more than that.
Let's say, Course column has
+ CS123
+ CS124
+ CS890
+ BM123
+ BM124

If user chooses CS123 from Combobox, of course, it will filter data has CS123 only.
Beside that, I would like add another function which allows user inputs data for filtering.
For example, user input "123" and press Enter
It will filter data includes "123", the result should be "CS123", and "BM123"

That means user can have 2 options:
+ Choose course from dropdown list
+ Or input data and press Enter (work like "Contains" function)

Thanks,

Andy.

Grid

answered on 02 Aug 2011