引导表中的动态字符串

时间:2019-02-27 00:36:32

标签: jquery bootstrap-4 thymeleaf

我想创建一个动态的boostrap表查询,但是它不起作用。

我的桌子是:

<table  
                  th:id="'view'+${label}"
                  data-minimum-count-columns="2"
                  data-show-pagination-switch="true"
                  data-pagination="true"
                  data-id-field="id"
                  data-page-list="[10, 25, 50, 100, ALL]"
                  data-side-pagination="client"
                  data-click-to-select="true"
                  data-show-refresh="true"
                  data-url="${view}"
                  >
                  <thead>
                    <tr>
                      <th data-field="state" data-checkbox="true"></th>
                      <th data-field="id" >Netex Id</th>
                      <th data-field="name.value">Item Name</th>
                      <th data-field="version">Version</th>
                    </tr>
                  </thead>
              </table>

我的jquery事件可以是:

$('#view'+[[${label}]]).bootstrapTable({
    data: discountingRuleData,
    pagination: true
});

我遇到了错误,因为'#view'+[[${label}]]无法正常工作。 错误是:

  
    

jQuery.Deferred异常:无法在字符串“ i”上创建属性“ state”

         

TypeError:无法在字符串“ i”上创建属性“ state”

  

您知道如何解决此问题吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

我找到了答案。 #是特殊字符,因此我需要在字符串中使用\。 所以结果是 $(“ \\#view” + [[$ {label}]])。bootstrapTable({     数据:DiscountingRuleData,     分页:正确 });