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

使用Table组件,收集的数据值对象中,增加一列

阅读更多
java类:
           public class Person {
               private String firstname;
               private String lastname;
               private String sex;
               private int age;
               /**
                *属性的getter和setter方法
               */
           }

page中定义:
<component id="boys" type="contrib:TableView">
                 <binding name="source" value="persons"/>
                 <binding name="columns"  value="literal:id,name,sex,age"/><!--name为组合要显示在页面当中的自定义的值-->
                <binding name="pageSize" value="5"/><!--控制所显示的行数-->
                <binding name="element" value="literal:span"/>
</component>
<component id="nameColumnValue" type="Block"/><!--此处一定要是columns中的列名加“column”,否则会说Person中找不到name属性-->
            <component id="name" type="Insert">
               <binding name="value" value="name"/><!--name是在page类中获取的-->
            </component>



获取name值

           @InjectComponent(“rows”)<!--rows是在html中定义的行集组件-->
       public abstract TableRows getTableRows();
            public String getName() {
     Person person = (Person)getTableRows().getTableRow();
                return person.firstname+person.lastname;
           }



接着就可以再页面上显示自己想要显示的列name了

 

分享到:
评论

相关推荐

    Layui组件Table绑定行点击事件和获取行数据的方法

    Layui的Table组件的使用是前端开发中非常基础且重要的技能,接下来详细解析如何在Layui的Table组件中实现行点击事件的绑定以及如何获取对应行的数据。 首先,要实现行点击事件的绑定,需要等待Table组件初始化完成...

    proTable组件ppt

    ProTable 组件支持联动清空,用户可以使用 unionProp 属性来清空搜索字段的值。 请求方法 ProTable 组件支持请求方法,用户可以使用 requestMethods 属性来定义请求方法,适用于搜索字段与表格展示字段不一致的...

    LayUi组件TableSelect

    在LayUI中,TableSelect是一个强大的组件,它结合了表格与下拉选择框的功能,提供了更丰富的交互体验。这个组件在JavaScript开发中特别适用于处理数据表中的选择操作,尤其是在需要对多选数据进行管理的场景下。 ...

    ireport中table使用javaBean数据源

    在报表设计阶段,你可以直接在Table组件中使用添加的字段,它们会自动绑定到JavaBean的相应属性。表格列的宽度、样式、字体等可自定义调整,以满足视觉效果。 7. **运行和测试** 编译并运行报表,iReport会根据...

    ireport使用 参数Parameter的用法和dataset的用法 table的用法

    Table组件是iReport中用于展示数据的关键元素,它可以灵活地展示多行多列的数据。在我们的示例中,我们首先在组件面板中选择了Table,并将其放置在Detail_1上。通过设置Fields,我们可以选择要展示的列,同时可以...

    LayUiTable表单相同参数的单元格合并

    本话题聚焦于LayUI中的Table组件,特别是如何实现相同参数的单元格合并功能,这在展示数据时能有效提高信息的可读性和美观性。 LayUI Table的单元格合并功能,主要是通过`parseData`方法和自定义模板来实现的。当...

    ADF table中使用selectbooleancheckbox组件

    在Oracle Application Development Framework (ADF) 中,`SelectBooleanCheckbox` 是一个非常有用的组件,它用于在表(Table)中展示可选的布尔值。在Web应用程序中,这种组件通常用于让用户选择一组选项中的某一项...

    微信小程序如何自定义table组件

    引入后,接下来就是在wxml文件中使用这个组件,使用的方式是在需要展示数据的地方,通过组件标签的方式引入,并将配置项传入组件: ```xml ;'&gt; &lt;etable config="{{config}}"&gt;&lt;/etable&gt; ``` 配置阶段是将组件需要...

    【JavaScript源代码】vue 中使用 vxe-table 制作可编辑表格的使用过程.docx

    首先,`vxe-table`是一个功能强大的表格组件,相比Element UI的`el-table`,它提供了更多高级特性,如动态渲染、高性能以及丰富的编辑功能。在尝试优化`el-table`无果后,转向`vxe-table`是明智的选择。 ### 1. ...

    LayUI table新增空白行

    LayUI的table组件是一个强大的数据展示工具,它支持各种操作,如分页、排序、筛选等,并能与后台API进行交互,动态加载数据。默认情况下,table组件会根据提供的数据源直接渲染表格,不包括插入空白行的选项。 要...

    el-table实现选择列显示.zip

    - 可以使用Vue的数据属性来存储每个列的显示状态,例如,可以创建一个对象数组,每个对象代表一列,包含列名和是否显示的布尔值。 - 当用户操作选择列时,更新对应列的状态,同步到Vue实例的data中。 4. **动态...

    QT表格固定第一列,拖动时第一列不会遮挡

    标题"QT表格固定第一列,拖动时第一列不会遮挡"指向了一个特定的需求:在表格中固定第一列,以便用户在滚动或拖动表格时,关键的列头信息始终可见。这个功能对于处理大量数据或多个列的表格尤其有用,因为它可以提高...

    vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信

    如示例中所示,使用v-if和v-else-if指令来判断"sharesReturn"这一列的值,并据此改变文本的颜色。 父子组件通信是Vue中组件间数据传递的基础机制。父组件通过props向子组件传递数据,子组件通过自定义事件(emit)...

    layui的表格table选中数据后可打印本行数据

    在Web开发中,layui是一个非常流行的前端框架,它提供了丰富的组件和美观的界面设计,而表格(table)是其中常用的一个元素。本示例主要关注如何在layui的表格中实现选中某一行数据后,仅将该行数据打印的功能。这个...

    改变el-table宽度

    `tableColumn`是一个对象,其键是表格的ID,值是一个数组,数组中的每个元素对应于表格列的宽度。 在HTML模板部分,我们看到每个`el-table-column`都绑定了`prop`(用于显示的数据字段)、`label`(列标题)以及`:...

    Element-ui table中过滤条件变更表格内容的方法

    Element-ui Table 组件中,我们可以使用 filters 对象来定义过滤函数。例如,在上面的代码中,我们定义了一个名为 formatStatus 的过滤函数,该函数将状态值转换为相应的文字描述。同时,我们还定义了一个名为 ...

    【JavaScript源代码】动态实现element ui的el-table某列数据不同样式的示例.docx

    在这个示例中,我们关注的是如何动态地为Element UI的`el-table`组件中的某列数据设置不同的样式。 在描述中提到的需求是,创建一个基于三国人物的表格,每行的“国别”列根据所属国家显示不同的颜色,如魏国显示...

    【JavaScript源代码】vue使用el-table动态合并列及行.docx

    在Vue.js中,Element UI库提供了el-table组件,它是一个强大的表格组件,支持多种功能,包括动态合并行和列。本文将深入讲解如何在vue项目中利用el-table实现这一功能。 1. **动态合并行与列的基础** 首先,el-...

    Table_表格_Table_matlab_uitable_GUI_

    在MATLAB环境中,数据可视化是科学研究和工程计算中不可或缺的一部分,而`uitable`函数就是用于在图形用户界面(GUI)中创建交互式表格的强大工具。本文将深入探讨`uitable`的功能、属性设置以及如何在MATLAB GUI中...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    Bootstrap Table 是一个基于Bootstrap框架的开源前端组件,用于创建功能丰富的、响应式的表格。它提供了很多高级特性,如排序、过滤、分页、列切换等。在本话题中,我们聚焦于Bootstrap Table的一个扩展功能——可...

Global site tag (gtag.js) - Google Analytics