Questions on UI for ASP.NET AJAX Forum

1 answer

208 views

GridTemplateColumn not binding data using RadClientDataSource for Radgrid

Hi All,
I am using RadClientDataSource for binding radgrid. I want to create Required field validation for one column. so that i created one GridTemplateColumn. but that column not binding data. please check my code and let us know what needs to be done.

<telerik:GridTemplateColumn DataField="description" UniqueName="description" HeaderText="Description">
                    <ItemTemplate>
                    <asp:Label ID="lblDescription" runat="server" Text='<%# Eval("description") %>'></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                    <telerik:RadTextBox ID="rtbDescription" runat="server" Text='<%# Bind("description") %>'></telerik:RadTextBox>
                      <asp:RequiredFieldValidator ID="rfvDescription" runat="server" ControlToValidate="rtbDescription" Display="Dynamic"
                                ErrorMessage="Please enter Description" ForeColor="Red" ></asp:RequiredFieldValidator>
                    </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <%--<telerik:GridBoundColumn DataField="description" HeaderText="Description" ColumnEditorID="GridTextBoxEditor">
                    </telerik:GridBoundColumn>--%>

Thanks in Advance,
Dhamu

Grid

answered on 26 Dec 2014

1 answer

135 views

How to make template column not editable

Hello,

I have radgrid with InPlace edit mode. Inside one of the template column is radbutton which is used as checkbox.

<telerik:GridTemplateColumn HeaderText="Present" UniqueName="Present" >

<ItemTemplate>

<telerik:RadButton ID="btnAttendTwo" runat="server" ToggleType="CheckBox" Skin="Office2010Silver"

ButtonType="LinkButton" CommandArgument="UpdatePresent" EnableEmbeddedSkins="False"

Width="70px" Height="45px">

<ToggleStates>

<telerik:RadButtonToggleState Text="" Value="false" PrimaryIconCssClass="rbToggleCheckboxChecked" />

<telerik:RadButtonToggleState Text="" Value="true" PrimaryIconCssClass="rbToggleCheckbox" />

</ToggleStates>

</telerik:RadButton>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" />

<HeaderStyle HorizontalAlign="Center" Width="2%" />

<FooterStyle BorderStyle="None" />

</telerik:GridTemplateColumn>

My problem is when user click on surrounding area of radbutton for a couple of times, the page hang and can't do anything. It is ok when clicking on radbutton multiple times. So, I was thinking how to make the surrounding area not editable for this column only. I tried to set readonly properties. But no luck. Can someone advice me how to make it work? I also tried to fill whole column with button. But there is some space left even if I tried to change width and height of button.

Grid

answered on 26 Dec 2014

3 answers

84 views

Bug: RadWindow - pageLoad - Telerik.Web.UI.Calendar.Popup.zIndex - TelerikModalOverlay

following the Maria Ilieva's post in "DatePicker ignores z-index?" I observed that a TelerikModalOverlay is being created and assigned the zIndex value which is specified to the calendar popup (this effectively overlays the invoked RadWindow). Additionally, the zIndex of Overlay accumulates each time any RadWindow is closed and invoked again.

This occurs when a target radWindow is minimized, restored, closed, and invoked again. (There are steps below)

In the following code, just change the Page Directive "Payroll.Presetnation.Web.App2.testarea.Default" to the proper class in your code CodeBehind file.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Payroll.Presentation.Web.App2.testarea.Default" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

<header>

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

<telerik:RadButton ID="btnControlPanelPopupInvoker" runat="server" OnClientClicking="openControlPanelWindow" AutoPostBack="false" Text="Welcome"></telerik:RadButton>

</telerik:RadAjaxPanel>

<%--<telerik:RadToolTip ID="radToolTipControlPanel" runat="server" TargetControlID="btnControlPanelPopupInvoker" ManualClose="true" ShowEvent="OnClick" OnClientBeforeShow="ToggleCover" OnClientHide="ToggleCover">

<div>

</div>

</telerik:RadToolTip>--%>

</header>

<main>

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadWindow ID="rWinUsers" runat="server" Modal="true" Width="80%">

<ContentTemplate>

<div>

<label>Select to Edit</label>

<telerik:RadListBox ID="lbxUsers" runat="server" AutoPostBack="false">

<ItemTemplate>

