Questions on UI for ASP.NET AJAX Forum

110,804 questions

1 answer

301 views

I've verified that my parent item data matches the parent nodes, and I've nulled the parent "parent item" field so the parents show up, but no child items show up no matter what I do to tweak things.

I've read every thread I can find and this should be so simple from the demo examples.

is there some trick I'm missing that I can't find the post for?

Here's my markup:

<telerik:RadTreeList ID="RadTreeList1" runat="server" OnNeedDataSource="RadTreeList1_NeedDataSource" ParentDataKeynames="Owner" DataKeyNames="Title" AutoGenerateColumns="false" OnItemDataBound="RadTreeList1_ItemDataBound" > <Columns> <telerik:TreeListBoundColumn DataField="Title" UniqueName="Title" HeaderText="Menu Item"> </telerik:TreeListBoundColumn> <telerik:TreeListBoundColumn DataField="Owner" UniqueName="Owner" HeaderText="Parent Item"> </telerik:TreeListBoundColumn> <telerik:TreeListBoundColumn DataField="Time" UniqueName="Time" HeaderText="Children"> </telerik:TreeListBoundColumn> <telerik:TreeListBoundColumn DataField="Notes" UniqueName="Notes" HeaderText="Notes"> </telerik:TreeListBoundColumn> </Columns> </telerik:RadTreeList>

TreeList

answered on 29 Sep 2014

1 answer

361 views

Problem in finding controls present in edit form template using javascript function

Hi ,

I have a doubt regarding how to find the controls which are present in form template of radgrid in javascript function.

In my web page i have used radgrid and inside that i have used editform template. In form template i have used 5 radnumeric textbox controls. I have to take the value from these textbox and sum it and have to show it in another textbox named as "Total" . The value should be auto calculated. So, for this i am using client side event onBlur. But i am not able to find the controls of the textbox which is present inside the form template in javascript function. Kindly help me to get the values of radnumeric textbox in javascript function.

function test(sender, args) {
var editIndex = $find("<%=txtValue1.ClientID %>");
}

here txtValue1 is the ID of radnumeric textbox and i am getting null in editIndex.

Thanks

General Discussions

answered on 29 Sep 2014

12 answers

368 views

RadAsyncUpload and test

Hi all,

So how can i test if a file is the extension i want before it is posted on the page with the red signal.
Whant i want to do its only put the one that are correct and message the wrong ones?

Best Regards

AsyncUpload

answered on 29 Sep 2014

2 answers

99 views

RibbonBar change image in RibbonBarSplitButton

How can I change an image on a RibbonBarSplitButton when clicks a RibbonBarButton?

<telerik:RibbonBarSplitButton Size="Large" Text="Days" Value="TypeInterval" ImageUrlLarge="~/Images/Calendar32.png">

<Buttons>

<telerik:RibbonBarButton Value="TypeCalendar" ImageUrl="~/Images/Calendar16.png" Text="Days" />

<telerik:RibbonBarButton Value="TypeTime" ImageUrl="~/Images/Time16.png" Text="Times" />

</Buttons>

</telerik:RibbonBarSplitButton>

In RadRibbonBar I use OnClientSplitButtonClicking="MenuItem".

