1. In test01 project Comment column in child grid supposed to accommodate several lines of text .. it lines coming from data source it display them okay.. (second child grid, 1st row) but if editor used and lines are entered with manual editing.. it shows seemed two line max..
Is it possible to set up editor so instead of scrolling it just expand height of the grid row.
2. If TAX Review Update button pressed, it post back and process some server events (row updating)..
Is it possible to configure grid that it does just ajax update, i.e. not visually flashing the whole page, but just display some sign in the grid area and just show the new row if it was added on the back end..
Please show what is possible on the attached project2783.test01.zip
Hello Michael,
Thank you for your post. I have been looking into it and for the first question I can suggest you add the following style:
tbody.igg_Item { word-wrap: break-word;}
As for the second one, by default the grid works this way. The EnableAjax property controls that and by default it is set to true.
Please let me know if you have further questions on this matter.
Looking forward for your reply.
Regards,
Stefan
1. Please show where to add css on the attached project, to avoid endless back and forth..
user should be able to enter e.g. 10 lines and should be able to see them.. and row height should changed.
2. AJAX : The grid is set for batch processing so the button will kick post back and process multiple updates on the server.. this cause the whole page to reload.. is it possible to have button to trigger ajax update on the grid, please show it on the attached project.
Hi Stefan, that was helpful.. couple more questions :
1. The page has many controls and several grids.. could it be that tbody.igg_Item that you added will interfere with other grids...
2. I also need to add css to make parents rows boldface also without affecting other grids .. where to put it?
3. also I got back to this 5 years old pj and forgot something.. can you refresh my memory
this is one of the many server side RowUpdating events.. why each of them has e.Cancel = true;
I remember consciously add this line but do not remember why ...
Row updating just synchronizes rows on client with datasets stored in session and then does rebind.. why e.cancel was needed ?
Thanks
I have modified the sample, so now the style for the multi-line will be applied only to a particular WDG. As for the bold parent rows, I added an attribute to the same style that sets the word-wrapping.
I also checked the code you have shared and I can say that when you set e.Cancel to true, all the internal logic for updating the data is omitted, but I cannot be fully sure why it is done like this in your application.
Hope this helps you.
2783.test01-updated.rar
Hi Stefan, I'll check the rest later, but e.cancel is a good news as it confirm what I thought .. we track all updates manually in typed data sets .. and they actually track all updates/inserts .. so eventually they all avail at once on save...thanks.
Stefan, hopefully last thing .. the behavior of the text editor... current behavior
entering text into the cell in the column Comment :
cell is empty.. while entering editor turns to scroll and shows no more than 2 lines.. if 5 lines is entered user still sees only 2 lines until s/he is leaving the row... than height of the row get expanded and all 5 lines could be observed...
Same while start entering data on the other empty cell...
Now user get back to that 5 lines cell.. On the click the and start typing scroll bar appearing but user still see all 5 lines.. and it is continue to be observable while user is typing.. If three line added than 8 lines will be seen after leaving and all 8 when cell became editable when user comes back.. etc.
All good except the beginning.. means when user entering empty cell first time and start typing only two lines can be seen and the ret gets scrolled out.. How to make row ( text editor for the cell ) get expanded to 5 lines as soon as user starts typing into the cell...
Thanks.
I can suggest you see this forum thread:
www.infragistics.com/.../webdatagrid-how-to-set-row-hieght
where it is discussed how to set the row's height.
The style should look like this:
tbody > tr > td.aquaBK { background-color:aqua; }
You can read more about styling WebDataGrid and WebHierarchicalDataGrid here:
https://ko.infragistics.com/community/blogs/b/engineering/posts/webdatagrid-css-styling-guide
Thanks, change row height did work.. now I have to adjust style of particular column ..
I went to column setting and add CssClass : aquaBK
than add
tbody.aquaBK> tr > td {background-color:aqua
}
to the style.. it did not work.. I might missing right selector .. any suggestion