title: Rendering conditional statement on grid templatecolumn [ExtJS 4.2.1]
body: <p>I have been successfully rendering conditional statement on normal grid column</p>
  
  <pre><code>{
          header: '&amp;nbsp',
          dataIndex: 'status_b2',
          menuDisabled: true,
          flex: 1,
          sortable: false,
          renderer : function(value, meta) {
              var status = value.split("&lt;br/&gt;")[0];
  
              if (status == "Unset Price"){
                  meta.style = "background-color:pink;";
              }
              else if (status == "Available"){
                  meta.style = "background-color:green;";
              }else if (status == "Booked Unpaid"){
                  meta.style = "background-color:yellow;";
              }else if (status == "Booked Paid"){
                  meta.style = "background-color:orange;";
              }else if (status == "Checked In"){
                  meta.style = "background-color:red;";
              }else if (status == "Checked Out"){
                  meta.style = "background-color:purple;";
              }
              return value;
  }
  </code></pre>
  
  <p>My question is how to render with conditional logic on templatecolumn grid? If the room_status == "Dirty", I want to add background-color as red. </p>
  
  <pre><code>{
              text: 'Room List',
              xtype: 'templatecolumn',
              tpl: 'ROOM {room_number} &lt;br/&gt; {room_type_name} &lt;br/&gt; {bed_type} | {room_status}',
              menuDisabled: true,
              flex: 1,
              sortable: false
   }
  </code></pre>