Questions on UI for ASP.NET AJAX Forum

1 answer

81 views

Hello,

How to I have two tabs and when you click on a button on 1 tab / tab 2 it updates the tab and displays an auto update ajax image. Also the update of the tab would happen in a ajax way so that the pages doesn't re load ?

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

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">

</telerik:RadAjaxLoadingPanel>

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

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Height="24px" SelectedIndex="0"

Width="335px" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab runat="server" Text="Hotel Only" Selected="True" >

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Flight & Hotel">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server">

tab1

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

tab2

<asp:Button ID="Button2" runat="server" Text="Button" />

</telerik:RadPageView>

</telerik:RadMultiPage>

Ajax

answered on 13 Oct 2011

9 answers

154 views

when i select a date in raddatetimepicker no other action allowing.

I'm using datetimepicker in xmlHttppanel.When i select date from datetimepicker i will not closing and also not allowing for another actions.
my url:http://localhost:2264/ProTrak/Default.aspx#. A '#' is adding after selecting the datetimepicker.
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
  <telerik:AjaxSetting AjaxControlID="RadTimePicker1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTimePicker1" />
</UpdatedControls>
</telerik:AjaxSetting>
   </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" EnableClientScriptEvaluation="true"
runat="server" OnServiceRequest="XmlHttpPanel_ServiceRequest" RenderMode="Block"
Width="750px">
   <table id="tblControl" runat="server" style="width: 750px;">
<tr>
<td>
<telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" Culture="en-US" RegisterWithScriptManager="false" > <Calendar ID="Calendar2" runat="server" EnableKeyboardNavigation="false" RegisterWithScriptManager="false">
</Calendar>
</telerik:RadDateTimePicker>
</td>
</tr>
</table>
</telerik:RadXmlHttpPanel>

Calendar

answered on 13 Oct 2011

0 answers

98 views

AdvancedEditTemplate user control postback

Dear TELERIK,

I'm using custom user control as AdvancedEditTemplate in RadScheduler.

This user control has COMMIT and CANCEL buttons - both server side ones, with different command names: "Update" and "Cancel".

But I'm also planning to add some server side data validation in the user controls's code behind.

Imagine the COMMIT button had been pressed and then my server side validation passed UNsuccessfully.
Is it possible to avoid closing of the AdvancedEditTemplate pop-up, in the same way as if CANCEL button was pressed?

Many thanks!

- Stepan.

Scheduler

asked on 13 Oct 2011

3 answers

74 views

Serialization Error

I am using AjaxManager with a farily complex page. It's sometimes tough to reproduce, but I get a serialization error at the end of a request, during the response back to the client after all of my server code has run. It is within some Telerik code. The odd thing is that once I do a full page refresh, it doesn't happen again.

Any help you can provide will be greatly appreciated.

Ajax

answered on 13 Oct 2011

1 answer

164 views

AfterClientCheck and AfterClientClick not firing/hitting correct js function

I'm trying to use the AfterClientCheck javascript event on a simple test page in a VS2008 test project, but it's not working. OnClientMouseOver is working just fine, so javascript is working.

Any thoughts?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="myNamespace.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title></title>

<script type="text/javascript">

function test(input, args) {

alert("test");

}

