Specifying Rows and Columns

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 348 页 🎬 视频课程

课程章节介绍

让我们来聊聊这个Salesforce的Lightning组件——`lightning:datatable`。这个组件非常强大,可以帮助我们在页面上展示表格数据,并且还能进行一些交互操作。 首先,我们来看一下这段代码的基本结构: ```html ``` ### 1. ,将每一行与唯一的id关联, - `keyField="id"`:这个属性是用来指定每一行的唯一标识符。在这里,我们用的是`id`字段。也就是说,每一行数据都会有一个唯一的`id`,这样组件就能准确地识别每一行。 ### 2. ,填充行数据, - `data="{!v.mydata}"`:这个属性是用来绑定表格的行数据。`v.mydata`是一个数组,数组中的每个对象代表一行数据。比如,如果你有一个客户列表,`v.mydata`可能就是包含每个客户信息的数组。 ### 3. ,填充列数据, - `columns="{!v.mycolumns}"`:这个属性是用来绑定表格的列数据。`v.mycolumns`是一个数组,数组中的每个对象代表一列。每个列对象通常会包含列的标签(label)、字段名(fieldName)等信息。比如,你可能有一列显示客户名称,另一列显示客户邮箱。 ### 4. ,选择行时执行功能, - `onrowselection="{!c.getSelectedName}"`:这个属性是用来绑定一个事件处理函数。当用户选择某一行时,这个函数就会被触发。`c.getSelectedName`是你在控制器中定义的一个方法,用来处理用户选择的行数据。比如,你可以在这个方法中获取用户选择的客户信息,并进行一些操作。 ### 5. ,复选框列, - 默认情况下,`lightning:datatable`会显示一个复选框列,用户可以通过这个复选框来选择多行。如果你不想显示这个复选框列,可以通过设置`hideCheckboxColumn`属性来隐藏它。 ### 总结 - `keyField`:确保每一行都有一个唯一的标识符。 - `data`:绑定行数据,展示在表格中。 - `columns`:绑定列数据,定义表格的列。 - `onrowselection`:当用户选择某一行时,触发相应的事件处理函数。 通过这个组件,你可以轻松地在Salesforce页面上展示和操作表格数据。希望这个解释对你有帮助!如果有任何问题,随时问我哦!