javascript - John Resigs 微型模板引擎，如何处理选择的问题？

Question

我有一个看起来像这样的模板:

<script type="text/html" id="TemplateEdit">

    <td>
        <input type="hidden" value="<#= item.ID #>" id="Edit.ID" name="Edit.ID" />
        <select id="Edit_ClientID" name="Edit.ClientID">
            <option value="1">test</option>
            <option value="2">test 2</option>
            <option value="3">test 3</option>
        </select>
    </td>
    <td>
        <select id="Edit_Frequency" name="Edit.Frequency">
            <option value="1">Daily</option>
            <option value="2">Weekly</option>
            <option value="3">Fortnightly</option>
        </select>
    </td>
</script>         

在我传入的“item”对象中，它具有一些属性，例如 item.ClientID 和 item.Frequency。

还有一个通用函数处理模板的吸入和注入(inject):

var template = tmpl(editTemplate, { item: data }); // this runs jresig's template code
domEle.append(template); //append the results in

理论上，运行此代码后我可以执行如下操作:

$("#Edit_ClientID").val(data.ClientID);

但是，我不想使用特定于此模板练习的代码来加重此模板函数的负担。这个特定的函数处理整个网站的模板，我需要保持它的通用性。

有什么想法吗？

Answer 1

您可以在其中编写普通的 javascript，所以如果我正确理解您的问题，您可以这样做:

<script type="text/html" id="TemplateEdit">

    <td>
        <input type="hidden" value="<#= item.ID #>" id="Edit.ID" name="Edit.ID" />
        <select id="Edit_ClientID" name="Edit.ClientID">
            <option value="1" <# if(data.ClientID == 1){ #> selected <# } #>>test</option>
            <option value="2"<# if(data.ClientID == 2){ #> selected <# } #>>test 2</option>
            <option value="3"<# if(data.ClientID == 3){ #> selected <# } #>>test 3</option>
        </select>
    </td>
    <td>
        <select id="Edit_Frequency" name="Edit.Frequency">
            <option value="1">Daily</option>
            <option value="2">Weekly</option>
            <option value="3">Fortnightly</option>
        </select>
    </td>
</script>

对于可执行的 javascript，使用 <# #>，而不是 <#= #>