Javascript 在剑道网格中展开行时有条件地应用类

Javascript 在剑道网格中展开行时有条件地应用类,javascript,jquery,kendo-ui,kendo-grid,Javascript,Jquery,Kendo Ui,Kendo Grid,在我的剑道网格的数据绑定函数中,我想设置一个条件,若主行from header被展开,那个么将类“customClass”应用于此行。 我试过: 它不起作用,并没有效果,在最好的情况下,我可以将类应用于扩展行,并没有办法在标题上这样做。有解决办法吗?谢谢 角JS: $scope.gridMaterialDefinitionProperties = function (dataItem) { return { dataSource: f_GetDataS

在我的剑道网格的数据绑定函数中,我想设置一个条件,若主行from header被展开,那个么将类“customClass”应用于此行。 我试过:

它不起作用,并没有效果,在最好的情况下,我可以将类应用于扩展行,并没有办法在标题上这样做。有解决办法吗?谢谢

角JS:

 $scope.gridMaterialDefinitionProperties = function (dataItem) {

        return {
            dataSource: f_GetDataSourceMaterialDefinitionProperties(dataItem),
            dataBound: function (e) {

  //               $('.k-master-row.k-state-active td').each(function(){$(this).addClass('customClass')})
          $(this).parent().css( "color", "red" );
                f_OnDataBound(e);
            },
HTML:


  • TXT\u属性\u任何
  • @PLanguageTexts.TXT\u注释

有两种方法可以确定行当前是否已展开:

  • 检查第一个单元格中箭头图标的CSS类-k-plus是否折叠,以及k-plus是否展开
  • 检查下一个详图行的可见性。如果有显示:无样式,则该行被折叠

我们需要更多细节。显示其他代码和htmli有1100行JS和本地db,这没有帮助,我想只添加关于这个问题的代码和结果如何显示的html。这是否意味着类似的东西应该工作?如果(“.k-icon.k-plus”){$(“td”).css(“color”,“red”);}我不确定如何使用“td”只选择标题行,而不是整个网格如果样式应添加到主行,则可以使用$(.k-icon.k-plus”).closest(“tr”).css(“color”,“red”);
 $scope.gridMaterialDefinitionProperties = function (dataItem) {

        return {
            dataSource: f_GetDataSourceMaterialDefinitionProperties(dataItem),
            dataBound: function (e) {

  //               $('.k-master-row.k-state-active td').each(function(){$(this).addClass('customClass')})
          $(this).parent().css( "color", "red" );
                f_OnDataBound(e);
            },
<div kendo-grid="gridMaterialDefinitionProperties" k-options="gridMaterialDefinitionProperties(dataItem)">
    <div k-detail-template>
        <kendo-tabstrip>
            <ul>
                <li id="tabStripgridMaterialDefinitionHeadersPropertyAny" class="k-state-active">TXT_PROPERTY_ANY</li>
                <li id="tabStripgridMaterialDefinitionHeadersPropertiesComment">@PLanguageTexts.TXT_COMMENT</li>
            </ul>
            <div kendo-grid="gridMaterialDefinitionPropertyAny" k-options="gridMaterialDefinitionPropertyAny(dataItem)" ng-hide="dataSource.length===0">    </div>
            <div>
                <textarea class="textarea-gridComment" ng-model="dataItem.Comment" ng-change="OnCommentChange(dataItem, gridMaterialDefinitionProperties)"></textarea>
            </div>
        </kendo-tabstrip>
    </div>
</div>