Extjs 如何在sencha architect内部使用Xtemplate？

我正在使用sencha touch开发一个web应用程序，我正在使用sencha architect，我想在我的列表项TPL中添加一个条件，以查看客户余额的差异：

balance>=0 --> green

balance<0  --> red

余额>=0-->绿色
平衡红

这是我的基本项目TPL：

<table width="100%"><tr>
    <td>{c_name}</td>
    <td width="95px">
         <div style="width:95px;height:100%;background:#088cfc;text-align:center;color:#fff;">{balance}</div>
    </td>
    </tr>
</table>

{c_name}
{平衡}

如何使用sencha architect IDE添加xtemplate，并将其链接到我的列表

---

谢谢，

我实际上在architect中使用XTemplate，在您的情况下使用

和

而不是“”：

如果平衡>0==>使用：如果平衡>0，请参见以下内容：

<table width="100%"><tr>
    <td>{c_name}</td>
    <td width="95px">
        <tpl if="balance &gt; 0"> 
         <div style="border-radius:5px;;width:95px;height:100%;background:#088cfc;text-align:center;color:#fff;font-size:12px;height:23px;padding-top:4px;">{balance} ₪</div>
        </tpl> 
        <tpl if="balance &lt; 0"> 
         <div style="border-radius:5px;;width:95px;height:100%;background:#f00;text-align:center;color:#fff;font-size:12px;height:23px;padding-top:4px;">{balance} ₪</div>
        </tpl> 
    </td>
    </tr>
</table>

{c_name}
{balance}₪
{balance}₪

这是一个老问题，但在处理如何“在Architect中使用XTemplate”时，我想得到一个相同问题的答案，这是标题中所述的内容，而给出的答案实际上并没有向初始用户显示如何在Architect中执行此操作的答案

因此，这些步骤是：

因此，将您的组件添加到架构师画布或您正在使用的组件中

接下来转到配置列表，找到“流程配置”的条目并单击加号

接下来，您将获得一个函数，该函数允许您更新和处理任何当前配置设置或添加您自己的配置设置。我的函数名为“processMyView”（我使用的示例是dataview，也就是名称）

添加一些创建“tpl”的javascript

确保在函数末尾返回'config'参数

在我的示例中，我有一个带有标题和所有者的文档列表，因此最终结果如下所示

---

最后，每当您对架构师感到失望时，这可能是您可以采取的方法之一，以避免IDE对配置设置的僵化。

这是答案，只需使用ascii代码“我将把它们放在这里，并加上空格”>；'和“&l t；”