Questions on UI for ASP.NET AJAX Forum

11 answers

290 views

RadNumericTextbox set_visible() not working

Hi,

I am using radnumeric textboxes inside gridview, and trying to set their visiblity by javascript, but neither set_visible(), nor the .display='', is working.

I tried by taking a simple textbox outside the grid too, but for that also set_visible is not working.

Tried solution provided at http://www.telerik.com/community/forums/aspnet-ajax/input/set-visible-true.aspx, but no help.

Here is my code for the gridview textboxes.

                      var   rows = document.getElementById('<%= grdTeeDetails.Clientid%>').rows;               
                for(i=1;i <rows.length;i++)         
                        {                                          
                            if(document.getElementById('ctl00_cphMainContent_grdTeeDetails_ctl02_txtLPar' + i) != null)         
                           {          
                                document.getElementById('ctl00_cphMainContent_grdTeeDetails_ctl02_txtLPar' + i).style.visibility='visible';                        
                                document.getElementById('ctl00_cphMainContent_grdTeeDetails_ctl02_txtLPar' + i).style.display='';               
                                txtLPar=$find(document.getElementById('ctl00_cphMainContent_grdTeeDetails_ctl02_txtLPar' + i).id);              
                                txtLPar.set_visible(true);             
                            }                                         
                       }                       

There is not a single javascript bug, but the code is not working.

Thanks,

Mansi Shah

Input

answered on 03 Oct 2014

1 answer

182 views

How to export GridCheckBoxColumn as checkbox in ExcelML format?

As you know it is mandatory to set the ExportOnlyData property to true when using ExcelML format. Thanks to that GridCheckBoxColumn is exported as TRUE/FALSE in Excel spreadsheet. How can we have that column exported as checkbox as in old HTML-Based Excel Format?

Grid

answered on 03 Oct 2014

9 answers

66 views

Can't select 1st Aug 2014

Dears,
I have an issue using radDatePicker on chrome, as when I select 1st Aug 2014, it sets the selected date to 1st Sep 2014 ?
to reproduce go to
http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/custompopup/defaultcs.aspx
and try to select 1/Aug/2014

Calendar

answered on 03 Oct 2014

1 answer

75 views

Turn off auto orientation for ComboBox

I am wondering how I would go about turning off the automatic orientation for the combobox. I am running into an issue where the dropdown is going up and underneath my menu.

ComboBox

answered on 02 Oct 2014

2 answers

384 views

Get/Set RadDatePicker Selected Date Client-Side

Hi,

I am trying to update a read-only GridDateTimeColumn field in a Rad Grid while the item is being edited. The computation to do the update is to calculate the calendar date based off the Julian date in a RadNumeric TextBox. I am able to get the two controls client ID's by using the following code server-side on the Item Created event:

RadNumericTextBox rnumtxt1 = item.FindControl("gtbJulianDate") as RadNumericTextBox;
RadDatePicker picker = (RadDatePicker)item["GroundDate"].Controls[0] as RadDatePicker;

rnumtxt1.Attributes.Add("onBlur", "return updateGround('" + rnumtxt1.ClientID + "','" + picker.ClientID + "')");

The javascript function finds the RadNumeric TextBox just fine and can perform the computation, but when I set the picker field on the client-side, it always ends up being null. I use the following code to set the variables:

var julianTxtBox = $find(txt1);
var groundDate = $find(txt2);

Can you please help by letting me know why that is not working or if there are any other ways to access that field and set it on the client?

Thanks,

Joe

Grid

answered on 02 Oct 2014

12 answers

1.3K+ views

How do I control grid Expand column

I want to change some behaviour in the the expand column of a RadGrid. I don't seem to have any control over the column even though I am adding code that seems like it should provide control. For instance I add this line in my .aspx page :