<telerik:RadButton ID="UserItem" runat="server" AutoPostBack="false"></telerik:RadButton>

</ItemTemplate>

</telerik:RadListBox>

</div>

<div>

<div><label>Email Address (Login)</label><telerik:RadTextBox ID="tbUserEmailAddress" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>First Name</label><telerik:RadTextBox ID="tbUserFirstName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Last Name</label><telerik:RadTextBox ID="tbUserLastName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Password</label><telerik:RadTextBox ID="tbUserPassword" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Confirm Password</label><telerik:RadTextBox ID="tbUserPasswordConfirm" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div>

<telerik:RadButton ID="chkboxUserActive" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" AutoPostBack="false">

<ToggleStates>

<telerik:RadButtonToggleState Text="Active" Value="1" />

<telerik:RadButtonToggleState Text="Inactive" Value="0" />

</ToggleStates>

</telerik:RadButton>

</div>

<div>

<label>User Role(s)</label>

<telerik:RadListBox ID="lbxUserRoles" runat="server" AutoPostBack="false">

<ItemTemplate>

<telerik:RadButton AutoPostBack="false" ButtonType="ToggleButton" ToggleType="CheckBox" GroupName="UserRoleGroup" ID="UserItem" runat="server"></telerik:RadButton>

</ItemTemplate>

</telerik:RadListBox>

</div>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="rWinEmployees" runat="server" Modal="true" Width="80%">

<ContentTemplate>

<div>

<div><label>First Name</label><telerik:RadTextBox ID="btnEmployeeFirstName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Last Name</label><telerik:RadTextBox ID="btnEmployeeLastName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><telerik:RadButton ID="chkboxEmployeeActive" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" AutoPostBack="false">

<ToggleStates>

<telerik:RadButtonToggleState Text="Active" Value="1" />

<telerik:RadButtonToggleState Text="Inactive" Value="0" />

</ToggleStates>

</telerik:RadButton></div>

<div><label>Middle Name</label><telerik:RadTextBox ID="btnEmployeeMiddleName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Suffix</label><telerik:RadTextBox ID="btnEmployeeNameSuffix" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Email Address</label><telerik:RadTextBox ID="btnEmployeePrimaryEmailAdresss" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Internal ID</label><telerik:RadTextBox ID="btnEmployeeInternalID" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Date of Hire</label>

<telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeDateOfHire" runat="server">

<Calendar>

</Calendar>

</telerik:RadDatePicker>

</div>

<div><label>Seniority Date</label>

<telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeSeniorityDate" runat="server">

<Calendar>

</Calendar>

</telerik:RadDatePicker>

</div>

<div><label>Termination Date</label>

<telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeTerminationDate" runat="server">

<Calendar>

</Calendar>

</telerik:RadDatePicker>

</div>

<div><label>Country of Residence</label><telerik:RadTextBox ID="btnEmployeeCountryOfResidence" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Paid By Wire</label>

<telerik:RadButton AutoPostBack="false" ID="btnEmployeePaidByWireYes" runat="server" ButtonType="ToggleButton" ToggleType="Radio" GroupName="EmployeePaidByWireGroup">

<ToggleStates>

<telerik:RadButtonToggleState Text="Yes" Value="1" />

<telerik:RadButtonToggleState Text="Yes" Value="0" />

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton AutoPostBack="false" ID="btnEmployeePaidByWireNo" runat="server" ButtonType="ToggleButton" ToggleType="Radio" GroupName="EmployeePaidByWireGroup">

<ToggleStates>

<telerik:RadButtonToggleState Text="No" Value="1" Selected="true" />

<telerik:RadButtonToggleState Text="No" Value="0" />

</ToggleStates>

</telerik:RadButton>

</div>

<telerik:RadAsyncUpload ID="rAsyncUploadPicture" OnClientFileSelected="OnEmployeePictureSelected"

AllowedMimeTypes="image/jpg, image/png, image/gif, image/jpeg, image/pjpeg, image/svg+xml" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpeg,.jpg,.png,">

</telerik:RadAsyncUpload>

</div>

<div>

<fieldset>

<legend>Bank Information</legend>

<div><label>Bank Name</label><telerik:RadTextBox ID="btnEmployeeBankName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Address</label>

