text editor set up and ajax refresh in hierarchal grid

8920

Michael Seidel posted over 5 years ago

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

Top Replies

138253

Offline Stefan posted over 5 years ago in reply to Michael Seidel +1 verified
Hello Michael, 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...view reply »
8920

Offline Michael Seidel posted over 5 years ago in reply to Michael Seidel +1 verified
Stefan, hopefully last thing .. the behavior of the text editor... current behavior entering text into the cell in the column Comment : cell is empty...view reply »

138253

Verified Answer
Offline Stefan posted over 5 years ago in reply to Michael Seidel

Hello Michael,

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.

Regards,

Stefan

2783.test01-updated.rar
Cancel
Reply

Reject Answer

Cancel
8920

Offline Michael Seidel posted over 5 years ago in reply to Stefan

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

protected void wdgSrv_RowUpdating(object sender, RowUpdatingEventArgs e)
        {
            ExhibitLR2DetalsDS DetailsDS = null;
            ExhibitLR2DetalsDS.SurveyTblRow sr = null;
            WebDataGrid wdg = null;

            try
            {
                e.Cancel = true;
                DetailsDS = (ExhibitLR2DetalsDS)Session[hdnPageDetalsDataName.Value];

                Int64 idlr2surveydetail = (Int64)e.Values["idlr2surveydetail"];
                sr = DetailsDS.SurveyTbl.FindByidlr2surveydetail(idlr2surveydetail);

                sr.answer = (string)e.Values["answer"];
                sr.comments = (string)e.Values["comments"];

                wdg = (WebDataGrid)sender;
                wdg.DataSource = DetailsDS.SurveyTbl;
                wdg.DataBind();
            }
            catch (Exception)
            {
                //throw;
            }
        }
Cancel
Reply

Cancel
138253

Offline Stefan posted over 5 years ago in reply to Michael Seidel

Hello Michael,

I have modified the sample you sent, so now when you enter a long text and exit edit mode, the row is resized. As for the AJAX update, I used an UpdatePanel. This way only the WDG is refreshed when the button is clicked.

Please let me know if this helps you or you have further questions on this matter.

Looking forward for your reply.

Regards,

Stefan

test01_modified.rar
Cancel
Reply

Cancel
8920

Offline Michael Seidel posted over 5 years ago in reply to 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.
Cancel
Reply

Cancel
138253

Offline Stefan posted over 5 years ago

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
Cancel
Reply

Cancel