Well, I have 2 render functions written for disabling. I have two columns in a grid. And i am disabling both in the respective render functions like below: 'disableTier2Name' and 'disableTier2DisplayName' are the two render functions am using to disable.
<ColumnModel ID="ColumnModel1">
<Columns>
<ext:Column ID="Column1" runat="server" DataIndex="Name" Text="Tier2" Width="270" Hideable="false">
<Renderer Fn="disableTier2Name" />
</ext:Column>
<ext:ComponentColumn ID="ComponentColumn2" Namespace="App" runat="server" Editor="true" DataIndex="DisplayName" Width="270" Text="Name As On Metric Upload File" Align="Center">
<Component>
<ext:TextField ID="TextField2" runat="server" Namespace="App">
<Listeners>
<Render Fn="disableTier2DisplayName"></Render>
</Listeners>
</ext:TextField>
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
function disableTier2Name(columnValue, columnValueCSS, record, rowIndex) {
// debugger;
if(record.data.IsInUse == 0)
{
columnValueCSS.css = "disAssociatedColor";
}
return columnValue;
}
function disableTier2DisplayName(field,columnValueCSS) {
// debugger;
var abc = this;
if(field.record.data.IsInUse == 0)
{
abc.disable();
}
}