Hello Vasya

At this point, all is fine, but now I need to validate in client-side if one cell was modified or not, in this way to prevent a postback in event fired after a cell has exited edit mode. I need to trigger a postback only when a cell was modified.

Could you help me, please?

I hope your response.

Thanks.

Geovanny Domínguez.

Hello Geovanny,

I assume that your requirement is to make a postback every time when some text is added in the new rows` cell.

What I can suggest is handle the RowAdding_ExitedEditMode event where you can check whether any data is entered in the cell and make a postback if the cell is not empty . For example:

function WebDataGrid1_RowAdding_ExitedEditMode(sender, eventArgs) {
           
     var newText = eventArgs.getCell().get_text();

           if (newText !== "") {
                __doPostBack('<%= SampleUpdatePanel.ClientID %>', '');
            }
        }

Do not hesitate to contact me if you have any additional questions regarding this matter.

Hello Vasya,

Yeah, It is what I needed. You're friendly.

Thank you very much.

Geovanny Domínguez.

Hello Geovanny,

I am glad that you have been able to resolve your issue. If you need any further support do not hesitate to contact me.

Hello Vasya

I have tried to make a sample project like my scenario. Please test this project on your PC, select the first option in the DropDownList then clic on the button. You can click on any cell and get out of this (excluding the cells in the Year column and I don't understand, Why is this happening?) and you'll watch that does not execute any postback to server side. Then you can edit one cell and afterwards you will watch when you do to click on any cell and exit ot this, the WebDataGrid will always execute a postback.

In the Default.aspx page, in GridViewData_CellEditing_ExitedEditMode function script, you can comment the line inside "if structure", remove the comment from the other line and you'll see what happens. What is the correct way to implement this?

Please, Could you help me? and, Why in the Year column is this happening?

Thanks.

Geovanny Domínguez.

Hello Geovanny,

The mentioned by you method has the following code in it:

function GridViewData_CellEditing_ExitedEditMode(webDataGrid, eventArgs) {

   //to check the value of the flag and do postback if necessary

   if (changes) {

      __doPostBack('<%= UpdatePanelMaster.ClientID %>', '');               

      //webDataGrid.get_behaviors().get_editingCore()._commitUpdates();

   }

}

Since “changes” is always false when no modifications are made in the cell there is no Postback to the Server. When modification is made there is a Postback executed.

What is the actual behavior that you observe and what you expect to happen when this function is called?

Regarding calendar issue if I comment the following lines and load all components initially the calendar is displayed correctly:

protected void Page_Load(object sender, EventArgs e)

{

   // Control obj = GetPostBackControl(this.Page);

   // if (IsPostBack && obj == null) //obj será null con algun evento que se produzca en la WebDataGrid (por ejm luego de editar una celda)

            loadDynamicGrid();

}

If you comment the “UpdatePanel” the calendar is shown correctly too.

Some of the components need to be loaded initially in order to function correctly. If you add them too late or by Async Postback such issues may occur.

Hello Geovanny,

After you made change to any of the values the “changes” variable is set to “true” and it remains “true” on every other cell exiting edit mode (this is the result when I test the sample).

In the sample that is attached this can be observed by putting watch on “changes” variable.

Because this variable remains true “__doPostBack” is executed every time when cell exits edit mode.

In the date time column (“Year”) when the code for setting “changes” variable is removed the Postback is not executed if you move to the cell from the same row but is executed when you move to the different row. This is caused by the changed date time in the date code. For this column DateTime.Now is used to generate cell’s values and if you put breakpoint in “RowUpdating” event you will see that it is fired and date/time in e.Values is different than date/time in e.OldValues.

Hello Alex,

Thanks for reply. In previous posts I explained that this is always happening on any cells after them have been modified. I attach the sample project, Please test this on your PC, select the first option in the DropDownList then clic on the button. First, you can enter and then exit edit mode in any cell (excluding the cells in the Year column) and you can watch that does not execute any postback to server side (this is okay, bacause "changes" is false). Second, you can edit any cell and afterwards again repeat the first step, and you'll watch the WebDataGrid will always execute a postback (this is wrong because "changes"  remains false).

Not only in Year column, moreover Year column is an exception, because , you can comment all code lines script js and ClientEvents in Default.aspx.cs, and in the Year column continues occurring this issue.

Then, your review is not so true!

I think that is the EditorProvider...Let me know if you understood me and were be able to reproduce the issue.

Thanks.

Geovanny Domínguez

Hello Geovanny,

Entering and then exiting edit mode in “Year” column causes Postback because in “GridViewData_Editing_CellValueChanged” there is some code executed which leads to assigning “true” for the “changes” variable. This leads to __doPostback() execution in “GridViewData_CellEditing_ExitedEditMode”.

This is caused by the following comparison which fails because “oldValue” is different than “newValue” even if you are not changing it:

if (oldValue == newValue) {

    changes = false;

}

else {

    changes = true;

}

If you observe the following variables you will notice that they are different because in the first old value is returned and in the second the text of the cell:

var oldValue = eventArgs.get_oldValue(); // returns Tue Mar 5 10:02:21 UTC+0200 2013

var newValue = eventArgs.get_cell().get_text(); // returns "3/5/2013"

If you want to make such evaluation you should first format the old value appropriately:

eventArgs.get_oldValue().format("M/d/yyyy");

In this way “changes” will be set to false and no Postback will be executed.

Hello Alex,

Thanks for your reply. I understand what my project is doing! I explain again. I want to know, why the WebDataGrid is doing a postback every time I pass a cell (enter and exit the edit mode) of the YEAR column without making any change.

Then you can edit one cell and afterwards you will watch when you do to click on any cell and exit ot this (without making changes), the WebDataGrid will always execute a postback.

If I do not make changes, "changes" variable is false and it should doesn't run a postback, but after making an edition the WebDataGrid always executes a postback.

Thanks!

Geovanny Domínguez.