I have a webdatagrid, but for some reason I can't get the row selectors to show up. I click on a row, or a cell, and nothing seems to appear. The little triangle selectors don't even appear. Can anyone help me out? I'm using the 2011 version.
<ig:WebDataGrid ID="WebDataGrid1" runat="server" Width="400px" DataKeyFields="ID" AutoGenerateColumns="false" ShowHeader="false" ShowFooter="false" > <Columns > <ig:TemplateDataField Key="ID" > <ItemTemplate> <sc:FieldRenderer runat="server" ID="FieldRenderer3" Item="<%#((Infragistics.Web.UI.TemplateContainer)Container).DataItem %> " Parameters="h=25" FieldName="Product Image" /> <sc:FieldRenderer runat="server" ID="FormDescription3" Item="<%#((Infragistics.Web.UI.TemplateContainer)Container).DataItem %>" FieldName="Product Name" /> </ItemTemplate> </ig:TemplateDataField> <ig:BoundCheckBoxField DataFieldName="ID" Key="IDField" Header-Text="Select" /> </Columns> <Behaviors> <ig:Activation Enabled="true" /> <ig:Selection RowSelectType="Single" Enabled="true" CellClickAction="Row" /> <ig:RowSelectors RowNumbering="true" Enabled="true"> <RowSelectorClientEvents RowSelectorClicked="hello" /> </ig:RowSelectors> <ig:EditingCore> <Behaviors> <ig:CellEditing> <ColumnSettings> <ig:EditingColumnSetting ColumnKey="IDField" ReadOnly="false" /> </ColumnSettings> </ig:CellEditing> </Behaviors> </ig:EditingCore> </Behaviors> </ig:WebDataGrid>
Hi mario101,
Well, first off I'd like to point out that you do not have Selection enabled. However you do have Activation. So assuming that when you click on a cell, it is becoming active, the row selector should become active. Verify that the TH for the row selector has igg_ActiveRowSelector class applied and if there is an inner div, it should have igg_ActiveRowSelectorImage. If these are applied, it could mean you are missing those css class definitions for the background images. Please check all of that out.
regards,David Young
How do I enable selection then? Isn't that what this line is for?
I'll check to see if I'm missing the css classes.
<
ig:Selection RowSelectType="Single" Enabled="true" CellClickAction="Row" /><ig:RowSelectors RowNumbering="true" Enabled="true" ></ig:RowSelectors>
The resulting table seems to have an rowselect class attached to it:
<table cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; width: 100%; visibility: hidden" id="x:431846697.4:mkr:dataTbl.hdn"> <tbody id="x:431846697.8:mkr:rows:nw:1" class="ig_ClaymationItem igg_ClaymationItem"> <tr id="x:431846697.9:adr:0:tag:"> <th class="ig_ClaymationHeader igg_ClaymationRowSelector "> 1 </th> <td> <img src="~/media/Waspbarcode/ProductImages/LargeImages/wasp_wasplabeler_lg.ashx?h=25" alt="" width="25" height="25" /> Wasp Labeler </td> </tr>