实现Panel界面.docVIP

实 验 报 告 课程名称 人机交互 实验名称 实现Panel界面 实验时间 年 月 (系) 专 业 实验名称 Panel界面实现 指导教师 欧晓鸥 实验类型 上机 实验学时 2 实验时间 2015-11-19 一.实验目的 1) 实现Panel界面 2）实现学生信息查询系统的界面 二、实验环境(实验设备) 1. 每位学生配备计算机一台 三、实验过程及结果 1.XML配置 创建一个类，首先要配置一个XML用于描述这个界面，其中name用于唯一的标识一个界面，界面支持嵌套关系，对界面配置一个form用于数据传输，handler用于交互和业务处理。面板由三个部分组成，顶部是一个查询面板，左面是list，右面是一个一般的包含一个table等多个组件的面板，如下图所示： panel name = cultivate_stuSelect_panel type = formPanel className = ponent.panel.UFPanel locateMode = vhdiv width = 100 height = 40 dataFormClassName = .sdu.cultivate.course.form.StuSelectForm handlerClassName = .sdu.cultivate.course.handler.StuSelectHandler components components name = querypanel type = formPanel templateName = service_query_studentQueryPanel x = 50 y = 50 w = 200 h = 40 event type = action /components component name = studentList type = list boder = f1 x = 350 y = 50 w = 200 h = 40 dataFormMember = stuId filter = uims_common_filter event type = listSelection /components component name = contentpanel type = formPanel templateName = student_select_panel x = 100 y = 50 w = 200 h = 40 border = f1 /components /components /panel 第一部分公共查询Panel：service_query_studentQueryPanel panel name = service_query_studentQueryPanel type = formPanel className = ponent.panel.UFPanel locateMode = locate dataFormClassName=.sdu.service.query.form.StudentQueryForm handlerClassName = .sdu.wervice.query.handler.StudentQueryHandler components components name = collegeabel type = label text = 学院 font = formFont border = fnull x = 0 y = 5 w = 35 h = 25 /component