Polymer 在自定义标签中使用纸质数据表卡

//index.html

在聚合物成分中，您可以在

就绪

方法中设置

数据

：

ready: function() {
        this.data =  {
            queryForIds: function(sort, page, pageSize){
                // implement me
            },
            getByIds: function(ids){
               // implement me
            },
            set: function(item, property, value){
               // implement me
            },
            length:0
        };
}

---

在聚合物组件中，您可以在

ready

方法中设置

data

：

ready: function() {
        this.data =  {
            queryForIds: function(sort, page, pageSize){
                // implement me
            },
            getByIds: function(ids){
               // implement me
            },
            set: function(item, property, value){
               // implement me
            },
            length:0
        };
}

---

你的评论问题：

因此，我无法将第117行到第133行的代码放在自定义元素中，因为它不支持dom绑定

答案（在Polymer 2.0中）您可以在组件构造函数中完成所有方法和所有数据变量：

class YourComponent extends Polymer.Element {
    contructor() {
       super();
       //in case if you use paper-datatable-card
       this.data = {
         get: function (sort, page, pageSize) {
                    return new Promise((resolve, reject) => {
                        const exampleData = [
                            { 'name': 'someName1' },
                            { 'name': 'someName2' }
                        ];
                        resolve(exampleData);
                    });
                },
          set: function(item, property, value){...},
          length: 1
       };
       //in case if you use paper-datatable only then without get or set properties
       this.data = [ { name: 'someName' } ];
    }
}

---

你的评论问题：

因此，我无法将第117行到第133行的代码放在自定义元素中，因为它不支持dom绑定

答案（在Polymer 2.0中）您可以在组件构造函数中完成所有方法和所有数据变量：

class YourComponent extends Polymer.Element {
    contructor() {
       super();
       //in case if you use paper-datatable-card
       this.data = {
         get: function (sort, page, pageSize) {
                    return new Promise((resolve, reject) => {
                        const exampleData = [
                            { 'name': 'someName1' },
                            { 'name': 'someName2' }
                        ];
                        resolve(exampleData);
                    });
                },
          set: function(item, property, value){...},
          length: 1
       };
       //in case if you use paper-datatable only then without get or set properties
       this.data = [ { name: 'someName' } ];
    }
}

---

你的问题很模糊。您可以添加一些实际的代码来演示您试图完成的任务吗？您可以编辑您的问题。请将代码添加到您的问题中。注释中的代码阅读起来相当麻烦。请检查上面提到的代码。您检查过这个示例吗？我使用相同的示例，但作为自定义元素。因此，我无法将第117行到第133行的代码放在我的自定义元素中，因为它不支持dom Bind。您的问题相当模糊。您可以添加一些实际的代码来演示您试图完成的任务吗？您可以编辑您的问题。请将代码添加到您的问题中。注释中的代码阅读起来相当麻烦。请检查上面提到的代码。您检查过这个示例吗？我使用相同的示例，但作为自定义元素。因此，我无法将第117行到第133行的代码放在自定义元素中，因为它不支持dom绑定