2012-07-06 3 views
3

GWT 화면 중 하나에 셀 테이블이 있습니다. 이제는 하나의 편집 가능한 행을 셀 테이블에 삽입 할 때 화면에 몇 개의 버튼이있을 것입니다. 잘못된 것이 아니라면 인라인 편집이라고 부릅니다.GWT 셀 테이블의 인라인 편집

누가 도와 주시겠습니까? 나는 GWT에서 일하기 시작했다.

답변

1

새 편집 가능한 행을 셀 테이블에 추가하는 아주 간단한 예입니다. 나는 당신이 의미하는 바를 이해하길 바란다 :

public class Test 
implements EntryPoint 
{ 
    public void onModuleLoad() 
    { 
     //create and attach table 
     final CellTable<A> table = new CellTable<A>(); 
     RootPanel.get().add(table); 

     //add editable cell 
     table.addColumn(new Column<A, String>(new TextInputCell()) 
     { 

      @Override 
      public String getValue(
       A object) 
      { 
       return object.getA() == null ? "" : object.getA(); 
      } 
     }); 

     //put some data 
     ListDataProvider<A> dataProvider = new ListDataProvider<A>(
      Arrays.asList(new A("AAA"), new A("BBB"), new A("CCC"))); 
     dataProvider.addDataDisplay(table); 

     //add button with click handler 
     RootPanel.get().add(new Button("add new", new ClickHandler() 
     { 

      @Override 
      public void onClick(
       ClickEvent event) 
      { 
       //add new object to visible items 
       List<A> data = new ArrayList<A>(table.getVisibleItems()); 
       A newOne = new A(); 
       data.add(newOne); 
       table.setRowData(data); 
      } 
     })); 
    } 

    class A 
    { 
     String a; 

     public A(
      String a) 
     { 
      super(); 

      this.a = a; 
     } 

     public A() 
     { 
      super(); 
     } 

     public String getA() 
     { 
      return a; 
     } 

     public void setA(
      String a) 
     { 
      this.a = a; 
     } 
    } 
+0

추가 버튼을 클릭하면 추가 될 행만 편집 가능하게하고 싶다. 이미 테이블에 행이있는 경우에는 편집해서는 안됩니다. – Anand