This is a migrated thread and some comments may be shown as answers.

[Solved] Row gets selected in the grid when I click on the datepicker

0 Answers 76 Views

Grid

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Kapil asked on 15 Jun 2012, 08:01 PM

Hello,
I am using the latest version of Telerik.
I have a grid 'Sites' where one of the columns is a datepicker.

<div id="SitesSection">

<h3>Sites</h3>

@(Html.Telerik().Grid(Model.Sites)

.Name("Sites")

.DataKeys(keys => keys.Add(p => p.Id))

.HtmlAttributes(new {style = "width: 1250px;"})

.Columns(columns =>

{

columns.Bound(o => o.BusinessName).Width(165);

columns.Bound(o => o.Address).Width(185);

columns.Bound(o => o.City).Width(110);

columns.Bound(o => o.State).Width(40);

columns.Bound(o => o.Zip).Width(55);

columns.Bound(o => o.Phone).Width(65);

columns.Bound(o => o.MachineCertDate).Width(10).Title("Machine Cert. Date");

columns.Bound(o => o.Id).Hidden();

columns.Command(commands => commands.Edit()).Width(145).Title("Command");

})

.ToolBar(commands => commands.Insert())

.DataBinding(dataBinding => dataBinding.Ajax()

.Select("_SelectSites", "PPak")

.Update("_UpdateSite", "PPak")

.Insert("_InsertSite", "PPak")

)

.ClientEvents(events => events.OnRowSelect("onSiteRowSelected")

.OnSave("SitesGrid_OnSave")

.OnEdit("SitesGrid_OnEdit")

.OnLoad("SitesGrid_onLoad")

)

.RowAction(row =>

{

row.Selected = row.DataItem.BusinessName.Equals(ViewData["siteName"]);

})

.Pageable()

.Filterable()

.Sortable()

.Selectable()

)

</div>

<div id="TicketsSection">

<h3>Tickets for Site: <span id="SiteName"></span> </h3>

@(Html.Telerik().Grid(Model.Tickets)

.Name("Tickets")

.DataKeys(keys => keys.Add(p => p.Id))

.TableHtmlAttributes(new { style = "width: 1250px" })

.Columns(columns =>

{

columns.Bound(o => o.Id).Width(30).ReadOnly(true);

columns.Bound(o => o.Product).Width(80);

columns.Bound(o => o.MachineType).Width(70);

columns.Bound(o => o.Tech).Width(80);

columns.Bound(o => o.Issue).Width(65);

columns.Bound(o => o.OpenDate).Width(75);

columns.Bound(o => o.Resolution).Width(80);

columns.Bound(o => o.ResolvedDate).Width(75);

columns.Bound(o => o.ScheduledServiceDate).Width(75).Title("Scheduled \nService Date").HeaderHtmlAttributes(new { style = "white-space:pre;height:50px;" });

columns.Bound(o => o.Priority).Width(70);

columns.Bound(o => o.NotesLink).Width(30)

.ClientTemplate("<a href='javascript: onNotesClick(<#= Id#>)' id='NotesLink'>Notes</a>").Filterable(false);

columns.Command(commands => commands.Edit()).Width(65).Title("Command");

columns.Bound(o => o.SiteId).Hidden();

})

.ToolBar(commands => commands.Insert())

.DataBinding(databinding => databinding.Ajax()

.Select("_SelectTickets", "PPak")

.Update("_UpdateTicket", "PPak")

.Insert("_InsertTicket", "PPak")

)

.ClientEvents(clientEvents => clientEvents.OnDataBinding("onTicketDataBinding")

.OnSave("onSaveNewTicket")

.OnRowSelect("onTicketRowSelected")

.OnEdit("TicketGrid_OnEdit")

.OnLoad("TicketsGrid_onLoad")

)

.Pageable()

.Selectable()

.Filterable()

.Sortable()

)

</div>

</body>

The sites grid is set up in a way that when the user clicks on one of the rows in the sites grid, tickets grid is bound to data and is displayed. The problem I am having is when I click on the datepicker (which is one of the columns in the site grid) on one of the rows in the sites grid in edit mode, the row gets selected and displays the tickets grid which I don't want. Why would my clicking on the datepicker select a row?? This sounds like a bug to me. Any help would be appreciated. Thanks