This issue only occur in IE8, firefox works right.
what i am trying is selecting a row by clicking on any place. It does work fine when you hover over text in cell, but doesn't work while clickining on empty area around cell.
<ig:webdatagrid id="testGrid" runat="server" autogeneratecolumns="false" enabledataviewstate="true" enableviewstate="true" height="350px" oncolumnsorted="SortingColumn" StyleSetName="df_test" width="100%" cssclass="gridFrame" itemcssclass="gridRow" datakeyfields="ExternalNumber"> <Columns> <ig:TemplateDataField Key="Display" Width="7%" CssClass= "gridCellCenterAligned" > <Header Text="Display" /> <ItemTemplate> <asp:CheckBox ID="chk_Display" runat="server" Checked='<%# DataBinder.Eval(Container, "DataItem.UserName")%>' OnClick='CheckDisplay(this)' AutoPostBack="false" Visible="true" /> </ItemTemplate> </ig:TemplateDataField> <ig:BoundDataField DataFieldName="Type" Key="TypeName"> <Header Text="TypeName" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="SubType" Key="Subject" > <Header Text="Subject" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ClientName" Key="UserName" > <Header Text="User" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ContractName" Key="Company" > <Header Text="Company" /> </ig:BoundDataField> <Header Text="Test" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="TestSubject" Key="WbsOwner" Width="15%" > <Header Text="testSubjet" /> </ig:BoundDataField> </Columns> <Behaviors> <ig:Activation Enabled="true" /> <ig:Selection RowSelectType="Single" CellClickAction="Row" SelectedCellCssClass="gridSelectedRow"> <SelectionClientEvents RowSelectionChanged="DisableKeyButtons" /> </ig:Selection> <ig:Sorting Enabled="true" SortingMode="Single" AscendingImageUrl = "../infragistics/images/ig_tblSortAsc.gif" DescendingImageUrl = "../infragistics/images/ig_tblSortDesc.gif"> </ig:Sorting> </Behaviors> </ig:webdatagrid>
Hi sannchez,
I've tested similar case with your options for Activation, selection, sorting, but with autogenerated columns, as I can't duplicate your datasource. And selection of the row works when I click on a cell, no matter if it's on a text or an empty space but inside of the cell. I've tested it with IE9, IE8, FF4 and Chrome latest, and it works the same way. The only thing which come to my mind is the CSS classes you use, maybe there is some value which is stopping this. Try this, or you need to send us the complete sample you are working on, to see if we can find the issue
Thanks,
I have the same problem. The onclick javascript handler seems to be in the <INPUT> html element, not the <TD>. That seems to be causing the error depicted above.
is that correct? if so: how can we solve this?