所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
运行后,它选择“Mike”,但它不会展开。我错过了什么吗?
<<跨度类="hljs-name" style="color: #0000ff">kendo-treeview跨度>[<跨度类="hljs-attr" style="color: #ff0000">节点跨度>]=<跨度类="hljs-string" style="color: #a31515">“数据”跨度><跨度类="hljs-attr" style="color: #ff0000">文本框跨度>=<跨度类="hljs-string" style="color: #a31515">“文本”跨度><跨度类="hljs-attr" style="color: #ff0000">kendoTreeViewHierarchyBinding跨度><跨度类="hljs-attr" style="color: #ff0000">childrenField跨度>=<跨度类="hljs-string" style="color: #a31515">“项目”跨度>[<跨度类="hljs-attr" style="color: #ff0000">滤过性的跨度>]=<跨度类="hljs-string" style="color: #a31515">“真正的”跨度><跨度类="hljs-attr" style="color: #ff0000">kendoTreeViewExpandable跨度>[<跨度类="hljs-attr" style="color: #ff0000">expandedKeys跨度>]=<跨度类="hljs-string" style="color: #a31515">“expandedKeys”跨度><跨度类="hljs-attr" style="color: #ff0000">kendoTreeViewCheckable跨度>((<跨度类="hljs-attr" style="color: #ff0000">checkedKeys跨度>)=<跨度类="hljs-string" style="color: #a31515">“checkedKeys”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">kendo-treeview跨度>>跨度>
进口跨度>{组件}<跨度类="hljs-keyword" style="color: #0000ff">从跨度><跨度类="hljs-string" style="color: #a31515">“@angular /核心”跨度>;<跨度类="hljs-keyword" style="color: #0000ff">进口跨度>{可观察到的,<跨度类="hljs-keyword" style="color: #0000ff">的跨度>}<跨度类="hljs-keyword" style="color: #0000ff">从跨度><跨度类="hljs-string" style="color: #a31515">“rxjs”跨度>;<跨度类="hljs-meta" style="color: #2b91af">@ component跨度>({<跨度类="hljs-attr" style="color: #ff0000">选择器跨度>:<跨度类="hljs-string" style="color: #a31515">“app-root”跨度>,<跨度类="hljs-attr" style="color: #ff0000">templateUrl跨度>:<跨度类="hljs-string" style="color: #a31515">”。/ app.component.html '跨度>,<跨度类="hljs-attr" style="color: #ff0000">styleUrls跨度>:【<跨度类="hljs-string" style="color: #a31515">”。/ app.component.css '跨度>}),<跨度类="hljs-keyword" style="color: #0000ff">出口跨度><跨度类="hljs-class">类跨度><跨度类="hljs-title" style="color: #a31515">AppComponent跨度>跨度>{标题=<跨度类="hljs-string" style="color: #a31515">“kendo-appx”跨度>;<跨度类="hljs-keyword" style="color: #0000ff">公共跨度>fetchChildren(节点:<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>):可观察到的<<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>[]>{<跨度类="hljs-comment" style="color: #008000">//返回父节点的items集合作为子节点。跨度><跨度类="hljs-keyword" style="color: #0000ff">返回跨度><跨度类="hljs-keyword" style="color: #0000ff">的跨度>(节点。它ems);}<跨度类="hljs-keyword" style="color: #0000ff">公共跨度>hasChildren(节点:<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>):<跨度类="hljs-built_in" style="color: #0000ff">布尔跨度>{<跨度类="hljs-comment" style="color: #008000">//检查父节点是否有子节点。跨度><跨度类="hljs-keyword" style="color: #0000ff">返回跨度>节点。它ems && node.items.length ><跨度类="hljs-number">0跨度>;}<跨度类="hljs-keyword" style="color: #0000ff">公共跨度>exp一个ndedKeys:<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>[]=[<跨度类="hljs-string" style="color: #a31515">' 2 '跨度>,<跨度类="hljs-string" style="color: #a31515">' 0 '跨度>,<跨度类="hljs-string" style="color: #a31515">' 1 '跨度>,<跨度类="hljs-string" style="color: #a31515">“3”跨度>];<跨度类="hljs-keyword" style="color: #0000ff">公共跨度>checkedKeys:<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>[]=[<跨度类="hljs-string" style="color: #a31515">“2 _0_0_1”跨度>];<跨度类="hljs-keyword" style="color: #0000ff">公共跨度>数据:<跨度类="hljs-built_in" style="color: #0000ff">任何跨度>[]=[{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“家具”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“表”跨度>},{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“沙发”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“红色”跨度>}]}],}, {<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“装饰”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“窗帘”跨度>},{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“地毯”跨度>}],}, {<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“自”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“滚下”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“乔”跨度>,<跨度类="hljs-attr" style="color: #ff0000">项目跨度>: [{<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“阿施施”跨度>,}, {<跨度类="hljs-attr" style="color: #ff0000">文本跨度>:<跨度类="hljs-string" style="color: #a31515">“迈克”跨度>,},],},],},],},];}
我有一个网格,其中只有特定的行可以通过复选框选择,所以只有特定的行有复选框。使用默认样式,当我单击Select All复选框时,所有行,包括那些带有复选框和那些没有选中的行,都应用了突出显示的样式。是否有任何方法只应用高亮的复选框行?
我有两个模板,但我需要优化它到一个模板,唯一不同的模板是一个剑道datepicker有更多的查看属性。有没有办法得到一个模板,例如,一个按钮,kendo datepiker有一些属性,另一个点击按钮,datepiker有不同的属性,一切都在一个模板上?有了两个模板,一切都可以正常工作。
<<跨度类="hljs-name" style="color: #0000ff">ul跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">“清单组”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">李跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">"list-group-item flex-fill border-0"跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportDaily (itemListRef, pdf)”跨度>>跨度>PDF<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportDaily (itemListRef, csv)”跨度>>跨度>CSV<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportDaily (itemListRef xlsx)”跨度>>跨度>XLSX<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportDaily (itemListRef txt)”跨度>>跨度>三种<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">李跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">ul跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">ul跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">“清单组”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">李跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">"list-group-item flex-fill border-0"跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportMonthly (itemListRef1, pdf)”跨度>>跨度>PDF<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportMonthly (itemListRef1, csv)”跨度>>跨度>CSV<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportMonthly (itemListRef1 xlsx)”跨度>>跨度>XLSX<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">按钮跨度><跨度类="hljs-attr" style="color: #ff0000">类型跨度>=<跨度类="hljs-string" style="color: #a31515">“按钮”跨度><跨度类="hljs-attr" style="color: #ff0000">类跨度>=<跨度类="hljs-string" style="color: #a31515">btn btn-link btn-sm跨度>(<跨度类="hljs-attr" style="color: #ff0000">点击跨度>)=<跨度类="hljs-string" style="color: #a31515">“generateReportMonthly (itemListRef1 txt)”跨度>>跨度>三种<跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">按钮跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">李跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">ul跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">ng-template跨度>#<跨度类="hljs-attr" style="color: #ff0000">itemListRef跨度><跨度类="hljs-attr" style="color: #ff0000">kendoCalendarMonthCellTemplate跨度><跨度类="hljs-attr" style="color: #ff0000">let-context跨度>=<跨度类="hljs-string" style="color: #a31515">“cellContext”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">形式跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>((<跨度类="hljs-attr" style="color: #ff0000">ngModel跨度>)=<跨度类="hljs-string" style="color: #a31515">“reportStartEnd”跨度>[<跨度类="hljs-attr" style="color: #ff0000">ngModelOptions跨度>]=<跨度类="hljs-string" style="color: #a31515">“{独立:真}”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>((<跨度类="hljs-attr" style="color: #ff0000">ngModel跨度>)=<跨度类="hljs-string" style="color: #a31515">“reportEndDate”跨度>[<跨度类="hljs-attr" style="color: #ff0000">ngModelOptions跨度>]=<跨度类="hljs-string" style="color: #a31515">“{独立:真}”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">形式跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">ng-template跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">ng-template跨度>#<跨度类="hljs-attr" style="color: #ff0000">itemListRef1跨度><跨度类="hljs-attr" style="color: #ff0000">kendoCalendarMonthCellTemplate跨度><跨度类="hljs-attr" style="color: #ff0000">let-context跨度>=<跨度类="hljs-string" style="color: #a31515">“cellContext”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">形式跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>((<跨度类="hljs-attr" style="color: #ff0000">ngModel跨度>)=<跨度类="hljs-string" style="color: #a31515">“reportStartDate”跨度>[<跨度类="hljs-attr" style="color: #ff0000">ngModelOptions跨度>]=<跨度类="hljs-string" style="color: #a31515">“{独立:真}”跨度><跨度类="hljs-attr" style="color: #ff0000">bottomView跨度>=<跨度类="hljs-string" style="color: #a31515">“年”跨度><跨度类="hljs-attr" style="color: #ff0000">赢富数据跨度>=<跨度类="hljs-string" style="color: #a31515">“十年”跨度><跨度类="hljs-attr" style="color: #ff0000">格式跨度>=<跨度类="hljs-string" style="color: #a31515">“嗯yyyy”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><<跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>((<跨度类="hljs-attr" style="color: #ff0000">ngModel跨度>)=<跨度类="hljs-string" style="color: #a31515">“reportEndDate”跨度>[<跨度类="hljs-attr" style="color: #ff0000">ngModelOptions跨度>]=<跨度类="hljs-string" style="color: #a31515">“{独立:真}”跨度><跨度类="hljs-attr" style="color: #ff0000">bottomView跨度>=<跨度类="hljs-string" style="color: #a31515">“年”跨度><跨度类="hljs-attr" style="color: #ff0000">赢富数据跨度>=<跨度类="hljs-string" style="color: #a31515">“十年”跨度><跨度类="hljs-attr" style="color: #ff0000">格式跨度>=<跨度类="hljs-string" style="color: #a31515">“嗯yyyy”跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">kendo-datepicker跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">div跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">形式跨度>>跨度><跨度类="hljs-tag" style="color: #0000ff"><跨度类="hljs-name" style="color: #0000ff">ng-template跨度>>跨度>
我有以下几点:
@<跨度风格="color: #4ec9b0">组件跨度>({
(<跨度风格="color: #569cd6">这跨度>.<跨度风格="color: #9cdcfe">国际化跨度><跨度风格="color: #c586c0">作为跨度><跨度风格="color: #4ec9b0">CldrIntlService跨度>).<跨度风格="color: #9cdcfe">localeId跨度>=<跨度风格="color: #569cd6">这跨度>.<跨度风格="color: #9cdcfe">translateService跨度>.<跨度风格="color: #9cdcfe">currentLang跨度>;
我的问题是如何对这样的组件进行UNIT-TEST,因为我知道实际上我的测试给出了以下结果
测试是这样的:
});
<一个href="https://stackoverflow.com/questions/74547968/how-to-test-the-kendo-telerik-intlservice-in-angular" rel="ugc">关于SO的类似问题跨度>一个>
嗨,团队,
我正在做剑道网格,并实现导出到excel,但问题是excel数据是可见的,但按钮没有呈现在excel上,你能告诉我为什么按钮在excel上不可见,检查下面附上的stackblitz以供参考。在过去的3天里,我被这个问题困住了。请帮助我解决这个问题。
https://stackblitz.com/edit/angular-ko29cm?file=src%2Fapp%2Fapp.component.ts