<telerik:RadTextBox ID="rBtnEmployeeBankAddress1" runat="server" AutoPostBack="false"></telerik:RadTextBox>

<telerik:RadTextBox ID="rBtnEmployeeBankAddress2" runat="server" AutoPostBack="false"></telerik:RadTextBox>

</div>

<div><label>City</label><telerik:RadTextBox ID="btnEmployeeBankCity" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>State</label><telerik:RadTextBox ID="btnEmployeeBankState" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Zip Code</label><telerik:RadTextBox ID="btnEmployeeBankZipCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Country</label><telerik:RadTextBox ID="btnEmployeeBankCountry" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Swift Code</label><telerik:RadTextBox ID="btnEmployeeBankSwiftCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Account Number</label><telerik:RadTextBox ID="btnEmployeeBankAccountNumber" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Account Owner</label><telerik:RadTextBox ID="btnEmployeeBankAccountOwner" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Intermediary Bank Name</label><telerik:RadTextBox ID="btnEmployeeBankIntermediaryBankName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

<div><label>Intermediary Swift Code</label><telerik:RadTextBox ID="btnEmployeeBankIntermediarySwiftCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>

</fieldset>

</div>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="rWinControlPanel" runat="server" Modal="false" Width="80%">

<ContentTemplate>

<div>

<telerik:RadButton ID="btnUserWindow" runat="server" OnClientClicked="openUsersWindow" AutoPostBack="false" Text="Users"></telerik:RadButton>

<telerik:RadButton ID="btnEmployeesWindow" runat="server" OnClientClicked="openEmployeesWindow" AutoPostBack="false" Text="Employees"></telerik:RadButton>

</div>

</ContentTemplate>

</telerik:RadWindow>

</div>

<telerik:RadCodeBlock id="RadBlock1" runat="server">

<script type="text/javascript">

function openUsersWindow(sender, e) {

closeWindows(sender, e);

var window = $find("<%= rWinUsers.ClientID %>");

window.show();

window.maximize();

}

function openEmployeesWindow(sender, e) {

closeWindows(sender, e);

var window = $find("<%= rWinEmployees.ClientID %>");

window.show();

window.maximize();

}

function openControlPanelWindow(sender, e) {

closeWindows(sender, e);

var window = $find("<%= rWinControlPanel.ClientID %>");

window.show();

}

function closeWindows(sender, e) {

$find("<%= rWinUsers.ClientID %>").close();

$find("<%= rWinEmployees.ClientID %>").close();

}

function pageLoad(sender, e) {

Telerik.Web.UI.Calendar.Popup.zIndex = 10000000;

}

var cover;

var sync = { "lock": true, "result": false };

function ToggleCover(e) {

cover = (cover) ? cover : document.querySelectorAll("div#pagecover")[0];

cover.style.display = (cover.style.display != "block") ? "block" : "none";

}

</script>

</telerik:RadCodeBlock>

</form>

</main>

<footer>

</footer>

<div id="pagecover"></div>

</body>

</html>

The quickest way to observe the issue:

Load the page,
Click on 'Welcome' button (this invokes RadWindow => rWinControlPanel using OnClientClicking)
Click on either Button within the ControlPanelWindow (the new RadWindow will open in maximum).
Click on the minimize icon.
Click on the restore icon (to the right of the minimize icon) (note: it does not return to window.maximum)
Click the close button
Click on either Button within the ControlPanelWindow again.

Ajax

answered on 26 Dec 2014

1 answer

212 views

RadButton OnClientClicked occurs on Page_Load

I have having a consistently wrong issue with the RadButton...When the web form is loaded, the OnClientClicked event is executing but the JavaScript fails because it can't find the function. This is actually two (2) errors -- first the OnClientClicked event should NOT be firing and second, the javascript function it appears to be looking for is present in the code.

I have read other similar threads and they all say to remove the () after the function name in the OnClientClicked event property -- but I have done that repeatedly. The button definition, the javascript function, and a screen capture of the javascript error are all included.

<telerik:RadButton ID="CreateNew" runat="server" Text="Create New" CausesValidation="False" ToolTip="Displays a form for adding a new Master Agent Billing set to the database." UseSubmitBehavior="false" OnClick="CreateNew_Click" OnClientClicked="makeNew" />

