smartgwt - при редактировании списка в ячейке возникают проблемы - PullRequest
Новая
       5

smartgwt - при редактировании списка в ячейке возникают проблемы

0 голосов
/ 22 июля 2011

Я сделал listgid, который можно редактировать по ячейке. Для тестирования я добавил кнопку сохранения. Когда я нажимаю кнопку «Сохранить», первая запись списка (обновленное значение первого столбца в первой строке) должна отображаться во всплывающем окне, но при этом всплывающее окно не отображает обновленное значение.

Например, в этом случае есть первое имя записи в сетке списка -> jon, я отредактировал jon в shobhit и затем нажал кнопку сохранения. После нажатия на кнопку «Сохранить» я должен получить имя «шобхит», но на нем отображается «jon», которое является старым значением.

Пожалуйста, посмотрите ниже мой код и помогите мне выполнить эту интересную задачу. 

public void onModuleLoad() {

    VLayout vLayout = new VLayout(10);

    final ListGrid listGrid = new ListGrid();

    ListGridField nameField = new ListGridField("name","Name");
    nameField.setWidth(100);
    nameField.setAlign(Alignment.CENTER);

    ListGridField ageField = new ListGridField("age","Age");
    ageField.setWidth(100);
    ageField.setAlign(Alignment.CENTER);


    ListGridField locationField = new ListGridField("location","Location");
    locationField.setWidth(100);
    locationField.setAlign(Alignment.CENTER);

    listGrid.setFields(nameField, ageField, locationField);
    listGrid.setDataSource(getDS());
    listGrid.setWidth(310);  
    listGrid.setHeight(224); 
    listGrid.setAutoFetchData(true);
    listGrid.setCanEdit(true);
    listGrid.setEditEvent(ListGridEditEvent.CLICK);
    listGrid.setEditByCell(true);

    vLayout.addMember(listGrid);

    IButton saveButton = new IButton("Save");
    saveButton.addClickHandler(new ClickHandler() {

        @Override
        public void onClick(ClickEvent event) {
            ListGridRecord[] record = listGrid.getRecords();
            Record r = record[0]; 
            SC.say(r.getAttributeAsString("name"));
        }
    });

    vLayout.addMember(saveButton);

    RootPanel.get("gwtContent").add(vLayout);
}

private RestDataSource getDS() {

    RestDataSource ds = new RestDataSource();

    DataSourceTextField nameField=new DataSourceTextField("name", "Name");
    DataSourceIntegerField ageField=new DataSourceIntegerField("age", "Age");
    DataSourceTextField locationField=new DataSourceTextField("location", "Location");

    ds.setFields(nameField, ageField, locationField);

    ds.setDataFormat(DSDataFormat.JSON);

    OperationBinding fetchOB = new OperationBinding();
    fetchOB.setOperationType(DSOperationType.FETCH);

    OperationBinding addOB = new OperationBinding();
    addOB.setOperationType(DSOperationType.ADD);
    addOB.setDataProtocol(DSProtocol.POSTPARAMS);

    OperationBinding updateOB = new OperationBinding();
    updateOB.setOperationType(DSOperationType.UPDATE);
    updateOB.setDataProtocol(DSProtocol.POSTPARAMS);

    OperationBinding removeOB = new OperationBinding();
    removeOB.setOperationType(DSOperationType.REMOVE);
    removeOB.setDataProtocol(DSProtocol.POSTPARAMS);

    ds.setOperationBindings(fetchOB, addOB, updateOB, removeOB);

    if (!GWT.isScript()){
        ds.setFetchDataURL("data/dataIntegration/json/data-fetch.js"); 
        ds.setJsonRecordXPath("response/data");
    }else{
    }
    return ds;
}

Файл данных JSON: 

{
response: {
    status: 0,
    startRow: 0,
    endRow: 4,
    totalRows: 5,
    data: [
            {"name":"Jon", "age":40, "location":"USA"},
            {"name":"Tom", "age":30, "location":"USA"},
            {"name":"Frank", "age":35, "location":"USA"},
            {"name":"Deb", "age":24, "location":"USA"},
            {"name":"Leroy", "age":70, "location":"USA"}
    ]
}
}

1 Ответ

1 голос
/ 27 июля 2011

Используйте addRowEditorExitHandler для listgrid. Для этого не требуется кнопка сохранения. Как только вы внесете изменения и щелкнете в любом месте за пределами сетки, элемент управления автоматически перейдет в addRowEditorExitHandler. 

ListGrid listGrid = new ListGrid();
listGrid.setCanEdit(true);
listGrid.setAutoSaveEdits(false);
listGrid.setDataSource(getDS());
listGrid.addRowEditorExitHandler(new RowEditorExitHandler() {

      @Override
      public void onRowEditorExit(final RowEditorExitEvent event) {
        SC.say(event.getNewValues().get("name"));
        //event.getNewValues gives a map of unsaved edits in edited row
        //This values u can put to a new record and save it
      }
    });
...