Questions on UI for ASP.NET AJAX Forum

2 answers

865 views

How To Check Checkbox Selected At Least One Item in RadGrid Control With Client Side

Hello, Telerik Team

I was using telerik:RadGrid control and grid ItemTemplate bind radbutton with toggletype set to checkbox and buttontype as standard button,
this is bind properly well and displayed data is good, but when I am check if at least one selected checkbox in grid on click on save data, I was only client side checking and using JavaScript currently I find your telerik forum code but they are not working ,Please help to me

Thanks
Jyosana

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/PMMain.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ArchonixXJailProgramManagement.ProgramManagement.WebForm1" %>

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

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

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="AdminContentPlaceHolder" runat="server">

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

<AjaxSettings>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" Width="100%">

</telerik:RadAjaxLoadingPanel>

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

<script type="text/javascript">

function ValidateCheckBox(sender, eventArgs) {

var TargetBaseControl = document.getElementById('<%= grdScheduler.ClientID%>');

var TargetChildControl = "btnToggle";

var Inputs = TargetBaseControl.getElementsByTagName("input");

var postback = false;

for (var n = 0; n < Inputs.length; ++n) {

if (Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl, 0) >= 0) {

if (Inputs[n].checked) {

postback = true;

break;

}

sender.set_autoPostBack(postback);

if (!postback) {

alert('Please select atleast one checkbox record!');

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxPanel ID="radSSNSearch" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<div class="program_container">

<fieldset>

<legend>Scheduler Class </legend>

<table id="Table2" align="center" runat="server" cellspacing="0" cellpadding="4"

style="width: 98%; height: 100%; vertical-align: top">

<tr>

<td colspan="2">

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

AutoGenerateColumns="False" AllowAutomaticDeletes="false" AllowAutomaticUpdates="false"

OnNeedDataSource="grdScheduler_NeedDataSource" OnItemDataBound="grdScheduler_ItemDataBound">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView Width="100%" CommandItemDisplay="None" ClientDataKeyNames="SchedulePK">

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Enroll">

<ItemTemplate>

<telerik:RadButton ID="btnToggle" runat="server" Width="17px" ToggleType="CheckBox"

Checked='<%# Convert.ToBoolean(Eval("Enroll")) %>' ButtonType="StandardButton"

CommandArgument='<%# Eval("ScheduleClassPK") %>' AutoPostBack="false">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" />

</ToggleStates>

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Class Name" SortExpression="ClassName" UniqueName="ClassName"

DataField="ClassName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Description" SortExpression="Description" UniqueName="Description"

DataField="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Location" SortExpression="LocationCode" UniqueName="LocationCode"

DataField="LocationCode">

</telerik:GridBoundColumn>

</Columns>

<ItemStyle HorizontalAlign="Left" />

<AlternatingItemStyle HorizontalAlign="Left" />

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadButton ID="btnSave" runat="server" OnClick="btnSave_Click" AutoPostBack="false" OnClientClicked="ValidateCheckBox"

Text="Save">

</telerik:RadButton>

</td>

</tr>

</table>

</fieldset>

</div>

</telerik:RadAjaxPanel>

</asp:Content>

Button

answered on 09 Dec 2013

5 answers

299 views

CustomValidator on DateInput instead of RadDatePicker

Hi,

I'm trying to do the following:

<telerik:RadDatePicker ID="DatePicker" runat="server" width="100px">

<DateInput ID="DatePickerInput" runat="server">

</DateInput>

</telerik:RadDatePicker>

<script type="text/javascript">

function ValidateDate(sender, args)

{

var datePicker = $find("<%= DatePicker.ClientID %>");

args.IsValid = datePicker.get_dateInput._invalid;

}

</script>

<asp:CustomValidator ID="DatePickerInput" runat="server"

Display="Dynamic" ControlToValidate="DateIsValid"

EnableClientScript="true" ClientValidationFunction="ValidateDate" ErrorMessage="Invalid Date" />

Whenever I set the RadDatePicker as the ControlToValidate, it seems that the validator only gets fired on the RadDatePicker's client-events, and not the RadDateInput's client-events. E.g. typing "hello" in the input and losing focus won't fire the validator, but selecting a date from the calendar will.
However the example above does not work.
I've thought of some alternative ways, but this one seemed so pretty.

Can is set the RadDatePicker's DateInput as the "control to validate"?

Calendar

answered on 09 Dec 2013

1 answer

201 views

Bind datatable value as parent nodes to Treeview

Hi ,
i have datatable which contain 3 company name and i want to add employees respective to that company below company name as childs(dynamically),
My Code

protected void Page_Load(object sender, EventArgs e)

{

int UserId = Convert.ToInt32(Session["UserId"].ToString());

int RoleId = Convert.ToInt32(Session["RoleId"].ToString());

dtParentNode = ObjGlobas.BindTreeView_Test(UserId,RoleId);

RadTreeView1.DataSource = dtParentNode;

RadTreeView1.DataFieldID = "CompId";

RadTreeView1.DataTextField = "CompName";

RadTreeView1.DataBind();

BindToDataTable();

}

<telerik:RadTreeView ID="RadTreeView1" runat="server" Font-Names="Verdana">

<DataBindings>

<telerik:RadTreeNodeBinding Expanded="True"></telerik:RadTreeNodeBinding>

</DataBindings>

</telerik:RadTreeView>

how can i do that
Thanks

TreeView

answered on 09 Dec 2013

16 answers

353 views

[Solved] Custom skin compatible with a new Telerik version?

Hello there!

We would like to use the Telerik Style Builder to create a custom skin to fit our CI/CD.
Now, there is a big question: Will it be possible to use the skin also for new versions of the Telerik ASP.NET AJAX controls?
Is there a possibility to convert custom skins for newer versions or can I simply upload the skin in the Style Builder and it will automatically converted when I save it again?

Thank you very much in advance.

Best regards
Mathias Winkler

Visual Style Builder

answered on 09 Dec 2013

4 answers

681 views

Context menu item click this grid selected item value

Hello Telerik developers;

My problem radGrid in right click open contextMenu and context menu item click, How do I get Gird selected item value
How do I get RadGrid in MasterTable in GirdBoundColum CekKartID value ? javascript code ? don't server side. did javascript code

Html RadGrid

<telerik:RadGrid ID="grdCekKartMaster" Width="100%" Height="69%" BorderStyle="None" runat="server" AllowFilteringByColumn="false"

OnNeedDataSource="grdCekKartMaster_NeedDataSource">

<HeaderStyle BackColor="#767980" ForeColor="White" />

<FooterStyle BackColor="White" ForeColor="White" />

<MasterTableView runat="server" Width="100%" DataKeyNames="CekKartID" PageSize="9999">

<ItemStyle Font-Size="Small" Height="35" />

<AlternatingItemStyle Font-Size="Small" Height="35" />

<Columns>

<telerik:GridBoundColumn DataField="CekKartID" HeaderText="ID" AllowFiltering="true" ReadOnly="true" ShowFilterIcon="false" Visible="false" UniqueName="CekKartID"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EvrakTip" HeaderText="Evrak Tip" AllowFiltering="true" FilterControlWidth="80%" ShowFilterIcon="false" HeaderStyle-Width="100px"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CekDurum" HeaderText="Çek Durum" AllowFiltering="true" FilterControlWidth="80%" ShowFilterIcon="false" HeaderStyle-Width="100px"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowContextMenu="RowContextMenu" />

<Selecting AllowRowSelect="true" />

<Scrolling AllowScroll="false"></Scrolling>

</ClientSettings>

</telerik:RadGrid>

Html Context Menu

<telerik:RadContextMenu ID="RadMenu1" runat="server"

EnableRoundedCorners="true" EnableShadows="true" OnClientItemClicked="rightClickHandler">

<Items>

<telerik:RadMenuItem Text="Add" Value="add">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Edit" Value="edit">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Delete" Value="delete">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

JavaScript

function rightClickHandler(sender, args) {

var menuItemValue = args.get_item().get_value();

if (menuItemValue == "add") {

alert("add click");

}

else if (menuItemValue == "edit") {

alert("edit click");

}

else if (menuItemValue == "delete") {

alert("delete click");

}

Grid

answered on 09 Dec 2013

0 answers

163 views

Radscheduler Resources in horizontal and vertical and time in horizontal direction

in Radscheduler
I want to add multilpe resources

Resource 1 will be username as shown in attached file (Like Driver Driver,Fed Ex,Hylton Hylton,Tony Brown etc.)
(vertical direction)

Resource 2 will be Delivery type
for example
Delivery 1st floor --8:00 AM to 12:00 PM
Delivery 2nd floor --12:00 PM to 4:00 PM
Delivery 3rd floor --4:00 PM to 8:00 PM
(horizontal direction)

how can i achive it
Please help me
Thanks
From
Janki Shah

Scheduler

asked on 09 Dec 2013

2 answers

132 views

RadContextMenu run server side and client side

Hi friends;
Problem is RadContextMenu

<telerik:RadContextMenu ID="RadMenu1" runat="server"

EnableRoundedCorners="true" EnableShadows="true" OnClientItemClicked="rightClickHandler">

<Items>

<telerik:RadMenuItem Text="Portföy Çek İşlemleri" Value="portfoyCekIslem" >

<Items>

<telerik:RadMenuItem Text="Portföy Çek Giriş" Value="portCekGir"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Portföy Çek Düzenle" Value="portCekEdit"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Portföy Çek Sil" Value="portCekSil"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

Javascript

function rightClickHandler(sender, args) {

var menuItemValue = args.get_item().get_value();

if (menuItemValue == "portCekGir") {

openPopupPortfoyCekGirisNew(sender);

}

else if (menuItemValue == "portCekEdit") {

var rowID = $("#radGridClickedRowIndex2").val();

openPopupPortfoyCekGirisEdit(sender, rowID)

}

else if (menuItemValue == "portCekSil") {

}

How to use Server site portCekSil Method ? How to use RadContextMenu both server and client

Ajax

answered on 09 Dec 2013

12 answers

387 views

Expand collapse columns not working

I've recently upgaded to Visual Studio 2012 and RadControls ASP.NET AJAX Q1 2013.

Now all of my expand collapse columns in my grids have stopped working. When I click on the expander, it posts back, but does not expand.
Was something changed with the hierarchical grid scheme?
Dan

Grid

answered on 09 Dec 2013

1 answer

70 views

Missing styling when using Silk-skin

I had a post earlier about the button for the upload-component that did not look anything like the selected skin. Now that seems to be ok, but shouldn't the normal buttons have a similiar style? Very noticable when using the Silk-skin. The upload-button now is blueish on hover, while the radbuttons just turn dark-grey when hovering over them.

Seems like some of the other skins do actually "skin" the radbuttons. Is this a limitation of the Silk-skin? Seems a bit un-skinned using Metro-skin as well.

Button

answered on 09 Dec 2013

1 answer

72 views

[Solved] Custom link dialog: problem editing existing link

Hi,

I'm trying to build my own custom 'insert/edit link' dialog, following the example found at http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultvb.aspx

If an existing internal link was selected to be edited, eg. a link to a named anchor, the RadEditor returns a 'href' attribute including the URL of the current page.
Eg. when the link to be edited is "<a href="#Marja">Jump to Marja</a>", I get "http://localhost:55098/wsAdmin/TestRadEditor.aspx#Marja" as value for the 'href' attribute instead of merely "#Marja".

What can I do about this?

Editor

answered on 09 Dec 2013