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?
I found the problem is a webdatagrid wrapping <DIV> style in CSS : FLOAT: LEFT; causes the gridcell to be selectable only when clicking the text.
Strange behaviour?
sample:
.adivstyle
{ float: left;}
<div class="adivstyle">
<ig:webdatagrid>.... </webdatagrid>
</div>
If the "float:left" style is commented,the grid cell can be clicked anywhere and the row is selected. Otherwise, the grid cell text must be selected in ie in order to work properly.
strange.
Important: Just realized that if i put several <asp:updatepanel> elements AFTER (i mean, below) the <ig:webdatagrid> element, it causes the same symptom. I moved those elements up in the code, before the webdatagrid element, and now it seems to be working.. really odd.