<script id=
"ImportPNRSupplierHeads"
type=
"text/x-kendo-template"
class=
"KendoExtTemplate"
>
<div data-role=
"window"
id=
"ImportPnrSupplierTaxWindow"
class=
"PricingCommercialSubWindow"
data-animation=
"false"
data-title=
"Supplier Tax Breakup"
data-modal=
"true"
data-width=
"770"
data-visible=
"false"
data-bind=
"events:{close: SupplierTaxWindowClose,open: OnSupplierTaxWindowOpened}"
>
<button type=
"button"
data-role=
"button"
text-align=
"left"
class=
"btn btn-default"
data-bind=
"click: AddSupplierTaxRow"
style=
"margin-bottom: 2px"
>
<i class=
"fa fa-plus"
></i>
Add Tax
</button>
<br />
<!--<div id=
"ImportPnrSupplierTaxGrid"
></div>-->
<!--Import PNR SupplierTaxGrid Starts-->
<div data-role=
"grid"
id=
"ImportPnrSupplierTaxGrid"
data-editable=
'true'
data-columns='[{
"field"
:
"ID"
,hidden:
true
},
{
"field"
:
"IsUserCreated"
, hidden:
true
},
{
"field"
:
"OfficePNRTSTID"
, hidden:
true
},
{
"field"
:
"CountryCode"
,
"title"
:
"Code"
},
{
"field"
:
"Type"
,
"title"
:
"Sub Code"
, width: 80 },
{
"field"
:
"Description"
,
"title"
:
"Description"
, width: 250},
{
"field"
:
"AmountCurrency"
,
"title"
:
"Currency"
, width: 80 , editable:
"false"
}
]'
data-bind=
'source: Tax.TaxBreakup,events: {dataBound: ImportPnrSupplierTaxGridDataBound}'
></div>
<!--Import PNR SupplierTaxGrid Ends-->
<br />
<div style=
"text-align: center"
>
<button type=
'button'
class=
'k-button'
data-bind=
""
>
<i class=
'fa fa-close fa-fw'
></i> Close
</button>
</div>
</div>
</script>
I am using Grid MVVM InCell Editing and want the column "AmountCurrency" to be editable based on value "IsUserCreated" (true/false). And want to add class "Red" to column "CountryCode How can do that?