Questions on UI for ASP.NET AJAX Forum

1 answer

125 views

Hi,

I am new to telerik implementation. In my current project which is running on .net feramework 3.5/VS2008/RadControls for ASP.NET AJAX Q1 2010 is having a requirement where I need to spell check a series of textbox controls and save to database. I am able to do this in two steps where I am asking user to first click on "Spell Check" button and then click again on "Save" button. Is it possible to delegate the spell check click event to this "Save" button?

I am trying to do like this:
Suggest me if I need to make any changes in the script.

    
            <script language="javascript" type="text/javascript">  
        
             function spellCheck() {  
        
                  var radSpell = GetRadSpell('<%= radSpellChecker.ClientID %>');  
        
                  radSpell.StartSpellCheck();  
        
             }  
        
            </script> 
        
            <telerik:RadSpell ID="radSpellChecker" runat="server" ButtonType="None" IsClientID="True" /> 
        
            <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

And in the code behind, I am adding this below statement in Page_Load event.

    
            this.btnSave.Attributes.Add("onClick", "return spellCheck();");

I tried setting up the RadControlsDir property for the spell checker with the path to a folder that contains spell folder with 3 scripts present in a "Scripts" folder.

Please suggest me the chagnes requried and also if any configuration settings are to be made.

Thanks,
Jagadeesh

Spell

answered on 12 May 2010

1 answer

109 views

Avoiding corrupted Html

I used the Editor to make a simple heading of two centred lines of different text sizes.

The Html produced was:

    
            <h1 style="text-align: center;"><span style="font-family: arial; color: #00b050;">&nbsp;  
        
            <h2>Dinedor Cross Garage </h2> 
        
            </span><span style="font-family: arial;">  
        
            <h2></h2>  
        
            </span> 
        
            <h2></h2>  
        
            <span style="font-family: arial;">  
        
            <h1> 
        
            <h3>Total care for Herefordshire Land Rover owners</h3> 
        
            </h1> 
        
            </span></h1>

I think I started using <h1> for the first line and <h2> for the second and then changed this to <h2> and <h3>. As you can see, the Html is a mess.

Is there a procedure you can recommend to avoid this sort of thing happening?

On a related issue, I note that when I click Enter, the Html inserted is <br/>. This leads to problems when subsequently changing one of the "paragraphs" to a header - the whole lot changes to a header! Wouldn't it be better for the Enter key to enter <p></p> and Shift+Enter to enter <br/>? If so, is it possible to set the Enter key to do this?

Your help would be much appreciated.

Thanking you in anticipation.

Roger

Editor

answered on 12 May 2010

3 answers

154 views

masterpage ajax

I have a simple master page, content page with a radgrid being populated from button click, I have ajaxmanager, grid and button on the content page, everything works fine for the first click( when the page loads for the first time) I see the loading panel, isajaxrequest = true, but any subsequent click will return RadAjaxManager1.Alert(RadAjaxManager1.IsAjaxRequest.ToString()) = false which means the ajax request is not being fired, what am I doing wrong? I need to it be consistently showing the panelbar after the button_click Please help

I have the below code on the content page. At btnsearch_click I have RadGrid1.databind

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >  
        
            <AjaxSettings>  
        
            <telerik:AjaxSetting AjaxControlID="btnsearch" >  
        
            <UpdatedControls>  
        
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"/>  
        
            </UpdatedControls>  
        
            </telerik:AjaxSetting>  
        
            <telerik:AjaxSetting AjaxControlID="RadioButton1">  
        
            <UpdatedControls>  
        
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />  
        
            <telerik:AjaxUpdatedControl ControlID="RadioButton2" />  
        
            </UpdatedControls>  
        
            </telerik:AjaxSetting >  
        
            <telerik:AjaxSetting AjaxControlID="RadioButton2">  
        
            <UpdatedControls>  
        
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />  
        
            <telerik:AjaxUpdatedControl ControlID="RadioButton1" />  
        
            </UpdatedControls>  
        
            </telerik:AjaxSetting >  
        
            </AjaxSettings>  
        
            </telerik:RadAjaxManager>

Ajax

answered on 12 May 2010

1 answer

96 views

Adding info to DockState from client side

Hi!

I would like to add information to a RadDock that I also can access in the DockState from code behind. Is this possible?

This is related to my other question about get_text and set_text for RadDock client side. If this had been available I'm guessing that would do the trick but since it's not I wonder if there is some other way to get information from the client side into server side using DockState.

Cheers!
//Christoffer

Dock

answered on 12 May 2010

2 answers

253 views

[Solved] ItemTemplate, RadComboBox, MasterPage, User Control :(

Hi;
I added all could cause the problem that i live. Here is the problem... I have a page that has a masterpage. In this page I'm calling a webUserControl. There is a listview in webUserControl. And plan to has 3 or more RadComboBox in this usercontrol that will be related combos. When i fill the first combo everything works fine. But When I Select an item the SelectedIndexChanged event of first combo doesn't fires and i loose the selectedValue. I couldn't find where did i made a mistake.. Could you help?
Here is the Codes...

MASTER PAGE

<telerik:RadScriptManager ID="rSManager" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="rAjaxManager" runat="server" DefaultLoadingPanelID="rLoadingPnl">
<AjaxSettings>
  <telerik:AjaxSetting AjaxControlID="RadMenu1">
  </telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="rLoadingPnl" runat="server" Skin="WebBlue" RegisterWithScriptManager="true">
</telerik:RadAjaxLoadingPanel>
....
.....
PAGE
<asp:Content ID="Content1" ContentPlaceHolderID="cph_Main" runat="Server">
<%@ register tagprefix="Telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %>
<link href="~/CSSClasses/CssForTelerikItems.css" type="text/css" rel="stylesheet" />
<link href="~/CSSClasses/vision.css" type="text/css" rel="stylesheet" />
<%@ register src="NewUserControls/Profile/KisiselBilgiler.ascx" tagname="Kisisel" tagprefix="ucKisisel" %>
<%@ register src="NewUserControls/Profile/EgitimBilgileri.ascx" tagname="Egitim" tagprefix="ucEgitim" %>
<%@ register src="NewUserControls/Profile/IsTecrubeleri.ascx" tagname="Tecrube" tagprefix="ucTecrube" %>
<%@ register src="NewUserControls/Profile/IsTercihleri.ascx" tagname="Tercihler" tagprefix="ucTercih" %>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
  function myContentClickHandler()
  {
   $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("content");
  }
</script>
</telerik:RadCodeBlock>
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
<AjaxSettings>
  <telerik:AjaxSetting AjaxControlID="ProfileDockLayout">
   <UpdatedControls>
    <telerik:AjaxUpdatedControl ControlID="ProfileDockLayout" LoadingPanelID="rLoadingPnl" />
   </UpdatedControls>
  </telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<telerik:RadDockLayout ID="ProfileDockLayout" runat="server" Skin="WebBlue" StoreLayoutInViewState="True">
<div style="float: left;">
  <telerik:RadDockZone ID="Zone1" runat="server" Width="970px" Orientation="Vertical" MinHeight="100px">
   <telerik:RadDock ID="dockProfil" runat="server" Width="970px" Height="185px" EnableAnimation="true"
   EnableRoundedCorners="true" Resizable="true" Title="Profil Bilgileri" DockMode="docked"
   DefaultCommands="None">
    <ContentTemplate>....
    </ContentTemplate>
   </telerik:RadDock>
  </telerik:RadDockZone>
</div>
<div>
  <telerik:RadTabStrip ID="tabsOzgecmis" runat="server" MultiPageID="mPageOzgecmis" Skin="WebBlue">
   <Tabs>
    <telerik:RadTab Text="Kiisel Bilgilerim" PageViewID="pViewKisisel">
    </telerik:RadTab>
    <telerik:RadTab Text="Eitim Bilgilerim" PageViewID="pViewEgitim">
    </telerik:RadTab>
    <telerik:RadTab Text=" Tecrbelerim" PageViewID="pViewTecrube">
    </telerik:RadTab>
    <telerik:RadTab Text=" Tercihlerim" PageViewID="pViewTercih">
    </telerik:RadTab>
   </Tabs>
  </telerik:RadTabStrip>
  <telerik:RadMultiPage ID="mPageOzgecmis" runat="server">
   <telerik:RadPageView ID="pViewKisisel" runat="server">
    <ucKisisel:Kisisel ID="uscKisisel" runat="server" />
   </telerik:RadPageView>
   <telerik:RadPageView ID="pViewEgitim" runat="server">
    <ucEgitim:Egitim ID="uscEgitim" runat="server" />
   </telerik:RadPageView>
   <telerik:RadPageView ID="pViewTecrube" runat="server">
    <ucTecrube:Tecrube ID="uscTecrube" runat="server" />
   </telerik:RadPageView>
   <telerik:RadPageView ID="pViewTercih" runat="server">
    <ucTercih:Tercihler ID="uscTercihler" runat="server" />
   </telerik:RadPageView>
  </telerik:RadMultiPage>
</div>
</telerik:RadDockLayout>
</div>
</asp:Content>

USER CONTROL
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<link href="~/CSSClasses/CssForTelerikItems.css" type="text/css" rel="stylesheet" />
<link href="~/CSSClasses/vision.css" type="text/css" rel="stylesheet" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
  function myContentClickHandler()
  {
   $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("content");
  }
  function onKeyPressing(sender) {
   sender.allowOpenDropDown = true;
  }

  function onDropDownOpening(sender, eventArgs) {
   if (!sender.allowOpenDropDown || sender.get_text().length == 0)
    eventArgs.set_cancel(true);
  }

  function onItemsRequesting(sender, eventArgs) {
   if (sender.get_text().length == 0) {
    if (sender.get_dropDownVisible())
     sender.hideDropDown();
     eventArgs.set_cancel(true);
   }
  }

  function onBlur(sender) {
   sender.allowOpenDropDown =
   false;
  }

  </script>
</telerik:RadCodeBlock>
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
<AjaxSettings>
  <telerik:AjaxSetting AjaxControlID="lViewOkul">
   <UpdatedControls>
    <telerik:AjaxUpdatedControl ControlID="lViewOkul" LoadingPanelID="rLoadingPnl" />
   </UpdatedControls>
  </telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>

<telerik:RadListView ID="lViewOkul" runat="server" OnItemCommand="lViewOkul_ItemCommand"
DataKeyNames="KAYITNO" OnItemDataBound="lViewOkul_ItemDataBound" OnItemCreated="lViewOkul_ItemCreated">
<InsertItemTemplate>
</InsertItemTemplate>
<EditItemTemplate>
</EditItemTemplate>
<EmptyDataTemplate>
  <div style="float: left">
  vs vs vs vs.
  <asp:LinkButton ID="btnOkul" runat="server" Text="Ekle" CommandName="InitInsert"></asp:LinkButton>
  </div>
</EmptyDataTemplate>
<EmptyItemTemplate>
</EmptyItemTemplate>
<ItemTemplate>
  <table class="itemLabels">
   <tr>
    <td>
    Seviyeniz
    </td>
    <td>
    :
    </td>
    <td>
     <telerik:RadComboBox ID="ctlOgrenimSeviyesi" runat="server" Width="190px" EnableLoadOnDemand="true"
     ShowToggleImage="false" LoadingMessage="..." OnClientKeyPressing="onKeyPressing"
     OnClientDropDownOpening="onDropDownOpening" OnClientItemsRequesting="onItemsRequesting"
     OnClientBlur="onBlur" AutoPostBack="true">
     </telerik:RadComboBox>
    </td>
   </tr>
   <tr>
    <td>
    Okul Ad
    </td>
    <td>
    :
    </td>
    <td>
     <telerik:RadComboBox ID="cmbOkulAdi" runat="server" ChangeTextOnKeyBoardNavigation="true"
     AllowCustomText="true" ItemsPerRequest="20" Width="190px" EnableItemCaching="True"
     Height="150px" LoadingMessage="Ykleniyor..." MarkFirstMatch="True" ShowWhileLoading="False">
     </telerik:RadComboBox>
    </td>
    </tr>
    <tr>
    <td colspan="3">
     <asp:LinkButton ID="btnDuzenle" runat="server" Text="Gncelle" CommandName="Edit"></asp:LinkButton>
    </td>
   </tr>
  </table>
</ItemTemplate>
</telerik:RadListView>

UserControl cs

protected void Page_Load(object sender, EventArgs e)
{
RadProfile rp = new RadProfile();
if (vwProfilData == null)
vwProfilData = rp.ReadProfil(vwProfilData);
lViewOkul.DataSource = vwProfilData.OgrGorduguOkulBE;
lViewOkul.DataBind();
}

protected void lViewOkul_ItemCommand(object sender, RadListViewCommandEventArgs e)
{
}

protected void lViewOkul_ItemDataBound(object sender, Telerik.Web.UI.RadListViewItemEventArgs e)
{
RadComboBox cmb = (RadComboBox)e.Item.FindControl("ctlOgrenimSeviyesi");
cmb.ItemsRequested += ctlOgrenimSeviyesi_ItemsRequested;
cmb.SelectedIndexChanged += ctlOgrenimSeviyesi_SelectedIndexChanged;
}

protected void lViewOkul_ItemCreated(object sender, RadListViewItemEventArgs e)
{
}

protected void ctlOgrenimSeviyesi_ItemsRequested(object o, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)
{
RadComboBox cmb = (RadComboBox)o;
parameter = null;
DataView dt1 = null;
ParameterTableName = "PRMOGRENIMDURUM";
cmb.DataSource = Parameter.GetListByFilter("ACIKLAMA LIKE '" + e.Text + "%'");
cmb.DataTextField = "ACIKLAMA";
cmb.DataValueField = "KAYITNO";
cmb.DataBind();
}

protected void ctlOgrenimSeviyesi_SelectedIndexChanged(object o, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
{
RadComboBox cbm = (RadComboBox)lViewOkul.FindControl("cmbOkulAdi");
PrmOgrenimDurumConstants osKod = (PrmOgrenimDurumConstants)Convert.ToDecimal(ParameterList.GetParameter(ParameterConstants.PRMOGRENIMDURUM).GetKodByKayitNo(Convert.ToDecimal(e.Value)));
cbm.DataSource = SchoolCacheBLL.ReadAllOkul(osKod);
cbm.DataTextField = "AD";
cbm.DataValueField = "KAYITNO";
cbm.DataBind();
}
}

ListView

answered on 12 May 2010

1 answer

84 views

Emit Only New Docks with Ajax

Hello there,

I have a layout with three RadDockZone's put in a RadDockLayout which is placed in a RadAjaxPanel. I am adding a from a menu by calling a page method and then calling the ajaxRequest method of the RadAjaxPanel. Everything works almost correctly. The problem is the markup of all docks gets refreshed during the AJAX request which leads to:

noticable slowdown when many docks are opened and/or lots of markup is loaded (because there are mainly grids in my docks);
all docks get refreshed which in my case hides the data and reloads it (as I am using client-side databinding to populate the grids).

I have tried creating a hidden (display: none) RadDockZone, loading docks dynamically in it and then moving them to the target dock but it didn't work. Any ideas?

Best regards,
Valery.

Dock

answered on 12 May 2010

1 answer

125 views

problems with RadDataPager

I using a RadDataPager with a list view, in the RadDataPager I have a RadComoBox that I want to load from Javascript. Can this be done my code is below. So I can’t get it to work.

<telerik:RadDataPager ID="Pager1" runat="server" PagedControlID="dlResult" PageSize="5"

Width="698px">

<%--<telerik:RadDataPagerButtonField FieldType="FirstPrev" />--%>

<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" />

<%--<telerik:RadDataPagerButtonField FieldType="NextLast" />--%>

<telerik:RadDataPagerPageSizeField PageSizeText="Page size:" />

<telerik:RadDataPagerTemplatePageField>

<%--<div style="float: right; height:20px; padding: 0px 55px 5px 0px;">

<telerik:RadToolBar ID="RadToolBar1" runat="server">

<Items>

<telerik:RadToolBarButton CommandName="Descending" PostBack="true" ImageUrl="../images/arrow1.png" ToolTip="Sort in descending order" HoveredCssClass="rtbItemClicked" meta:resourcekey="btnDescendingResource1" />

<telerik:RadToolBarButton CommandName="Ascending" PostBack="true" ImageUrl="../images/arrow2.png" HoveredCssClass="rtbItemClicked" ToolTip="Sort in ascending order" meta:resourcekey="btnAscendingResource1" />

</Items>

</telerik:RadToolBar>

</div>--%>

<telerik:RadComboBox ID="ddSort1" OnSelectedIndexChanged="ddSort1_SelectedIndexChanged" OnClientSelectedIndexChanged="RadComboBoxOnClientSelected" AutoPostBack="true" runat="server" Width="95px" >

<%--<Items>

<telerik:RadComboBoxItem Text="Field to Sort" Value="" />

<telerik:RadComboBoxItem Text="Price" Value="Price" />

<telerik:RadComboBoxItem Text="Mileage" Value="Mileage" />

<telerik:RadComboBoxItem Text="Year" Value="VehicleYear" />

<telerik:RadComboBoxItem Text="Make" Value="VehicleMake" />

<telerik:RadComboBoxItem Text="Clear sort" Value="ClearSort" />

</Items>--%>

</telerik:RadComboBox>

</div>

<telerik:RadToolBar ID="RadToolBar2" OnButtonClick="RadToolBar2_ButtonClick" Height="20px" AutoPostBack="true" OnClientButtonClicking="onButtonClicked" runat="server">

<Items>

<telerik:RadToolBarButton CommandName="Sort" PostBack="true" ImageUrl="../images/arrow1.png" Height="20px" Width="25" HoveredCssClass="rtbItemClicked" ToolTip="Sort in ascending order" />

<telerik:RadToolBarButton CommandName="CompareChecked" PostBack="true" Text="Compare vehicles" Height="20px" HoveredCssClass="rtbItemClicked" ToolTip="Compare checked vehicles" meta:resourcekey="btnCompareCheckedResource1" />

<telerik:RadToolBarButton CommandName="Download" PostBack="true" Text="Download" Height="20px" ToolTip="Download" HoveredCssClass="rtbItemClicked" meta:resourcekey="btnExportResource1" />

<telerik:RadToolBarButton CommandName="EmailSearchResults" PostBack="true" Text="Email results" Height="20px" HoveredCssClass="rtbItemClicked" ToolTip="Email search results" CheckOnClick="true" meta:resourcekey="btnListViewResource1" />

<telerik:RadToolBarButton CommandName="GridView" PostBack="true" Text="List View" Height="20px" HoveredCssClass="rtbItemClicked" ToolTip="Change to List View mode" meta:resourcekey="btnListViewResource1" />

</Items>

</telerik:RadToolBar>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</fields>

</telerik:RadDataPager>

function GetSort(result, userContext, methodName)

{

var Pager = $find("<%# Pager1.ClientID %>");

var combo = Pager.findControl("ddSort1");

if (combo)

{

var comboItem = new Telerik.Web.UI.RadComboBoxItem();

combo.set_text("item");

combo.trackChanges();

combo.get_items().add(comboItem);

comboItem.select();

combo.commitChanges();

}

ListView

answered on 12 May 2010

1 answer

300 views

RadGrid: Dynamic DataBound column creation with Hyperlinks

Hi there,

I am using the rad Grid control in one of my applications and it is bound to a datatable. The Datatable is generated via a Stored Procedure containing a Dynamic SQL. In other words the fields returned by the Stored Proc may not have fixed names at every call and I have no control over this.

Having said the above, I would like each cell in the grid to be a hyperlink with a client or server side function. This function should populate a set of textboxes located on the same page as the Grid.

Can someone help me with this?

Thanks

Noel

Grid

answered on 12 May 2010

3 answers

405 views

RadNumericTextbox notation and rounding problems

Hi,

I'm using RadNumericTextbox up to 15 decimal places right now and having some formatting and rounding problems. When I enter a value like 0.0000000008 into the textbox when it loses focuses it turns into 8. When I put it back into focus it turns into 8e-10. At this point if I defocus the textbox the value turns into a permanent 8. Is there any way where I can make it show 0.0000000008 for all cases? I'm trying not to show the exponential notation and not have it show it as a whole number when it is actually a very small number.

Also since numerictextbox uses double and goes up to 15 total digits I'm trying to truncate the excess digits rather than rounding it. e.g. 1.12345678901234567890 turns into 1.1234567890123457 on defocus and on postback it turns into 1.12345678901235. Is there any way to not get rounding for both these cases? This is what I have for my example:

    
            <telerik:RadNumericTextBox runat="server" ID="rntbTest" Width="100">  
        
                        <NumberFormat DecimalDigits="15" KeepNotRoundedValue="false" AllowRounding="false" />  
        
            </telerik:RadNumericTextBox>

Thanks!
Gilbert

Input

answered on 12 May 2010

1 answer

95 views

Grid Grouping

Please help!

I used rad grid grouping by expression. I got an error when I clicked "X" to ungroup. I was able to drag a column field to the group header. Thank you in advance for your help.

Error:
Specified argument was out of the range of valid values.
Parameter name: index

<

GroupByExpressions>

<telerik:GridGroupByExpression>