Question

我正在使用https://github.com/jiren/filter.js作为产品过滤器，我已经成功地将它与自定义JSON文件和属性进行对话，但我需要在ID属性上使用查找和替换功能（ 1,2,3,4等）用包含具有相同ID的PHP块的自定义HTML替换ID号，用JSON文件中的“itemCode”替换该ID。

Jiren的工作分页示例：http://jiren.github.io/filter.js/pagination.html

我们正在使用它，除了我们想把它带到下一级并修改它（可能用jQuery）来做一些它默认不做的事情（用一块HTML /递归地替换JSON中的ID PHP，然后使用JSON中的itemCode替换相同的ID号。

更简洁地说：Filter.js使用paginator填充结果，从JSON中获取数据。我希望它用一块HTML替换<dt>id</dt>，其中包含一行PHP，它从JSON中获取相应的itemCode。

例如，编辑了提供的模板 -

`<script id="product-template" type="text/html">
        <div class="col-md-10 product">
          <div class="thumbnail">
          <div class="caption">
            <h4><%= _fid %>. <%= name %></h4>
            <div class="detail">
              <dl>
                <dt>modelName</dt>
                <dd><%= modelName %></dd>
                <dt>caseTypes</dt>
                <dd><%= caseTypes %></dt>
                <dt>power</dt>
                <dd><%= power %></dd>
                        <dt>battery</dt>
                <dd><%= battery %></dd>
              </dl>
            </div>
            <div class="detail">
              <dl>
                <dt>id</dt>
                <dd><%= id %></dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
      </script>`

- 每次迭代都需要它，我想替换<dt>id</dt>（输出为1,2,3,4等） - 换句话说，替换'1 ' - 带有一段HTML（恰好包含PHP）。第一个条目为“1”应该调用行<td class="info"><?php item('1'); echo $urlMode1; ?></td>，该行应该被“itemCode”替换，我们共享一个带有id（'1'）的条目。

超出JSON：

`
[
{ "itemCode": "DSVUC1000",
"modelName": "DogStar",
"caseTypes":"Voltron",
"power": "Unlimited",
"battery":"Car",
"id": 1
},
{ "itemCode": "DSOWD150",
"modelName": "DogStar",
"caseTypes":"Optimus",
"power": "Wood",
"battery":"Duragizer",
"id": 144
}
]
`

Filter.js使用paginator填充结果。理想情况下，它会用一个HTML块替换<dt>id</dt>，其中包含一行PHP，它从JSON中获取相应的itemCode。

您建议采用何种方法来实现此目标？

自定义Filter.js以根据JSON ID获取和输出HTML

0 个答案: