Set Disable Row

[Muhammad Fiqih]

Hi, i want to ask about something, can us set disable in row kendo grid with condition? 

Thank's

[Tsvetomir]

Hi Muhammad,
      
You can disable any element by applying CSS to it and setting the pointer-events property to none. I have created a sample Dojo project which conditionally applies this style. You can find the sample here: Disable Grid Row Conditionally. 

For your convenience I am pasting the CSS class here:

.disabled{
    opacity:0.5;
    pointer-events:none;
  }

If you have further questions, feel free to contact us.

Best regards,
Tsvetomir
Progress Telerik

[Muhammad Fiqih]

thanks for your answer, but i have done for my question in above, with this syntax

{

editable: false,
edit : function(e){
var fieldName = e.container.find("input[data-type='number']").attr("name");
if((fieldName === "contributionMonthN_M3" || 
fieldName === "contributionMonthN_M2" ||
fieldName === "contributionMonthN_M1" ||
fieldName === "contributionMonthN" || 
fieldName === "contributionMonthN_P1" ||
fieldName === "ssuMonthN_P1" || 
fieldName === "ssuAdjustMonthN_P1" ||
fieldName === "contributionMonthN_P2" ||
fieldName === "ssuMonthN_P2" ||
fieldName === "ssuAdjustMonthN_P2" ||
fieldName === "contributionMonthN_P3" ||
fieldName === "ssuMonthN_P3" ||
fieldName === "ssuAdjustMonthN_P3") &&
   !e.model.IsEditable) {
this.closeCell()
}

}

 

thank you

Best regards,

Fiqih

[Tsvetomir]

Hello Fiqih,

Thank you for sharing your specific solution with our community. I hope it will prove helpful to other developers as well.

Best regards,
Tsvetomir
Progress Telerik