Question

早安男士们：）

我正在研究一些东西，我只是想知道简单地加载一些html代码并将其添加到div中的方法是什么，但没有打破剑道风格，它附加了我之前做过的一些测试.. 。我已经看过一些关于模板但我没有看到一种简单的方法将它加载到div中。

我已经尝试了这个，但它完全打破了css样式和事件，如按钮..

function panelControler(action){
$.get('templates/search.tpm', function(data) {
    var template = kendo.template(data);
    $("#search").html(template);
});
}

在我的search.tpm中，有一些像这样的HTML内容

 <form action="./index.html">
    <ul data-role="listview" data-style="inset">
      <li>
        <label>Code postal
          <input type="number" id="CP" value="59000" placeholder="" />
        </label>
      </li>
      <li>
        <label>Pays
          <select id="Country">
            <option value="FR">France</option>
            <option value="ES">Espagne</option>
            <option value="BE">Belgique</option>
            <option value="LU">Luxembourg</option>
          </select>
        </label>
      </li>
    </ul>
    <div style="text-align:center">  
      <a class="button" data-role="button" onclick="relayControler('usingData')" data-icon="search">Rechecher</a>
      <a class="button" data-role="button" onclick="relayControler('usingPos')" data-icon="search">Autour de ma position</a>
    </div>
  </form>

感谢您阅读和回答;）

如何简单地将模板加载到div kendo中

0 个答案: