polymer 동적 데이터 구현 및 표 통합

4895 단어 html자바 scriptpolymer
최근 에 한 페이지 에 표를 놓 아 데 이 터 를 표시 하고 데이터 항목 수 는 동적 이 며 형식 을 정 하고 합 친 것 이 필요 합 니 다.우선 효과 그림 보기:
1. 서비스 가 되 돌아 오 는 데이터 구조:
data: {
    type: Array,
    value: [{
        "designation": "001",
        "rows": [{
            "manufacturerName": "  ",
            "manufacturerId": 100,
            "myProductOffers":[{"a": "   ","b": " /  ",...}],
            "todayDealPrice": [{"a": "   ","b": " /  ",...}],
            "otherProductOffers":[{"a": "   ","b": " /  ",...}],
        }]

2. 페이지 코드 는 다음 과 같 습 니 다:

여기 서 주의해 야 할 것 은 각 층 이 순환 하 는 index 입 니 다. 이 index 를 이용 하여 합병 항목 이 첫 번 째 일 때 표시 하면 됩 니 다.
3. 대응 하 는 js 코드:
_getDataLength: function (data) {
    let length = 0;
    data.rows.forEach(e=>{
        length += e.myProductOffers.length
        length += e.todayDealPrice.length  
        length += e.otherProductOffers.length
    })

    return length
},
_getRowsLength: function (rows) {
    let length = rows.myProductOffers.length+ rows.todayDealPrice.length+rows.otherProductOffers.length;
    return length
},
_getArrayLength: function (rows) {
    return rows.length
},
_isFirstRow:function (index) {
    return index === 0
}
ES6 (2): ES6 에 추 가 된 방법
사진 업로드 전 미리 보기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage