如何从GXT 2.2.3迁移到GXT 3.0.1

Question

I created EditorGrid using GXT 2.2.3.Everything required is over.But at one point I stucked ie I need to disable and enable some cells based on the value in one cell.I asked Question for this How to make cell as non editable based on another cell value in Editable Grid in gxt . But I got the solution that doesn't working for me.I asked in Sencha,coderanch and some other forums,but still I didn't got solution.

Now I decided to migrate this to GXT 3.0.1.

I need an EditableGrid and need to disable and enable the cell editing based on the value in another Cell.Please suggest which grid is suitable for this in GXT 3.0.1 and how to migrate to GXT 2.2.3 to GXT 3.0.1.

Answer 1

I dont work with gxt 2.xx My friend trys to migrate from 2 to 3. And he use 2 and 3 parallel. So he start to build a new pages with gxt3 because if youll mix them you may have a big problems with layouts! If you want to use gxt3 you should do sonething like this:

//Create grid
Grid<Plant> grid = new Grid(...);
//Create editable grid
GridEditing<Plant> editing = new GridInlineEditing<Plant>(editableGrid);

//add first editing column
TextField watchField = new TextField();
TextField targerField = new TextField();

watchField.addChangeHandler(new ChangeHandler() {
   @Override
   public void onChange(ChangeEvent event) {
      if(smtng) targerField.disable();
      else targetField.enable();
   }
}); 
editing.addEditor(cc1, watchField);
editing.addEditor(cc2, targetField);

So I think thats help you.

Answer 2

I resolved this by just using CSS. Instead thinking of disabling and enabling the cell, I just hide and show the cell using CSS. Below is my code which saves me to reach this requirement.

 GridCellRenderer<AttendanceCaseCreationModel> checkinRenderer=new GridCellRenderer<AttendanceCaseCreationModel>() {

        @Override
        public Object render(AttendanceCaseCreationModel model, String property,
                ColumnData config, int rowIndex, int colIndex,
                ListStore<AttendanceCaseCreationModel> store,
                Grid<AttendanceCaseCreationModel> grid) {

            String color="pink";
            if(eventcombo.getValue()!=null){


                if(eventcombo.getRawValue().equalsIgnoreCase("Forgot To Checkin") || 
                        eventcombo.getRawValue().equalsIgnoreCase("Mark/Modify Attendance")){
                    color="pink";
                }
                else{

                    config.style=config.style+ ";visibility: hidden;";
                }

            }

            config.style=config.style+ ";background-color:" + color  + ";";
            config.style=config.style+ ";display: block;";
            Object value = model.get(property);
            return value;

        }
    };