On my webdatagrid I have AutoCRUD="true" to create CRUD Column.
I would like to make cursor as hand-pointer when moving the mouse over this column.
I created a style:
<style type="text/css">
.cursorCSS
{
cursor:pointer;
}
</style>
How can I apply it only for specific CRUD column ,not for all row ?
Thanks , this is very nice resource , however I am not sure who I can reference to AutoCRUD cell ? I don't have it listed as a column, it's auto generated by webdataGrid when I set AutoCRUD= true here is my code for grid. At this moment i am applyng style to all items, and i need just for first column which is auto generated
<ig:WebDataGrid ID="WebDGCase" DataKeyFields="ACTIONABLE_CASE_ID" runat="server" AutoCRUD="true" Height="400px" Width="100%" DataSourceID = "ODS_Case" EnableViewState="false" AutoGenerateColumns="False" BackColor="White" ItemCssClass="cursorCSS" > <Columns> <ig:BoundDataField DataFieldName="ACTIONABLE_CASE_ID" Key="ACTIONABLE_CASE_ID" > <Header Text="Case ID" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ACTIONABLE_CASE_TYPE_NAME" Key="ACTIONABLE_CASE_TYPE_NAME" > <Header Text="Case Type" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="STATUS_CODE" Key="STATUS_CODE" > <Header Text="Status Code" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="STATUS_NAME" Key="STATUS_NAME" > <Header Text="Status Name" /> </ig:BoundDataField> </Columns> <Behaviors> <ig:Filtering Alignment="Top" Visibility="Visible" FilterType="ExcelStyleFilter" AnimationEnabled="true" > </ig:Filtering> </Behaviors> </ig:WebDataGrid>
AutoCRUD is a property that is exposed by the EditingCore behavior not the WebDataGrid that allows for automatic CRUD updates to the data source the grid is bound to and doesn't add an additional column. The code as provided will just add an AutoCRUD as an attribute on the html element that the WebDataGrid uses and doesn't have any impact on the behavior of the WebDataGrid.
There aren't expected be any additional columns in the grid when you use AutoCRUD with the WebDataGrid.
When set AutoCRUD to true it's auto creating column on the grid left side. It's not defined column and i can't assigned style to it. Check attached document, first column with 1,2,3,etc. I would like to change my cursor to hand pointer when mouse moved over this column on the left to allow select the item.
I believe those are row selectors with line numbering. While I didn't see them defined in the markup provided, maybe you are adding them in code. The relevant markup is the following:
<ig:RowSelectors RowNumbering="true" Enabled="true" />
The Row Selectors sample shows a running example.
The RowSelectors also expose a RowSelectorCssClass property that you can use for styling them.
Let me know if you have any questions.