function AfterCheckHandler(node) {

alert("You have checked " + node.Text + " which is now " + node.Checked);

} function AfterClickHandler(node) {

alert(node.Text);

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

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

</telerik:RadScriptManager>

<telerik:RadTextBox ID="RadTextBox1" runat="server" ClientEvents-OnKeyPress="test">

</telerik:RadTextBox>

<telerik:RadTreeView ID="RadTreeView1" CheckBoxes="True" runat="server" AfterClientClick="AfterClickHandler"

AfterClientCheck="AfterCheckHandler" OnClientMouseOver = "test">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Books" ExpandMode="ClientSide">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Fiction">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Non-Fiction">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</div>

</form>

</body>

</html>

As you can see, I used one of the simple samples and only added the events I was interested in to test them.
Thanks

TreeList

answered on 13 Oct 2011

3 answers

116 views

Validation on Selction with RadUpload.

HI Team,

I need to Validate a textBox if the RadUpload.UploadedFiles.Count !=0

Something Like this...
if (RadUpload.UploadedFiles.Count !=0)
then Validate TextBox should not be empty
if (RadUpload.UploadedFiles.Count ==0)
then TextBox can be empty.

And can we do this without post-back. Something on Client Side please.. Using JavaScript preferably...

Thanks,
Raja

Upload (Obsolete)

answered on 13 Oct 2011

7 answers

240 views

Edit with UserControl : After Insert don't hide the usercontrol

Hi, i'm studying the example
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/usercontroleditform/defaultcs.aspx

I replace all and it's ok, one thing is wrong in my example, when I add a new record after confirm the usercontrol don't hide as in Update event.
The usercontrol after confirm insert is cleared but is visible in grid.

I can try with

e.Canceled = true;

gvList.SelectedIndexes.Clear();

this.gvList.MasterTableView.Rebind();

in the InsertCommand of RadGrid but don't work.

This is my RadGrid

<telerik:RadGrid ID="gvList" runat="server" AllowPaging="True" AllowSorting="True"

ShowStatusBar="True" CellSpacing="0" GridLines="None" Skin="Office2010Blue" AutoGenerateColumns="False"

OnNeedDataSource="gvList_NeedDataSource" OnDeleteCommand="gvList_DeleteCommand"

AllowAutomaticUpdates="false" PageSize="20" OnInsertCommand="gvList_InsertCommand"

OnUpdateCommand="gvList_UpdateCommand">

<HeaderStyle Font-Bold="true" />

<MasterTableView CommandItemDisplay="Top" DataKeyNames="d61_n_tipo" AllowAutomaticInserts="True"

CommandItemSettings-AddNewRecordImageUrl="Images/Grid/add2.png" CommandItemSettings-AddNewRecordText="AGGIUNGI NUOVA TIPOLOGIA"

CommandItemSettings-RefreshImageUrl="Images/Grid/refresh.png" CommandItemSettings-RefreshText="AGGIORNA LISTA">

<Columns>

<telerik:GridBoundColumn DataField="d61_n_tipo" UniqueName="d61_n_tipo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="d61_n_tipo" HeaderText="CODICE">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="d61_c_descrizione" HeaderText="DESCRIZIONE">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="d60_c_descrizione" HeaderText="TIPI BASE">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="d61_n_flag_obsoleto" HeaderText="OBSOLETO">

</telerik:GridCheckBoxColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" EditImageUrl="~/Images/Grid/edit.png"

EditText="Modifica" ItemStyle-HorizontalAlign="Center" ButtonType="ImageButton"

ItemStyle-Width="3%">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow"

ConfirmText="Confermare l'eliminazione del record ?" ConfirmTitle="Conferma eliminazione"

ImageUrl="~/Images/Grid/delete2.png" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="3%"

Text="Elimina" UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" Width="3%" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings UserControlName="ucGridTipologieUfficiali.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

</ClientSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

Thanks,
Marco

Grid

answered on 13 Oct 2011

3 answers

134 views

Row Disappear on page refresh

So I'm adding a new row to my radgrid.

Then, after I finish inserting the row... I press F5 to refresh the page and my most recently entered row disappears! I'm doing this in debug and running it off my local machine.

If I stop debugging, stop the development server, and then press play to debug...the row appears! However the same thing happens with the next row I insert if I refresh the page again.

I talked with a co-worker about this and he seemed to think it has something to do with the viewstate. Regardless... we're having trouble figuring it out. It's like something is not getting refreshed with my radgrid when the page refreshes.

Any help is greatly appreciated.

Grid

answered on 13 Oct 2011

1 answer

123 views

[Solved] FilterExpression issue - ToList vs Not ToList

Can someone explain why FilterExpression is LINQ syntax for List but SQL syntax for others.

Here is what I have tested:

public class TheData

{

public string Subject { get; set; }

}

protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

MyEntity ent = new MyEntity();

IQueryable<TheData> gridData = from t1 in ent.Documents

join t2 in ent.Approve on t1.Id equals t2.DocumentId

where (t1.InsertById == 1 || t1.ApprovedById == 1)

select new TheData

{

Subject = t1.Subject

};

string filterExpression = RadGrid1.MasterTableView.FilterExpression.Replace(".ToString()", String.Empty);

RadGrid1.VirtualItemCount = filterExpression != string.Empty

? gridData.Where(filterExpression).Count()

: gridData.Count();

var testData = (filterExpression != string.Empty

? gridData.Where(filterExpression)

: gridData).ToList();

var finalData = (from f in testData

select new

{

Subject = f.Subject.Replace("someval", "tosomeval"),

}).ToList();

RadGrid1.DataSource = finalData;

}

If I call .ToList() for the finalData filterExpressions syntax is
(iif(Subject == null, "", Subject).Contains("sometext"))

but if I do not call .ToList() filterExpression syntax is
([Subject] LIKE '%sometext%')

PS: EnableLinqExpressions="true" doesnt reflect any changes.

TIA.

Grid

answered on 13 Oct 2011

2 answers

93 views

Scheduler Confirmation Delete Position

Posted on Mar 1, 2010 (permalink)

Hi,

Is it possible to make the confirmation delete box to be displayed just beside the appointment to delete or at center of the screen?

Because if I have a scheduler page that is in full view (24 hrs) and I try to delete the meeting at 8AM, the confirmation box is in the center of the scheduler and we have to Scroll it down to click on OK.

we are using version "2011.1.519.40" of the dll Telerik.web.ui.

Thanks,

Mayur

Scheduler

answered on 13 Oct 2011