Set Read Only to Grid Column Editor based on other cell value
Hello,
I have a ComboBox editor in Grid Column. I want to set readonly/disabled to this combobox based on other cell (SAME ROW) value. I have tried several ways but it does not work.
How can I do this. Please help me.
Here is my code.
Code:
<ext:XScript ID="XScript2" runat="server">
<script type="text/javascript">
var RenderEditor = function (value, meta, record) {
if (record.data['TypeLevel'] == 'Strategic Office') {
this.ddlGrade.ReadOnly(true);
}
else {
this.ddlGrade.ReadOnly(false);
}
}
</script>
</ext:XScript>
<ext:GridPanel ID="grdGradingEntities" runat="server" AnchorHorizontal="100%" Height="690"
AutoExpandColumn="clmAuditableUnitName" Width="920" StripeRows="true" Border="true"
Title="Grading Entities" meta:resourcekey="grdGradingEntitiesResource1">
<SaveMask ShowMask="True" />
<Store>
<ext:Store ID="storeGradingEntities" runat="server" SerializationMode="Simple" meta:resourcekey="storeGradingEntitiesPlanResource1"
OnRefreshData="grdGradingEntities_Refresh">
<Reader>
<ext:JsonReader IDProperty="OID">
<Fields>
<ext:RecordField Name="AnnualPlanOID" Mapping="AnnualPlanOID" Type="String" />
<ext:RecordField Name="AuditableUnitOID" Mapping="AuditableUnitOID" Type="String" />
<ext:RecordField Name="AuditableUnitName" Mapping="AuditableUnitName" Type="String" />
<ext:RecordField Name="AuditableUnitName_N" Mapping="AuditableUnitName_N" Type="String" />
<ext:RecordField Name="RiskScoreTotal" Mapping="RiskScoreTotal" />
<ext:RecordField Name="Actual_AuditableUnitGradeOID" Mapping="Actual_AuditableUnitGradeOID"
Type="String" />
<ext:RecordField Name="ActualGradeName" Mapping="ActualGradeName" Type="String" />
<ext:RecordField Name="Allocated_AuditableUnitGradeOID" Mapping="Allocated_AuditableUnitGradeOID"
Type="String" />
<ext:RecordField Name="AllocatedGradeName" Mapping="AllocatedGradeName" Type="String" />
<ext:RecordField Name="Justification" Mapping="Justification" Type="String" />
<ext:RecordField Name="OfficeTypeOID" Mapping="OfficeTypeOID" Type="String" />
<ext:RecordField Name="TypeName" Mapping="TypeName" Type="String" />
<ext:RecordField Name="TypeName_N" Mapping="TypeName_N" Type="String" />
<ext:RecordField Name="TypeLevel" Mapping="TypeLevel" Type="String" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:RowNumbererColumn Header="S.N" Width="30" />
<ext:Column ColumnID="clmAuditableUnitName" DataIndex="AuditableUnitName" Header="Office/Entity"
Width="50" meta:resourcekey="clmAuditableUnitNameResource" />
<ext:Column ColumnID="clmTypeName" DataIndex="TypeName" Header="Office Type" Width="170"
meta:resourcekey="clmTypeNameResource" />
<ext:Column ColumnID="clmRiskScoreTotal" DataIndex="RiskScoreTotal" Header="Risk Score/ Weightage"
Align="Center" Width="80" meta:resourcekey="cRiskScoreResource" />
<ext:Column ColumnID="clmActualGradeName" DataIndex="ActualGradeName" Header="Grade"
Align="Center" Width="50" meta:resourcekey="clmActualGradeNameResource" />
<ext:Column ColumnID="clmAllocatedGradeName" Header="Grade by Judgment" DataIndex="AllocatedGradeName"
Width="70" Align="Center" meta:resourcekey="clmGradebyJudgmentResource">
<Editor>
<ext:ComboBox ID="ddlGrade" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All"
ForceSelection="true" EmptyText="Please Select" meta:resourcekey="ddlGradeResource1">
<Items>
<ext:ListItem Text="A" Value="A" />
<ext:ListItem Text="B" Value="B" />
<ext:ListItem Text="C" Value="C" />
</Items>
</ext:ComboBox>
</Editor>
<Renderer Fn="RenderEditor" />
</ext:Column>
<ext:Column ColumnID="Justification" DataIndex="Justification" Header="Justification"
Width="200" meta:resourcekey="cAuditjustification">
<Editor>
<ext:TextField ID="txtjustification" runat="server">
</ext:TextField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
</ext:RowSelectionModel>
</SelectionModel>
<Listeners>
<Command Handler="Ext.net.DirectMethods.ExecuteActionCommand(command, record.data);" />
</Listeners>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="25" DisplayInfo="True"
meta:resourcekey="PagingToolbar1Resource1" />
</BottomBar>
</ext:GridPanel>