Salesforce LWC学习(四十六) 自定义Datatable实现cell onclick功能

本篇参考：https://developer.salesforce.com/docs/component-library/bundle/lightning-datatable

背景：我们有时会有这种类似的需求，显示Account列表，Account列除了需要显示Account信息，还需要显示其他的内容，比如当前Account有多少Opportunity，有多少Contact数量。点击数量信息，可以显示详细的信息。 这种需求就需要datatable的某个单元格允许点击，点击以后进行某些逻辑，比如popup。因为标准的datatable无法实现功能，仅支持 onrowaction，所以我们继承LightningDatatable来自定义。

步骤如下：

1. 继承 LightningDatatable，创建template；

2. template中通过a标签，添加 onclick事件；

3. 针对onclick的handler，通过事件/广播方式传递给上层组件，从而上层事件来处理。(dispatchEvent测试以后发现不可用，所以demo中以message channel作为最终的呈现)

具体实施

filterChange.messageChannel-meta.xml： 设置message channel以及创建需要的变量，不同的需求有不同的变量，可以基于自己的需求来看。

<?xml version="1.0" encoding="UTF-8"?>
<LightningMessageChannel xmlns="http://soap.sforce.com/2006/04/metadata">
    <isExposed>true</isExposed>
    <lightningMessageFields>
        <description>Record Id</description>
        <fieldName>dataId</fieldName>
    </lightningMessageFields>
    <lightningMessageFields>
        <description>Record Type</description>
        <fieldName>dataType</fieldName>
    </lightningMessageFields>
    <masterLabel>Filters Change Message Channel</masterLabel>
</LightningMessageChannel>