Javascript 在剑道网格中展开行时有条件地应用类
在我的剑道网格的数据绑定函数中,我想设置一个条件,若主行from header被展开,那个么将类“customClass”应用于此行。 我试过: 它不起作用,并没有效果,在最好的情况下,我可以将类应用于扩展行,并没有办法在标题上这样做。有解决办法吗?谢谢 角JS: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
$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是否展开
- 检查下一个详图行的可见性。如果有显示:无样式,则该行被折叠
$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>