有条件地应用类，同时扩展在剑道网格中的行

-1

在我的剑道网格的dataBound函数中，我想使条件成立，如果主行从头扩展，则将类“customClass”应用于此行。我想：有条件地应用类，同时扩展在剑道网格中的行

$('.k-master-row.k-state-active td').each(function(){$(this).addClass('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：

<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>

来源

2015-05-27 Aviator

我们需要更多的细节。显示其他代码和HTML – Mivaweb

我有1100行的JS和本地数据库，它不会帮助，我认为 – Aviator

只添加关于这个问题的代码和HTML如何显示结果 – Mivaweb

有两种方法来确定是否行正在扩大与否：

检查CSS类第一个单元格中的箭头图标 - k-plus用于折叠，k-减号扩展。
检查下一个详细信息行的可见性。如果它有显示：无;样式，则该行已折叠。

来源

2015-05-27 11:32:09 Raisolution

它意味着像这样的东西应该工作？（“.k-icon.k-plus”）{（“td”）.css（“color”，“red”）; } 我不知道如何使用“td”来选择仅标题行，而不是整个网格 – Aviator

如果样式应添加到主行，可以使用$（“。k-icon.k-minus “）.closest（”tr“）.css（”color“，”red“）; – Raisolution

非常感谢！ – Aviator

有条件地应用类，同时扩展在剑道网格中的行

回答

相关问题