• 1. smartgwt培训1、开始smartgwt 2、smartgwt组件数据绑定 3、数据绑定 4、排版 5、数据集成 6、server FrameWork 7、扩展smartgwt
  • 2. smartgwt培训1、 开始smartgwt集成smartgwt(ee)到gwt项目加入相关jar包修改modulename.gwt.xml修改modulename.html 加在loads *.nocache.js之前修改modulename.html
  • 3. smartgwt培训新建(修改)日志文件日志文件为war/WEB-INF/classes/log4j.config.xml 新建(修改)server.properties配置文件路径war/WEB-INF/classes/server.properties 修改web.xml 配置文件加入相关servlet 核心功能 Init servlet:必须存在。读取配置信息 IDACall servlet:核心servlet,必须存在。执行DMI(直接方法调用)、内置rpc操作、内置DataSource操作。 FileDownload servlet:推荐在发布产品时使用。处理缓存html头信息等。 PreCache servlet:预加载ds.xml等资源文件,加快运行速度。 jsp-config section:在页面使用jsp标签,*.isc和*.rpc映射
  • 4. 复制jsp的tag配置 路径:war/WEB-INF/iscTaglib.xml 如果使用BatchUpload功能 ,则复制配置信息路径:war/ds/batchUpload.ds.xml 可选功能 RESTHandler servlet:处理REST协议 AxisServlet :处理web service HttpProxy:RPCManager用于发送AJAX RPC到其它服务器 PreCache servlet:预加载ds.xml等资源文件,加快运行速度。 MessagingServlet  :用于提供实时信息 CompressionFilter:用于html和js的压缩传输 NoCacheFilter:开发时使用,不缓存文件 DataSourceLoader :可用于加载datasourcesmartgwt培训
  • 5. smartgwt培训2、 smartgwt组件
  • 6. smartgwt培训
  • 7. smartgwt培训Form项
  • 8. smartgwt培训
  • 9. 组件显示和隐藏draw():渲染组件 hide():组件隐藏 show():重新显示组件大小调整width():宽度 height():高度 overflow():设置组件overflow机制常用事件click():组件点击 recordClick():grid中item点击 changed:form组件内容更改 tabSelected:tab组件选择事件smartgwt培训
  • 10. smartgwt培训3、 数据绑定数据绑定组件数据绑定组件提供了自动和人工的数据绑定动作,举例: 自动:listgrid拉动数据列表查看更多信息,会自动触发fetch操作 人工:listgrid调用removeSelectedData()会执行remove操作
  • 11. smartgwt培训Fields(字段)component fields(组件字段):提供可视数据组件的持久属性(比如table列的宽度和字符对齐属性)datasource fields(数据源字段):提供数据元的描述(比如数据类型,数据长度,是否必填等)
  • 12. smartgwt培训datasources(数据源)数据源用途: 在多个应用、多个组件、客户端与服务端之间分享数据模型 通过可视组件(比如treegrid)显示和操作持久数据和数据模型关系 执行标准化数据操作(fetch, sort, add, update, remove)和对数据键入、验证、分页、唯一键的内置支持 提供自动操作(比如数据加载、缓存、过滤、排序、分页、验证等) 数据源描述: 数据源描述能够用xml格式指定或java代码创建。xml格式可以被客户端和服务端使用(需 smartgwt server支持),java代码创建的数据源只能在客户端使用 创建xml格式数据源的规则: 须提供id属性,数据源id属性必须唯一 数据源中的字段名称必须唯一 每个字段必须指定类型 其中一个字段须设置primaryKey=“true”,作为数据源主键
  • 13. xml格式数据源举例smartgwt培训
  • 14. smartgwt培训加载数据源步骤: 把contacts.ds.xml文件放到war/ds(数据源默认放置目录)目录下 使用DataSourceLoader这个servlet加载数据源,需要在html入口文件加 java调用代码 DataSource contactsDS = DataSource.get("contacts"); ListGrid grid = new ListGrid(); grid.setDataSource(contactsDS); DynamicForm form = new DynamicForm(); form.setLeft(300); // avoid overlap form.setDataSource(contactsDS); 上面代码中form和grid组件会根据数据源字段自动产生组件字段,默认产生规则如下图。你也可以更改ds.xml文件字段的editorType属性。
  • 15. smartgwt培训数据源字段属性
  • 16. 定制数据绑定smartgwt培训数据源绑定字段和组件定义字段可以组合使用。smartgwt通过name属性匹配数据源字段和组件字段。 要了解定制数据绑定,查看例子smartGWT showCase->forms->validation->Customized binding 通过setUseAllDataSourceFields(true)显示数据源信息。数据源操作标准操作方法
  • 17. smartgwt培训方法参数说明:例子:
  • 18. 数据绑定组件操作DynamicForm:ListGrid:smartgwt培训
  • 19. smartgwt培训数据绑定总结smartgwt组件建立数据绑定的步骤: 创建数据源描述(*.ds.xml),指定数据源字段的数据模型属性,数据源描述需要跟实际存储对象对应,可以用smartgwt提供的工具创建 在html如果文件加