Hi Petar,

Thank you for the quick response. I tried your approach, but can't figure out how to setup the Button event to fire on the server side. Also, can't figure out how to setup the CellSelectionChanged event on the server side, the IDE only created the event on the client side. I'm attaching the sample that I played with, feel free to change the data source for your test.

All I'm trying to do in this sample is that, the first col and last col to be a button/image button and it fire a server side event when clicked and I can get the Datakey associated with that row on the server side.

I'm able to get the first column in the webdatagrid to show an image I want, but I want this to show image button control instead which is clickable and shows the hand icon on mouse over as you'd expect on a image button. I'd prefer to do this without the row selection enabled.

I had the grid ItemCommand wired up, but it never fires, obviously because I don't have any Commands hoooked up. Can you give me an example of how do I do this with different Commands that I can identify which column/row is clicked and pick up the datakey associated on server side with this same sample 

I tried to search for answer myself, but your documentation is either non-existent or awful. Many times I searched for answers in the docs, I could never find it. I mean any dummy could figure out  SetPropertyName() is meant for setting that property name. What I'm looking for is singificance of setting that property and related info described in detail in the doc. Usually all the doc shows is a one liner and no details at all, I know your guys probably picked up the idea from Microsoft on putting up useless documentation. And the object model for all the IG controls is strange to put it mildly. I worked with Component One and Telerik controls before, they all follow base ASP.NET object model for all the controls and then they branch off to specialized functionality which makes life lot easier when we port code from existing ASP.NET code base. IG object model on the other hand is convoluted, sometimes illogical and forces us to do things on multiple places such as aspx, javascript and code behind to get a single task accomplished. That makes it very hard for maintenance or update of the code in the future. Anyway, that's just some of the feedbacks that I hope you can relay to your product team.

I do see some cool features in your product and fairly quick responses for questions posed to your support or in the web forum, that makes up a bit for the trouble :-).

Looking forward to hear from you again.

Thanks,

Mohan

Petar,

Just to followup on my above post. I am able to set the individual cell Font color to Red or Blue inside the WebDataGrid InitializeRow event with the below code 

 
if (e.Row.Items[8].Text.ToLower() == "yes")
                     e.Row.Items[8].CssClass = "colorRed";
                 else
                     e.Row.Items[8].CssClass = "";

But, no matter what I tried. I can't seem to align the text to center or right. I can only change the whole grid's text-align in the IG style. Any thoughts.

The other issue I noticed is, when I set the EnableDataViewState = true; weird things happen. As the data being updated on the client side is for previous update. So I reverted back to setting that to false and keeping DataBind in the Page_Load (outside the IsPostback check). but in this case, there's two databind (as expected), one on the page_load and the other on my drop down event. but the problem is the data sent back to the client side has data from first databind (with values from prev selection of drop down) plus the data from second databind (with values from current selection of drop down) which is undesirable.

I'm calling the same function for Databind passing the drop down value selected. I tried the ResetToDefault() on the WebDataGrid with no help. still getting both data because of two databinds.. any ideas on how to work around this?

Thanks,

Mohan

yes, ClearDataSource() did the trick with the double binding issue. The blog about cell styling is very helpful. Should have been part of grid documentation at first place.

With this, I'm almost done with porting the grid code from existing asp.net gridview for one page. I said 'almost', not done yet :-). One thing pending is word-wrap.... This is as simple as setting ItemStyle-Wrap="False" in the ASP.NET Gridview. but I can't do this in css because this IE only css style "text-wrap:suppress" is not supported by any new major browsers, not even IE 9. Any suggestions?

This is another example of a limitation with IG non-standard object model. In ASP.NET Gridview, I can either set the css style OR set the inline style directly such as HorizontalAlign or Wrap etc. for the item/header/row/col. This method is more flexible and is followed by other vendors too in their implementation of the grid. But the IG data grid forces us to use only css styles. and some of the style I can't even find a 1-to-1 matching in css such as this word wrap.

You have been very helpful, accurate and timely. I only have 55 more pages and 100 more gridviews to port over, so I will be bothering you a little more in the future if I get stuck :-). Posting on the forum and getting answer from experts like you seems to be much faster than opening a case using my Priority support and waiting for weeks for an answer.

Thanks again,

Mohan

Just FYI,I created a new style as below and used it on columns with long text that are wrapping around. this worked for me.

tbody > tr > td.colWordWrapfalse
{   
    overflow:auto;
    white-space:nowrap;
}

Hi mohanrs,

Thank you for your kind replies and feedback. Glad that you were able to implement you datasource switch and styling requirements. Just as a note a CSS class structured as the one you have provided is applied to individual cell items which would allow styling of not only columns but individual cells.

Feel free to contact me with any additional issues or questions which may arise during your transition process.