Kendo Grid는 열 값을 기준으로 열에 동적 HTML을 생성합니까? 나는 다른 쓸만에 의해 반환되는 컬럼의 값에 따라 동적 HTML을 생성하는 요구 사항이 검도 그리드를 사용하고

Question

코드를

$("#divGenerateLogin_kendogrid").kendoGrid({ 
 
       dataSource: { 
 
        data: data, 
 
        pageSize: 10 
 
       }, 
 
       sortable: true, 
 
       reorderable: true, 
 
       pageable: { 
 
        pageSizes: true, 
 
        buttonCount: 5 
 
       }, 
 
       filterable: true, 
 
       // selectable: true , 
 
       // dataBound: onDataBound, 
 
       columns: [ 
 
        { 
 
         field: "StudentName", 
 
         title: "Student Name", 
 
         type: "string" 
 
        }, 
 
        { 
 
         field: "Class", 
 
         title: "Class", 
 
         type: "string" 
 
        }, 
 
        { 
 
         title: "Login", 
 
         template: "#: LoginColHtml(IsLoginAvilable==1) #" 
 
        } 
 

 
       ] 
 
      }); 
 
      
 
      
 
      
 
function LoginColHtml(isLoginAvilable) { 
 

 
      var html = ""; 
 
      if (isLoginAvilable == true) { 
 
       html = "<button type='button' class='btn-ressetpwd'><i class='fa fa-key'></i> reset password</button>"; 
 
      } else { 
 
       html = "<button type='button' class='btn-generatelogin'><i class='fa fa-user'></i> generate login</button>"; 
 
      } 
 
      // "<div>#: (IsGuardianLoginAvilable==1) #</div>"; 
 
      return html; 
 

 
     }

다음 한 실제 html을 열에 반환하는 대신 문자열로 반환합니다. 어떻게 문자열 대신 실제 HTML을 열에 추가 할 수 있습니까?

은 참고

Answer 1

나는이와 시도 그리고

{ 
 
    title: "Guardian Login", 
 
    template: "#= LoginColHtml(IsLoginAvilable==1) #"  
 
}

근무