`
xxyy338038
  • 浏览: 17274 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext gwt---grid单元格自定义CheckBox

阅读更多
部分代码演示:

Grid类
//新建ColumnConfig链表
List<ColumnConfig> columnConfigs = new ArrayList<ColumnConfig>();

//添加CheckBox部件
CheckColumnConfig checkColumnConfig = new CheckColumnConfig("checkBox", "", 25);
checkColumnConfig.setRenderer(new GridCheckBoxRender());
columnConfigs.add(checkColumnConfig);

//将CheckBox添加到grid中
grid.addPlugin(checkColumnConfig);

GridCheckBoxRender类
public class GridCheckBoxRender implements GridCellRenderer{

public Object render(ModelData model, String property, ColumnData config,int rowIndex, int colIndex, ListStore store, Grid grid) {

//执行状态值
String executeStatusValue = model.get("executeStatus");

//checkBox的值
boolean checkBoxValue = model.get("checkBox");

//返回值
String returnValue = "";

if(executeStatusValue.equals("未处理")){

//显示未勾选的checkBox
returnValue = "<div class='x-grid3-check-col x-grid3-check-col x-grid3-cc-checkBox'>&#160;</div>";
if(checkBoxValue){

//显示已经勾选的checkBox
returnValue = "<div class='x-grid3-check-col x-grid3-check-col-on x-grid3-cc-checkBox'>&#160;</div>";
}
}
return returnValue;
}

}

自定义后的CheckBox效果如下:






  • 大小: 42.5 KB
分享到:
评论

相关推荐

    gwt-ex t学习必备资料

    gwt ext gwt-ext gwt-ex t学习必备资料gwt ext gwt-ext gwt-ex t学习必备资料gwt ext gwt-ext gwt-ex t学习必备资料gwt ext gwt-ext gwt-ex t学习必备资料gwt ext gwt-ext gwt-ex t学习必备资料gwt ext gwt-ext gwt-...

    Gwt-Ext基础-中级-进阶

    1. **高级组件**:探索Gwt-Ext的高级组件,如数据网格(DataGrid)、树视图(TreePanel)、图表(Charts)等,并学习如何自定义这些组件。 2. **异步通信**:理解GWT的RPC(Remote Procedure Call)机制,以及如何...

    Gwt-ext学习笔记之基础篇

    ### Gwt-ext学习笔记之基础篇 #### 一、安装CypalStudio工具 为了能够开始Gwt-ext的学习之旅,首先需要确保开发环境已经搭建好。CypalStudio是一款非常实用的工具,它能帮助开发者更高效地进行GWT项目的开发。 1....

    gwt-ext-tree

    7. **扩展性和可插拔性(Extensibility and Plugins)**:GWT-Ext-Tree 提供了丰富的扩展接口和插件机制,开发者可以根据需求自定义节点行为、添加额外的功能,如搜索、排序、编辑等。 在实际开发中,`exttree` ...

    GWT-EXT2.0最佳实践教程,源代码打包供下载

    《GWT-EXT2.0最佳实践教程》源代码打包下载资源主要涵盖了Google Web Toolkit (GWT) 和EXT-JS 2.0的结合使用,提供了丰富的实践案例和示例代码,旨在帮助开发者深入理解和应用这两项技术。GWT是一款强大的JavaScript...

    gwt-ext培训教程

    GWT-Ext允许自定义主题和皮肤,可以轻松改变应用的外观风格,以满足不同设计需求。 7. **GWT-Ext的集成和应用** GWT-Ext可以与现有的GWT应用无缝集成,也可以与其他前端框架如jQuery协同工作。在实际项目中,GWT-...

    Gwt-Ext学习笔记之进级篇

    在深入探讨GWT-Ext之前,我们先了解一下GWT(Google Web Toolkit)和Ext Js的基础。GWT是一个开源的开发工具,允许开发者使用Java语言来编写客户端的Web应用程序,然后将其编译为优化过的JavaScript代码,以实现高...

    Gwt-ext学习笔记

    GWT(Google Web Toolkit)和Ext JS是两个在Web开发领域广泛应用的技术,它们结合形成的Gwt-ext库,为开发者提供了一种构建富客户端应用程序的强大工具。这篇学习笔记将深入探讨Gwt-ext的核心概念、功能以及如何在实际...

    gwt-servlet-2.3.0.jar

    GWT-Servlet是GWT框架的一部分,主要负责处理服务器端的交互。`gwt-servlet-2.3.0.jar`是GWT 2.3.0版本的Servlet库,这个库包含了运行GWT应用所需的服务器端组件。 在GWT的应用程序中,客户端部分通常由JavaScript...

    gwt-ext相关jar包及资源

    - **主题选择**:GWT-Ext支持多种视觉主题,你可以根据项目需求选择合适的主题,或者自定义自己的主题。 - **性能优化**:虽然GWT-Ext提供了很多便利,但过多的组件和复杂的布局可能会影响页面加载速度。合理地使用...

    gwt-ext 实例

    8. **自定义组件**:如果博客中包含高级内容,可能会讲解如何基于gwt-ext现有的组件创建自定义组件,以满足特定项目需求。 9. **性能优化**:如何通过合理使用gwt-ext组件和优化策略来提高GWT应用的性能,比如减少...

    GWT-Ext_体验之旅.doc

    GWT-Ext 的核心特点在于它扩展了 GWT,融合了 ExtJS 的丰富界面组件,包括有排序功能的表格(Grid)、分页、过滤、拖拽功能的树、自定义的组合下拉框(Combobox)、目录、对话框、表单(Form)等。 1. **GWT-Ext 的...

    非常好的gwt-ext培训教程

    【GWT-Ext 知识点详解】 GWT-Ext 是一个高级的网页开发控件库,它结合了 Google Web Toolkit (GWT) 和 ExtJs 的优势,为开发者提供了丰富的 UI 组件和强大的功能。GWT 是一个由 Google 开发的用于构建富互联网应用...

    GWT-Developer-Plugin

    GWT-Developer-Plugin

    (转载)GWT -EXT学习笔记-基础

    ### GWT-EXT基础知识详解 #### 一、GWT与GWT-EXT简介 Google Web Toolkit (GWT) 是一款由Google开发的开源框架,它允许开发者使用Java语言编写前端应用,并将其编译成浏览器可识别的JavaScript和HTML。GWT提供了...

    需要GWT-Ext 2.0.5来下

    GWT-Ext 2.0.5 has been released. Grab the distribution from the Downloads area. GWT-Ext 2.0.5 supports GWT 1.5 final (1.5.2), Firefox3 and Chrome.

Global site tag (gtag.js) - Google Analytics