<ExpandCollapseColumn Visible="false"></ExpandCollapseColumn>
It doesn't matter if I choose True or False, the column is still there. 
I change the button type or any of the options I get in intellisense but the grid renders the same. 
I want to add a header to the column for my users since they don't seem to comprehend what the arrow is for 
without instructions. I'm posting what I think is the relevant markup in case I did something wrong here. 
Thanks for any help. 
 <telerik:RadGrid    ID="RadGrid1" 
                       EnableAJAX="True" 
                       DataSourceID="sdsRefrigerantCylinders"
                       runat="server" 
                       Width="100%" 
                       AutoGenerateColumns="False" 
                       PageSize="20" 
                       AllowSorting="True"
                       Skin="Outlook" 
                       AllowPaging="True" 
                       AllowAutomaticUpdates="True" 
                       AllowAutomaticInserts="True"
                       ShowStatusBar="True"
                       GridLines="None"> 
       <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> 
         
   <MasterTableView    DataSourceID="sdsRefrigerantCylinders" 
                       CommandItemDisplay="top"
                       CommandItemSettings-AddNewRecordText="Insert New Cylinder"
                       DataKeyNames="CylinderID,SiteID" 
                       AllowMultiColumnSorting="true" 
                       AllowAutomaticUpdates="true" 
                       AllowAutomaticInserts="true"
                       Name="Cylinders">  
  <ExpandCollapseColumn Visible="True" ButtonType="PushButton" ItemStyle-BackColor="red"> 
           </ExpandCollapseColumn> 
           
 <Columns>  
               <telerik:GridEditCommandColumn HeaderStyle-Width="50px"  EditText="Edit Cylinder" > 
                   <HeaderStyle Width="50px"></HeaderStyle> 
               </telerik:GridEditCommandColumn> 
                 
               <telerik:GridTemplateColumn UniqueName="CylinderID" HeaderText="Cylinder ID" SortExpression="CylinderID" DataField="CylinderID"
                   ItemStyle-Width="50px" HeaderStyle-Width="50px"> 
                   <ItemTemplate> 
                       <asp:Label ID="lblCylinderID" runat="server" Text='<%# Eval("CylinderId") %>'></asp:Label> 
               </ItemTemplate> 
               
                   <HeaderStyle Width="50px"></HeaderStyle> 
                   <ItemStyle Width="50px"></ItemStyle> 
               </telerik:GridTemplateColumn> 
                 
               <telerik:GridTemplateColumn UniqueName="CylinderSerNo" HeaderText="Serial No" SortExpression="CylinderSerialNO"  HeaderStyle-Wrap="true"
                   ItemStyle-Width="75px" HeaderStyle-Width="70px"> 
                   <ItemTemplate> 
                       <asp:Label ID="lblSerNo" runat="server"  Text='<%# Eval("CylinderSerialNO") %>'></asp:Label> 
                   </ItemTemplate> 
                   <EditItemTemplate> 
                       <telerik:RadTextBox ID="rtbSerNo" runat="server" Text='<%# Bind("CylinderSerialNo") %>'> 
                       </telerik:RadTextBox> 
                   </EditItemTemplate> 
                   <HeaderStyle Width="75px"></HeaderStyle> 
                   <ItemStyle Width="75px"></ItemStyle> 
               </telerik:GridTemplateColumn>

Grid

answered on 02 Oct 2014

10 answers

210 views

StartCap, EndCap

Hi,

I tried your Diagram control and using StartCap="FilledCircle" EndCap="ArrowEnd". For some reason, FilledCircle and ArrowEnd doesn't show up on the diagram. Wondering where I did wrong and following is my code:

<telerik:RadDiagram ID="theDiagram" runat="server" Width="1050" Height="600">

<ShapesCollection>

<telerik:DiagramShape Id="DiagramShape1" Width="100" Height="70" X="260" Y="100"

Type="rectangle" Background="#25a0da">

<ContentSettings Text="Parent" />

</telerik:DiagramShape>

<telerik:DiagramShape Id="DiagramShape2" Width="120" Height="50" X="60" Y="250" Type="circle"

Background="#FFBE33">

<ContentSettings Text="Child 1" />

