- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
如何在 GXT 3.x(来自 Sencha)中实现卡住列? Ext-JS,Sencha 的另一个产品似乎实现了这一点,但我看不到基于 Java 的 GXT 在哪里实现了同样的事情:
http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/locking-grid.html
最佳答案
基本思想是您需要两个不同的滚动容器,一个具有固定列,一个具有滚动列。这些中的每一个都需要位于不同的视口(viewport)中,因此标准的 Grid/GridView 不能很好地解决这个问题——它们对滚动的行为方式做出了假设,因此简单地对其中一个或两者进行子类化可能会相当复杂。
相反,您可以构建两个网格,一个用于锁定列,一个用于滚动列。每个人都可以处理自己的 ColumnConfig
类,绘制标题和行,并将链接到相同的 ListStore
以确保他们的数据同步 - 存储中的更改将被传递到两个监听网格。
为了获得完整的效果,需要一些额外的布线:
BodyScrollEvent
,并将另一个滚动到相同的位置(只改变 top
,而不是 left
,因为你不想要一个控制另一个)。 这涵盖了基本用例,但不涉及备用 GridView
实现之类的事情 - GroupingView
和子类将需要链接扩展(并隐藏组标题,这样它们就不会出现两次,再加上当下半部分横向滚动时,组行不应该被拆分的事实),TreeGridView
和 TreeGrid
将需要链接扩展节点并隐藏第二个网格中的树 +/- 图标。
这是应用于 http://www.sencha.com/examples/#ExamplePlace:basicgrid 的基本网格示例的一组基本修改。 .为了帮助避免混淆问题,我删除了该网格中的许多其他功能,例如工具提示和更改选择模型:
public class GridExample implements IsWidget, EntryPoint {
private static final StockProperties props = GWT.create(StockProperties.class);
private ContentPanel root;
@Override
public Widget asWidget() {
if (root == null) {
final NumberFormat number = NumberFormat.getFormat("0.00");
ColumnConfig<Stock, String> nameCol = new ColumnConfig<Stock, String>(props.name(), 50, SafeHtmlUtils.fromTrustedString("<b>Company</b>"));
ColumnConfig<Stock, String> symbolCol = new ColumnConfig<Stock, String>(props.symbol(), 100, "Symbol");
ColumnConfig<Stock, Double> lastCol = new ColumnConfig<Stock, Double>(props.last(), 75, "Last");
ColumnConfig<Stock, Double> changeCol = new ColumnConfig<Stock, Double>(props.change(), 100, "Change");
changeCol.setCell(new AbstractCell<Double>() {
@Override
public void render(Context context, Double value, SafeHtmlBuilder sb) {
String style = "style='color: " + (value < 0 ? "red" : "green") + "'";
String v = number.format(value);
sb.appendHtmlConstant("<span " + style + " qtitle='Change' qtip='" + v + "'>" + v + "</span>");
}
});
ColumnConfig<Stock, Date> lastTransCol = new ColumnConfig<Stock, Date>(props.lastTrans(), 100, "Last Updated");
lastTransCol.setCell(new DateCell(DateTimeFormat.getFormat("MM/dd/yyyy")));
List<ColumnConfig<Stock, ?>> l = new ArrayList<ColumnConfig<Stock, ?>>();
//Remove name from main set of columns
// l.add(nameCol);
l.add(symbolCol);
l.add(lastCol);
l.add(changeCol);
l.add(lastTransCol);
//create two column models, one for the locked section
ColumnModel<Stock> lockedCm = new ColumnModel<Stock>(Collections.<ColumnConfig<Stock, ?>>singletonList(nameCol));
ColumnModel<Stock> cm = new ColumnModel<Stock>(l);
ListStore<Stock> store = new ListStore<Stock>(props.key());
store.addAll(TestData.getStocks());
root = new ContentPanel();
root.setHeadingText("Locked Grid Sample");
root.setPixelSize(600, 300);
final Resizable resizable = new Resizable(root, Dir.E, Dir.SE, Dir.S);
root.addExpandHandler(new ExpandHandler() {
@Override
public void onExpand(ExpandEvent event) {
resizable.setEnabled(true);
}
});
root.addCollapseHandler(new CollapseHandler() {
@Override
public void onCollapse(CollapseEvent event) {
resizable.setEnabled(false);
}
});
//locked grid
final Grid<Stock> lockedGrid = new Grid<Stock>(store, lockedCm) {
@Override
protected Size adjustSize(Size size) {
//this is a tricky part - convince the grid to draw just slightly too wide
//and so push the scrollbar out of sight
return new Size(size.getWidth() + XDOM.getScrollBarWidth() - 1, size.getHeight());
}
};
lockedGrid.setView(new GridView<Stock>(){{
this.scrollOffset=0;
}});
//require columns to always fit, preventing scrollbar
lockedGrid.getView().setForceFit(true);
//main grid, with horiz scrollbar
final Grid<Stock> grid = new Grid<Stock>(store, cm);
//don't want this feature, want to encourage horizontal scrollbars
// grid.getView().setAutoExpandColumn(nameCol);
grid.getView().setStripeRows(true);
grid.getView().setColumnLines(true);
grid.setBorders(false);
grid.setColumnReordering(true);
grid.setStateful(true);
grid.setStateId("gridExample");
//link scrolling
lockedGrid.addBodyScrollHandler(new BodyScrollHandler() {
@Override
public void onBodyScroll(BodyScrollEvent event) {
grid.getView().getScroller().scrollTo(ScrollDirection.TOP, event.getScrollTop());
}
});
grid.addBodyScrollHandler(new BodyScrollHandler() {
@Override
public void onBodyScroll(BodyScrollEvent event) {
lockedGrid.getView().getScroller().scrollTo(ScrollDirection.TOP, event.getScrollTop());
}
});
HorizontalLayoutContainer gridWrapper = new HorizontalLayoutContainer();
root.setWidget(gridWrapper);
//add locked column, only 300px wide (in this example, use layouts to change how this works
HorizontalLayoutData lockedColumnLayoutData = new HorizontalLayoutData(300, 1.0);
//this is optional - without this, you get a little offset issue at the very bottom of the non-locked grid
lockedColumnLayoutData.setMargins(new Margins(0, 0, XDOM.getScrollBarWidth(), 0));
gridWrapper.add(lockedGrid, lockedColumnLayoutData);
//add non-locked section, taking up all remaining width
gridWrapper.add(grid, new HorizontalLayoutData(1.0, 1.0));
}
return root;
}
@Override
public void onModuleLoad() {
RootPanel.get().add(asWidget());
}
}
有一些问题(锁定列和未锁定列之间没有线,锁定列标题菜单上下文图标有点不合适),但它涵盖了大部分细节而没有太多麻烦,并且几乎所有细节都可以打开配置-最后想要锁吗?只需四处移动修改 - 想要多个锁定列吗?只需向 lockedCm 添加更多即可。
关于java - 如何在 GXT 3.x 中实现卡住列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14849097/
我似乎找不到关于 GXT 中什么事件触发以及何时触发的任何文档。 API 文档列出了所有可能触发的事件(在 Events 中)。它描述了如何处理您捕获的事件。但我对相反的一面感兴趣,当我采取某种行动时
我正在尝试使用 GXT (ExtJS + GWT) 运行示例应用程序,如教程中所述 http://www.sencha.com/learn/setting-up-your-first-ext-gwt-
我有以下代码,可以在 GXT 开发模式下完美运行。但它不能在 GXT 服务器模式下工作。你能帮我解决这个问题吗? String stringValue = "Servicing"; if (strin
我现在正在将一个应用程序从 GXT 2 迁移到 GXT 3。 两者之间的主要区别之一是 GXT 3.x 允许在小部件中使用 POJO,而 GXT 2.x 小部件需要实现 ModelData 的对象。
我使用 GXT 2.2.3 创建了 EditorGrid。所需的一切都结束了。但在某一时刻我陷入困境,即我需要根据一个单元格中的值禁用和启用某些单元格。我对此提出了问题 How to make cel
我们正在尝试在 GWT 中制作一个资源管理应用程序。但我们需要某种调度程序。 GXT调度器是一个很好的资源管理工具,但它是一个付费工具。所以我想知道我们是否可以使用 GWT 和 GXT 制作我们自己的
我有以下一段代码,用于最初构建在 gxt 3.0.0 框架上的项目。 msgBoxInterim.addHideHandler(new HideHandler() {
我正在尝试使用 Gxt 3.1.1 在我的项目中实现类似以下代码的内容: CheckBox checkBx = new CheckBox(); checkBx.setReadOnly(False);
我有一个 GXT 网格,并希望其中的列适合屏幕。这是我的网格现在的样子: 看起来是这样,因为我已经为适合我的屏幕的列宽设置了具体值。我希望列自动适应网格的宽度 最佳答案 Javadoc 对此非常清楚:
我对 GWT 和 GXT 很陌生,我尝试制作一个非常简单的应用程序,但它似乎不起作用。这是我的 onModuleLoad() 方法。看起来它并没有获得带有可折叠元素的漂亮布局,而是全部折叠到左侧部分。
如何在GXT (Java)中渲染网格中的特定网格单元? 我想验证网格单元格中的表达式(作为字符串),如果网格单元格中的表达式具有无效语法,则相应网格单元格的背景应更改为红色,否则背景应保持白色。 以下
我在生产模式下遇到问题。在开发我的应用程序时,我正在使用开发模式,并且在测试时一切正常。当我编译应用程序以部署在服务器上时,某些功能不起作用。例如,我对某些组合框有问题,或者并非所有文本字段都将其状态
我正在使用 GWT (Google Web Toolkit) 1.5.3 和 GXT (ExtJS) 1.2我只想创建一个简单的表单,其中包含一些在 RPC 调用后生成的单选按钮,以获取一些值 代码:
我正在使用 GXT 2.1.1 开发分页网格,我正在使用 hibernate 从数据库表中检索值。我的代码是 public class ExampleSampleTrip extends Compo
我有一个 loading.gif 图像,需要将其与组合框对齐 在我看来,我有一个用于存储数据的列表存储。
我有一个使用 GXT 并包含 ±30 个表单的应用程序。我想制作这些表单,以便当用户在文本字段中输入回车键时,表单就会被提交,就像常规浏览器表单一样。 我知道我可以向每个文本字段添加一个按键监听器,这
如何设置分割栏的样式?我想为边框布局的分割栏应用不同的颜色。我正在使用gxt-3.x 最佳答案 我认为你可以看看这个 CSS 规则: .x-layout-split { ... } .ext-stri
我有这样的问题 - 例如,当我单击网格单元时 - 出现 gxt 窗口(gxt 弹出窗口、gxt 对话框等。不是 native 浏览器/操作系统对话框)。窗口使用后,当它隐藏时 - 网格失去焦点。我该如
我正在遵循 GXT 网站上的示例:http://www.sencha.com/examples/#ExamplePlace:paginggrid 他们的代码创建一个 RPCProxy,重写 load(
。 . 我根据单元格的值为一列着色,但我想在 gxt 网格中为整行着色(表示单元格包含的行)帮助我 这是我为单元格着色的代码(我想为行而不是单元格着色) /*------------Coloring
我是一名优秀的程序员,十分优秀!