function makeNew(sender, eventArgs) {

document.getElementById('<%= HiddenField1.ClientID%>').value = "myTarget;

document.getElementById('<%= K.ClientID%>').value = "0";

document.getElementById('<%= KI.ClientID%>').value = "0";

document.getElementById('<%= KII.ClientID%>').value = "0";

document.getElementById('<%= M.ClientID%>').value = "N";

document.getElementById('<%= MI.ClientID%>').value = "N";

document.getElementById('<%= MII.ClientID%>').value = "N";

document.forms["form1"].submit();

}

Button

answered on 26 Dec 2014

1 answer

667 views

RadButton OnClientClicked Firing on Page_Load

I am having a problem where the first RadButton on a webform fires on Page_Load (without being clicked at all).

I have read other similar threads, but they all say to delete the () after the function name in the OnClientClicked property...I have done this and it makes no difference what so ever. The button OnClientClicked event always fires --- except after the page is loaded, then the OnClientClicked event NEVER fires).

I have keyed and rekeyed the property numerous times and it always screws up. What should I do?

The buttons definitions and the javascript are provided below. Thanks in advance for any help!

BUTTON DEFINITIONS

<telerik:RadButton ID="CreateNew" runat="server" Text="Create New" CausesValidation="False" ToolTip="Displays a form for adding a new Master Agent Billing set to the database." UseSubmitBehavior="false" OnClick="CreateNew_Click" OnClientClicked="makeNew" />

<telerik:RadButton ID="CloseMe" runat="server" Text="Close Window" CausesValidation="False" ToolTip= "Closes this window." UseSubmitBehavior="false" OnClientClicked="closemenow" />

JAVASCRIPT FUNCTION

function makeNew(sender, eventArgs) {

document.getElementById('<%= HiddenField1.ClientID%>').value = "myTarget;

document.getElementById('<%= K.ClientID%>').value = "0";

document.getElementById('<%= KI.ClientID%>').value = "0";

document.getElementById('<%= KII.ClientID%>').value = "0";

document.getElementById('<%= M.ClientID%>').value = "N";

document.getElementById('<%= MI.ClientID%>').value = "N";

document.getElementById('<%= MII.ClientID%>').value = "N";

document.forms["form1"].submit();

}

Button

answered on 26 Dec 2014

1 answer

61 views

Gauge in RadMenu

I've read this - http://www.telerik.com/forums/how-to-use-gauge-inside-the-grid

but is there a way to embed a linear gauge in a menu?

thank you

Gauge

answered on 26 Dec 2014

1 answer

203 views

Hierarchy RadGrid Export to pdf DetailTables

Hi, I want to know if I can export to pdf only one row from my grid NOT all grid.
I have only two(2) levels hierarchy. I want to export only the level 2.
I select one row, I pick export to pdf and voilà... I export only the level 2, or the text inside the row...
I put this code and I can't see the buttons neither: <CommandItemSettings ShowExportToWordButton="false" ShowExportToExcelButton="true" ShowExportToCsvButton="false" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>

http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/insert-update-delete-hierarchy/defaultcs.aspx?skin=WebBlue

Grid

answered on 26 Dec 2014

3 answers

223 views

ToggleState from code-behind

I set togglestate of RadButton on client-side by using set_selectedToggleStateIndex() function which works fine. However, when i try to read the state in code-behind (SelectedToggleState.Text) it returns different text than i see on the screen.
Am i missing something?

Button

answered on 26 Dec 2014

1 answer

362 views

Set Read Only on Selected Row Cells in Batch Edit Mode in Rad Grid

Hi,

I have 8 columns in the telerik rad grid and using Edit Mode='Batch' and BatchEditingSettings-EditType="Cell"

I need to edit only 2 or 3 column based on condition on Row Selection. and other Columns need to set read only.

I need to set read only on Row Selection on Client Side. I tried on row selection but not possible to find read only property and used disabled function its not working.

How to resolve this problem.

Thanks,
Senthil

Grid

answered on 26 Dec 2014

1 answer

309 views

RadGrid CommandItemTemplate button event (client side)

Hi,

I have radbutton that sits within a radgrid command item
template. I’d like to somehow have some JavaScript
that gets invokes whenever a user clicks this button.

The JavaScript itself should convey to the user the checked
status of the button (radtogglestate)

Any pointers greatly appreciated.

Grid

answered on 26 Dec 2014