</telerik:DiagramShape>

<telerik:DiagramShape Id="DiagramShape3" Width="120" Height="50" X="245" Y="250"

Type="circle" Background="#FFBE33">

<ContentSettings Text="Child 2" />

</telerik:DiagramShape>

<telerik:DiagramShape Id="DiagramShape4" Width="120" Height="50" X="440" Y="250"

Type="circle" Background="#FFBE33">

<ContentSettings Text="Child 3" />

</telerik:DiagramShape>

</ShapesCollection>

<ConnectionsCollection>

<telerik:DiagramConnection StartCap="None" EndCap="ArrowEnd">

<FromSettings Connector="Bottom" ShapeId="DiagramShape1" />

<ToSettings Connector="Top" ShapeId="DiagramShape2" />

</telerik:DiagramConnection>

<telerik:DiagramConnection StartCap="FilledCircle" EndCap="ArrowEnd">

<FromSettings Connector="Bottom" ShapeId="DiagramShape1" />

<ToSettings Connector="Top" ShapeId="DiagramShape3" />

</telerik:DiagramConnection>

<telerik:DiagramConnection StartCap="FilledCircle" EndCap="ArrowEnd">

<FromSettings Connector="Bottom" ShapeId="DiagramShape1" />

<ToSettings Connector="Top" ShapeId="DiagramShape4" />

</telerik:DiagramConnection>

</ConnectionsCollection>

</telerik:RadDiagram>

Diagram

answered on 02 Oct 2014

7 answers

606 views

Could not find file after refresh page

hi

after upload a file and save it, when i refresh page with browser refresh button, this error showing:

System.IO.FileNotFoundException: Could not find file 'G:\Project\realpanacea\banners\temp\s0jenl45.iw4'.

is this a bug?

How I can fix it?

AsyncUpload

answered on 02 Oct 2014

3 answers

334 views

Problems with RadTextBox and resizing

I know there's some old references to this out in the forums but so far I haven't found anything fixes.

I've set a batch of boxes to Resize="Both" and now, if I do a mouseover, the box shrinks slightly. (I've been testing in Chrome and Firefox.)

Suggestions?

Input

answered on 02 Oct 2014

4 answers

1.7K+ views

Uncaught TypeError: Cannot set property 'value' of undefined

Hi

I have a Parent Page A (which is using a Master Page in which there is my RadAjaxmanager, RadScriptmanager) with a User Control. In this User Control I am loading an aspx Page B using JQuery in a hidden DIV . I have some ajaxified TAB controls which is broken after i load the content of the page in the hidden div. The error I got was "Uncaught TypeError: Cannot set property 'value' of undefined"

I was able to isolate the faulty code and it seems that because Page B being loaded contains it's own RadAjaxManager and RadScriptManager... I believe i read somewhere that I need to have only one instance of those ... So my question is, how can I fix this problem since Page B is independent from Page A and that Page B has a Grid Control and a bunch of Telerik Controls which needs both the RadAjaxManager and RadScriptManager ?

Page A with a User Control which has the following code (Javascript to load the hidden div)

#wndShoppingList

{

display: none;

clear: both;

position: relative;

top: -1px;

left: 14px;

border-width: 3px;

border-color: #2c72a0;

border-style: solid;

text-align: left;

min-height: 400px;

background-color: White;

z-index:10;

}

<div class="slControlLabel">

<asp:Label ID="lblShoppingList" CssClass="lblShoppingList" runat="server">Master Shopping List</asp:Label>

</div>

<div class="slControlSeparator">

<img alt="" src="../Images/pxlGray.gif" style="width: 1px; height: 29px" />

</div>

<div class="slControlDropDown">

<img alt="DropDown" src="../Images/btDropDownCharcoal.gif" style="width: 23px; height: 29px" />

</div>

<div id="wndShoppingList">

This is hidden using the CSS Above... and preloaded with ManageShoppingLists.aspx in JQuery below.

</div>

System.Text.StringBuilder sb = new System.Text.StringBuilder();

