使用Java IDE MyEclipse开发企业 表教程(三):改进 表外观

上篇文章《使用Java IDE MyEclipse开发企业 表教程(二): 布置 告、对数据进行排序》介绍了如何使用MyEclipse创建范围广泛的Web 告,在本次教程中,您将学习第三部分内容:改进 表外观。

上篇文章

格式化 告
  • 重复上面一个步骤,将第二和第三列标题分别更改为Phone和Contact。

告设计应如下所示:

MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

2.格式化列头标签

要设置 表元素的格式,请设置其属性,您可以通过两种方式完成此任务:

  • 定义包含所需属性的样式并将该样式应用于元素。使用此方法定义格式属性一次并将它们应用于多个元素。
  • 单击 B 按钮将选定的列标题格式化为粗体文本。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

  • 通过单击表格外的空白区域取消选择列标题。
  • 接下来,通过定义和应用样式为标题行添加背景颜色。

  • 选择元素>样式>新样式。
  • 选择自定义样式选项,然后在自定义样式名称字段中键入table_header_row。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

  • 从属性类别列表中选择背景。
  • 使用以下方法之一为 Background Color 属性指定颜色:
  • 选择该属性旁边的按钮,然后从出现的调色板中选择一种颜色,从下拉列表中选择一种颜色。

  • 单击确定。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

  • 选择属性,然后选择常规以显示该行的常规属性。
  • 通过从样式下拉列表中选择 table_header_row 应用您创建的样式。如有必要,您还可以更改标题文本颜色以及向左对齐的文本。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

    • 将 PHONE 列拖放到详细信息行的第二个单元格中。
    • 将 CONTACTFIRSTNAME 列拖放到详细信息行的第三个单元格中。
    • 将 CONTACTLASTNAME 列拖放到详细信息行的第三个单元格中,在 CONTACTFIRSTNAME 下方, 告布局应如下所示:
    • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

    • 预览 告, 表标题背景显示您选择的颜色。
    3.在同一行显示名字和姓氏

    当您在单个单元格中放置多个元素时,MyEclipse 表设计器会创建块级元素。如果您熟悉 HTML,就会知道每个块元素都从新行开始,要在同一行显示多个元素,您需要将它们设置为内联元素。或者,您可以连接名字和姓氏值以显示在单个数据元素中,如以下过程中所述:

  • 删除显示 [CONTACTLASTNAME] 的数据元素。
  • 双击显示 [CONTACTFIRSTNAME] 的数据元素。
  • 单击表达式字段旁边的表达式生成器按钮。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

    表达式生成器在窗口顶部的文本区域中显示表达式。

    dataSetRow[“CONTACTFIRSTNAME”]+” “+ dataSetRow[“CONTACTLASTNAME”]

    MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

    空引 (” “) 在名字和姓氏之间添加一个空格。您可以在文本区域中键入表达式,或双击窗口右下角的项目将其插入到表达式中。上图显示了一个列名,您可以双击它来插入到表达式中。

  • 预览 告应如下所示:
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

    3.增加行间距

    默认布局在表格行之间添加最小空间。通常,您可能想要调整行间距。:

  • 单击布局选项卡。
  • 在常规属性中,将高度设置为 24 磅以增加每行的高度。
  • MyEclipse,MyEclipse下载,MyEclipse下载教程,MyEclipse使用教程,MyEclipse教程

  • 预览 告。 告在数据行之间包含更多空间。
  • 以上内容就是用MyEclipse开发企业 表教程中关于改进 表外观的相关内容,了解更多关于MyEclipse信息,欢迎前往MyEclipse中文官方 站进行咨询。

    MyEclipse| 下载试用

    MyEclipse是功能最全面、性价比最高的企业级Java IDE之一,MyEclipse支持最新的Java EE,Spring,Maven等流行应用程序服务器和数据库,新旧技术无缝过渡,让您轻松地从现有Java EE后续迁移到新兴的现代Web技术。

    标签:

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2022年1月2日
    下一篇 2022年1月2日

    相关推荐

    发表回复

    登录后才能评论