asp.net-mvc - 如何从 Kendo 网格的特定单元格的客户端模板访问或修改 html 代码

Question

这是剑道网格中的列：

columns.Bound(i => i.Article).ClientTemplate(" <div id='aprislst21_#=UppdragUtfortRapporteratID#_#=rownumber#'  onclick=\'aprislst2_RPT(this,#=UppdragUtfortRapporteratID#,
#=KundID#,#=Article_Typ_num#,#=rownumber#,#=UppdragAttesteratID#)\'>  #=UppdragUtfortRapporterat_Benamning# </div>   <input type='text' 
class='cell-hide' id ='aprislst22_#=UppdragUtfortRapporteratID#_#=rownumber#' /> ").Title("Article").Width(250);

如何通过编辑事件修改或访问此 div？像这样的东西？

function OnEditReportGrid2(e) {
  dataView = this.dataSource.view();
for (var i = 0; i < dataView.length; i++) {
dataView[i].Article.html("????")

// Any thing like this is possible?
}
}

Answer 1

不要修改或访问列，只需使用简单的 if else 条件在网格内显示列

例如

@{
   var mystring="yes"
 }

*************************网格***********************

@(Html.Kendo().Grid<CompanyTypeModel>()

  .Name("FundCompanyTypeGrid")
  .Columns(columns =>
        {

        columns.Bound(p => p.CompanyTypeId).Visible(false);
        columns.Bound(p => p.FundId).Visible(false);
        if(mystring=="yes"){
        columns.Bound(p => p.CompanyIsKycRequired).Title("KYC Required");
        }
        columns.Bound(p => p.CompanyTypeName).Title("Type Name").Width(300);
        columns.Bound(p => p.CompanyTypeDescription).Title("Type Description").Width(520);               
        columns.Command(command => { command.Edit();command.Destroy();
          });
        })

}