function findSplitButton(sender, buttonValue) {

for (var i = 0; i < sender.get_tabs().get_count() ; i++) {

var tab = sender.get_tabs().getTab(i);

for (var j = 0; j < tab.get_groups().get_count() ; j++) {

var group = tab.get_groups().getGroup(j);

for (var k = 0; k < group.get_items().get_count() ; k++) {

var item = group.get_items().getItem(k);

var customAttribute = item.get_element().getAttribute('Value');

if (customAttribute != null && customAttribute == buttonValue) {

return item;

}

function MenuItem(sender, args) {

var value = args.get_button().get_value();

var button = findSplitButton(sender, 'TypeInterval');

switch (value) {

case "TypeCalendar":

button.set_imageUrlLarge("~/Images/Calendar32.png");

break;

case "TypeTime":

button.set_imageUrlLarge("~/Images/Time32.png");

break;

}

Picture does not change.

Thanks,
Oleg

RibbonBar

answered on 29 Sep 2014

1 answer

87 views

e.DestDataItem is always coming null with RadAjaxManager

Hello Friends,

I am using "RowDrop" Event of Telerik grid and in that e.DestDataItem is coming always null with RadAjaxManager.

If I remove RadAjaxManager its working fine.

Please suggest.

Thank you!
Vishal

Grid

answered on 29 Sep 2014

0 answers

132 views

Set selected color to WebPalette

How to set selected color of RadColorPicker to WebPalette?
Steps -
1) Go to this demo https://demos.telerik.com/aspnet-ajax/colorpicker/examples/recentandcustomcolors/defaultcs.aspx
2) Click on button to open WebPalette color picker.
3) select any color and click on ok on WebPalette color picker.
4) Now click again on button to open WebPalette color picker, now you can see there by default its #808080 selected.
How can we set this default color to be the last selected color? so that next time when we open WebPalette, it should select last selected color by default.

ColorPicker

asked on 29 Sep 2014

3 answers

86 views

Hierarchical grid: null is null or not an object


 

 

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<script type="text/javascript">

<!--

function gridCommand(sender, args) {

    if (args.get_commandName() == "DownloadAttachment") {

        var manager = $find('<%= RadAjaxManager.GetCurrent(Page).ClientID %>');

        manager.set_enableAJAX(false);

        setTimeout(function () {

            manager.set_enableAJAX(true);

        }, 0);

    }

}

-->

</script>

</telerik:RadCodeBlock>

telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" ShowStatusBar="false"

AutoGenerateColumns="false" PageSize="3" AllowSorting="false" AllowMultiRowSelection="false"

AllowPaging="false" GridLines="None" AllowAutomaticDeletes=

"true"

AllowAutomaticInserts="true" AllowAutomaticUpdates="true">

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="id_manifestazione" AllowMultiColumnSorting="false"

Width="100%" CommandItemDisplay="Top" Name="Master">

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" DataSourceID="SqlDataSourceDetailTable" Width="100%"

runat="server" CommandItemDisplay="Top" Name="Detail">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="id_manifestazione" MasterKeyField="id_manifestazione" />

</ParentTableRelation>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn2">

<HeaderStyle Width="20px" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="tipo_file" Visible="true" HeaderText="Tipo file">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton"

DataField="ID" UniqueName="ID" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UploadedBy" Visible="false" ReadOnly="true" HeaderText="Proprietario file">

</telerik:GridBoundColumn>

<telerik:GridAttachmentColumn DataSourceID="SqlDataSource2"

MaxFileSize="1048576"

EditFormHeaderTextFormat="Upload File:"

HeaderText="Download"

AttachmentDataField="BinaryData"

AttachmentKeyFields="ID"

FileNameTextField="FileName"

DataTextField="FileName"

UniqueName="AttachmentColumn">

</telerik:GridAttachmentColumn>

<telerik:GridBoundColumn DataField="FileName" Visible="false" HeaderText="FileName">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Eliminare il file selezionato?" ConfirmDialogType="RadWindow"

ConfirmTitle="Cancellazione file" ButtonType="ImageButton" CommandName="Delete" Text="Elimina"

UniqueName="DeleteColumnDetail">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="tipo_file"></telerik:GridSortExpression>

</SortExpressions>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<HeaderStyle Width="20px" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="id_manifestazione" UniqueName="id_manifestazione" Visible="false" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="id_attivita" DataSourceID="dsAttivita"

ListTextField="descrizione" ListValueField="ID_attivita" Display="true" Visible="true"

HeaderText="Attività" SortExpression="descrizione"

UniqueName="id_attivita" ColumnEditorID="GridTextBoxColumnEditor1"></telerik:GridDropDownColumn>

<telerik:GridBoundColumn SortExpression="manifestazione" HeaderText="manifestazione" HeaderButtonType="TextButton"

DataField="manifestazione" UniqueName="manifestazione">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="luogo_data" HeaderText="Luogo e data" SortExpression="luogo_data"

UniqueName="luogo_data" ColumnEditorID="GridTextBoxColumnEditor1">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Eliminare la manifestazione selezionata?" ConfirmDialogType="RadWindow"

ConfirmTitle="Cancellazione manifestazione" ButtonType="ImageButton" CommandName="Delete" Text="Elimina"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="id_manifestazione"></telerik:GridSortExpression>

</SortExpressions>

</MasterTableView>

<ClientSettings>

<ClientEvents OnCommand="gridCommand" />

</ClientSettings>

</telerik:RadGrid>

Hi,
I have a hierarchical grid. If I insert a <ClientSettings> tags when I update data in detail table, I get javascript's error "null is null or not an object".
Can someone help me?
thanks,
Marco

Grid

answered on 29 Sep 2014

1 answer

101 views

PopUp FormTemplate gets all jacked up when using ValidationSummary control

I placed a ValidationSummary control in my form template. When a validation message is displayed the size of the popup window does not increase nor do scroll bars appear. Instead it pushes other controls off the form (see screenshot).

You may duplicate this issue by replacing the aspx page in the Telerik's demo page for "Grid/Data Editing/Form Template Edit Form" with the following:

<%@ Page Language="C#" CodeFile="DefaultCS.aspx.cs" Inherits="Grid.Examples.DataEditing.TemplateFormUpdate.DefaultCS"

MasterPageFile="~/MasterPage.master" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<p id="divMsgs" runat="server">

<asp:Label ID="Label1" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#FF8080">

</asp:Label>

<asp:Label ID="Label2" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#00C000">

</asp:Label>

</p>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

</script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="divMsgs"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="RadGrid1" runat="server" CssClass="RadGrid" GridLines="None"

AllowPaging="True" PageSize="20" AllowSorting="True" AutoGenerateColumns="False"

ShowStatusBar="true" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" DataSourceID="SqlDataSource1" OnItemDeleted="RadGrid1_ItemDeleted"

OnItemInserted="RadGrid1_ItemInserted" OnItemUpdated="RadGrid1_ItemUpdated" OnItemCommand="RadGrid1_ItemCommand"

OnPreRender="RadGrid1_PreRender">

<MasterTableView CommandItemDisplay="TopAndBottom" DataSourceID="SqlDataSource1"

DataKeyNames="EmployeeID" EditMode="PopUp">

<Columns>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="EmployeeID" HeaderText="ID" DataField="EmployeeID">

<HeaderStyle ForeColor="Silver" Width="20px"></HeaderStyle>

<ItemStyle ForeColor="Gray"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="TitleOfCourtesy" HeaderText="TOC" DataField="TitleOfCourtesy">

<HeaderStyle Width="60px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="FirstName" HeaderText="FirstName" DataField="FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LastName" HeaderText="LastName" DataField="LastName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="HireDate" HeaderText="Hire Date" DataField="HireDate"

DataFormatString="{0:d}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Title" HeaderText="Title" DataField="Title">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template" PopUpSettings-Width="800px">

<FormTemplate>

<asp:ValidationSummary ID="ValidationSummary1" runat="server" />

<table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none"

style="border-collapse: collapse;">

<tr class="EditFormHeader">

<td colspan="2" style="font-size: small">

<b>Employee Details</b>

</td>

</tr>

<tr>

<td colspan="2">

<b>Company Info:</b>

</td>

</tr>

<tr>

<td>

<table id="Table3" cellspacing="1" cellpadding="1" width="250" border="0" class="module">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Country:

</td>

<td>

<asp:TextBox ID="TextBox7" runat="server" Text='<%# Bind("Country") %>'>

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Country Required" ControlToValidate="TextBox7"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

City:

</td>

<td>

<asp:TextBox ID="TextBox8" runat="server" Text='<%# Bind("City") %>' TabIndex="1">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="City Required" ControlToValidate="TextBox8"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Region:

</td>

<td>

<asp:TextBox ID="TextBox9" runat="server" Text='<%# Bind("Region") %>' TabIndex="2">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Region Required" ControlToValidate="TextBox9"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Home Phone:

</td>

<td>

<telerik:RadMaskedTextBox ID="HomePhoneBox" runat="server" SelectionOnFocus="SelectAll"

Text='<%# Bind("HomePhone") %>' PromptChar="_" Width="300px" Mask="(###) ###-####"

TabIndex="3">

</telerik:RadMaskedTextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Home Phone Required" ControlToValidate="HomePhoneBox"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Birth Date:

</td>

<td>

<telerik:RadDatePicker ID="BirthDatePicker" runat="server" MinDate="1/1/1900" DbSelectedDate='<%# Bind("BirthDate") %>'

TabIndex="4">

</telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Birth Date Required" ControlToValidate="BirthDatePicker"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Title Of Courtesy

</td>

<td>

<asp:DropDownList ID="ddlTOC" runat="server" SelectedValue='<%# Bind("TitleOfCourtesy") %>'

DataSource='<%# (new string[] { "Dr.", "Mr.", "Mrs.", "Ms." }) %>' TabIndex="7"

AppendDataBoundItems="True">

<asp:ListItem Selected="True" Text="Select" Value="">

</asp:ListItem>

</asp:DropDownList>

</td>

</tr>

</table>

</td>

<td>

<table id="Table1" cellspacing="1" cellpadding="1" width="250" border="0" class="module">

<tr>

<td>

Notes:

</td>

</tr>

<tr>

<td>

<asp:TextBox ID="TextBox1" Text='<%# Bind("Notes") %>' runat="server" TextMode="MultiLine"

Rows="5" Columns="40" TabIndex="5">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

Address:

</td>

</tr>

<tr>

<td>

<asp:TextBox ID="TextBox6" Text='<%# Bind("Address") %>' runat="server" TextMode="MultiLine"

Rows="2" Columns="40" TabIndex="6">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Address Required" ControlToValidate="TextBox6"></asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<b>Personal Info:</b>

</td>

</tr>

<tr>

<td>

<table id="Table4" cellspacing="1" cellpadding="1" width="250" border="0" class="module">

<tr>

<td>

FirstName:

</td>

<td>

<asp:TextBox ID="TextBox2" Text='<%# Bind( "FirstName") %>' runat="server" TabIndex="8">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="First Name Required" ControlToValidate="TextBox2"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Last Name:

</td>

<td>

<asp:TextBox ID="TextBox3" Text='<%# Bind( "LastName") %>' runat="server" TabIndex="9">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="Last Name Required" ControlToValidate="TextBox3"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Hire Date:

</td>

<td>

<telerik:RadDatePicker ID="HireDatePicker" DbSelectedDate='<%# Bind( "HireDate") %>'

runat="server" TabIndex="10">

</telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ErrorMessage="Hire Date Required" ControlToValidate="HireDatePicker"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Title:

</td>

<td>

<asp:TextBox ID="TextBox4" Text='<%# Bind( "Title") %>' runat="server" TabIndex="11">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ErrorMessage="Title Required" ControlToValidate="TextBox4"></asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

<td>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString35 %>"

DeleteCommand="DELETE FROM [Employees_Northwind] WHERE [EmployeeID] = @EmployeeID"

InsertCommand="INSERT INTO [Employees_Northwind] ([LastName], [FirstName], [Title], [TitleOfCourtesy], [BirthDate], [HireDate], [Address], [City], [Region], [Country], [HomePhone], [Notes], [ReportsTo]) VALUES (@LastName, @FirstName, @Title, @TitleOfCourtesy, @BirthDate, @HireDate, @Address, @City, @Region, @Country, @HomePhone, @Notes, @ReportsTo)"

SelectCommand="SELECT * FROM [Employees_Northwind]" UpdateCommand="UPDATE [Employees_Northwind] SET [LastName] = @LastName, [FirstName] = @FirstName, [Title] = @Title, [TitleOfCourtesy] = @TitleOfCourtesy, [BirthDate] = @BirthDate, [HireDate] = @HireDate, [Address] = @Address, [City] = @City, [Region] = @Region, [Country] = @Country, [HomePhone] = @HomePhone, [Notes] = @Notes WHERE [EmployeeID] = @EmployeeID">

<DeleteParameters>

<asp:Parameter Name="EmployeeID" Type="Int32"></asp:Parameter>

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="LastName" Type="String"></asp:Parameter>

<asp:Parameter Name="FirstName" Type="String"></asp:Parameter>

<asp:Parameter Name="Title" Type="String"></asp:Parameter>

<asp:Parameter Name="TitleOfCourtesy" Type="String"></asp:Parameter>

<asp:Parameter Name="BirthDate" Type="DateTime"></asp:Parameter>

<asp:Parameter Name="HireDate" Type="DateTime"></asp:Parameter>

<asp:Parameter Name="Address" Type="String"></asp:Parameter>

<asp:Parameter Name="City" Type="String"></asp:Parameter>

<asp:Parameter Name="Region" Type="String"></asp:Parameter>

<asp:Parameter Name="Country" Type="String"></asp:Parameter>

<asp:Parameter Name="HomePhone" Type="String"></asp:Parameter>

<asp:Parameter Name="Notes" Type="String"></asp:Parameter>

<asp:Parameter Name="ReportsTo" Type="Int32" DefaultValue=""></asp:Parameter>

</InsertParameters>

<UpdateParameters>