0

目前我已经为 datagrid 实现了一个自定义标题，其中包括一个用于过滤的文本框和一个标题标题。当我单击文本框时，列排序并且我无法过滤。如果我删除排序部分，过滤工作正常。请提出任何想法，以便可以完成过滤和排序。下面是我的示例代码。（不包括所有内容，只是我显示了代码的相关部分）

public class TextBoxHeader<T> extends Header<String> {

public TextBoxHeader(String title, String width) {
        super(new TextInputCell());
        this.title = title;
        if (width != null) {
            this.width = width;
        }
    }

@Override
    public void render(Context context, SafeHtmlBuilder sb) {

        if (value == null) {
            value = "";
        }

        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.append("<input type=\"text\" tabindex=\"-1\" value=\"" + value + "\" id=\"" + TEXT_BOX_ID
                + "\" style=\" width:130px");
        //stringBuilder.append(width);
        stringBuilder.append(" \" /> </input> <BR>");
        stringBuilder.append(title);
        sb.append(SafeHtmlUtils.fromSafeConstant(stringBuilder.toString()));
    }

@Override
    public void onBrowserEvent(Context context, Element elem, NativeEvent event) {
}
}

this sort event handler is in another class.
protected class DataGridSortEvent implements ColumnSortEvent.Handler {

        @Override
        public void onColumnSort(ColumnSortEvent event) {
            System.out.println("inside DataGridSortEvent-->"+event.isSortAscending());
            //customGrid.getDataProvider().refresh();
            Collections.sort(customGrid.getDataProvider().getList(), nameComparator);
            //customGrid.getDataProvider().refresh();

             /*sortHandler.setComparator(name, new Comparator<Person>() {

                    @Override
                    public int compare(Person o1, Person o2) {
                        System.out.println("inside comparator");
                        return o1.getName().compareTo(o2.getName());
                    }
                });*/

        }

    }

Any ideas to handle both (Sort and filter)???
4

1 回答 1

0

您应该覆盖 onBrowserEvent，确定点击的来源（无论是您的文本输入还是您的标题（如果我没听错的话，它不是“排序”按钮）。我假设每个操作都有两个不同的可点击元素， 当然。

以下代码片段只是确定是否单击了单元格的内容，或者单击是否发生在容器（单元格本身）上。如果单击发生在输入上，请进行过滤。如果它发生在单元格上，请进行排序。

@Override
public void onBrowserEvent(Context context, Element parent, T value, NativeEvent event, ValueUpdater<T> valueUpdater) {
    // Handle the click event.
    super.onBrowserEvent(context, parent, value, event, valueUpdater);
    if (CLICK.equals(event.getType())) {
        // Ignore clicks that occur outside of the outermost element.
        EventTarget eventTarget = event.getEventTarget();
        Element eventElement = Element.as(eventTarget);
        NodeList<Element> listOfChildrens = parent.getElementsByTagName("*");
        for (int i = 0; i < listOfChildrens.getLength(); i++) {
            Element currentElement = listOfChildrens.getItem(i);
            if (currentElement.isOrHasChild(eventElement)) {
                // text is always inside a Text node =
                // element.childNodes[0].nodeValue.
                execute(value, eventElement.getFirstChild().getNodeValue());
            }
        }
    }
}

onBrowserEvent 的更多示例可以在abstractCell页面和其他页面上找到。

于 2013-08-13T07:04:04.990 回答