sb.AppendLine(@"<script type=""text/javascript"">");

sb.AppendLine(@"window.$ = $telerik.$;");

sb.AppendLine(@"$(document).ready(function () {");

sb.AppendLine(@"$.ajaxSetup({ cache: false }); ");

// Dynamic Loading of content

sb.AppendLine(@" var slContent = $('#wndShoppingList'); ");

sb.AppendLine(@" slContent.load('ManageShoppingLists.aspx'); ");

// Add Click Function on the image to Show the wndShoppingList

sb.AppendLine(@"$('.slControlLabel, .slControlDropDown').bind('click',function(event){");

sb.AppendLine(@" $('#wndShoppingList').show(); ");

sb.AppendLine(@" event.stopPropagation(); ");

sb.AppendLine(@"});");

// Binding Close wndShoppingList when clicking outside the DIV

sb.AppendLine(@"// OnClick Event outside the wndShoppinglist.");

sb.AppendLine(@"$('body').click(function(event){ ");

sb.AppendLine(@" if(event.target.id != 'wndShoppingList'){ ");

sb.AppendLine(@" $('#wndShoppingList').hide(); ");

sb.AppendLine(@" } ");

sb.AppendLine(@"});");

sb.AppendLine(@"</script>");

ScriptManager.RegisterStartupScript(this, this.GetType(), "slScript",sb.ToString(), false);

Page B

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ManageShoppingLists.aspx.cs"

Inherits="GrocerMania.ApplicationLayer.Pages.ManageShoppingLists" %>

<!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>

</head>

<body>

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

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

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

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" InitialDelayTime="3000" MinDisplayTime="3000">

</telerik:RadAjaxLoadingPanel>

<div class="tableContainer">

<div class="header">

<div class="slHeaderLeft">

Select a Saved Shopping List

</div>

<div class="slHeaderRight">

<telerik:RadButton ID="btClose" runat="server" OnClientClicking="function(){$telerik.$(this).hide();}" Width="18" Height="20">

<Image ImageUrl="../Images/icoDeleteGrayX.gif" />

</telerik:RadButton>

</div>

<div class="details">

<div class="gridDescription">

Select a saved Shopping List to open. The list you already have open will be automatically

saved

</div>

<div class="gridContainer">

<telerik:RadAjaxPanel ID="pnlTemplateList" runat="server">

<telerik:RadGrid ID="grdTemplateList" runat="server" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" ShowHeader="False" OnItemCommand="grdTemplateList_OnItemCommand"

OnItemCreated="grdTemplateList_ItemCreated" Height="300px">

<MasterTableView DataKeyNames="Id">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="SelectList" CommandArgument="Id"

FilterControlAltText="Filter SelectColumn column" ImageUrl="../Images/btSelectCharcoal.gif"

UniqueName="SelectColumn">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn">

<ItemTemplate>

<asp:Label ID="lblTemplateName" runat="server"> <%# DataBinder.Eval(Container.DataItem, "Description") %></asp:Label><br />

<asp:Label ID="lblLastUpdated" runat="server"> <%# DataBinder.Eval(Container.DataItem, "LastUpdated") %></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter ItemsColumn column" UniqueName="ItemsColumn"

DataField="ItemsInList">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="DeleteList" CommandArgument="Id"

ConfirmText="Are you sure you want to delete this list ?" ConfirmTitle="Delete List"

FilterControlAltText="Filter DeleteColumn column" ImageUrl="..\Images\icoDeleteRedX.gif"

UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<asp:Label ID="lblNoTemplateList" runat="server" Visible="false">There are currently no Template list available.</asp:Label>

</div>

<div id="divDeletedItems" runat="server" visible="false">

<asp:HyperLink ID="lnkDeletedItems" runat="server" NavigateUrl="#"></asp:HyperLink><br />

Click to view or restore deleted lists.<br /></div>

</div>

</form>

</body>

</html>

Ajax

answered on 02 Oct 2014