当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript igniteui-angular.IgxGridComponent类代码示例

本文整理汇总了TypeScript中igniteui-angular.IgxGridComponent的典型用法代码示例。如果您正苦于以下问题:TypeScript IgxGridComponent类的具体用法?TypeScript IgxGridComponent怎么用?TypeScript IgxGridComponent使用的例子?那么, 这里精选的类代码示例或许可以为您提供帮助。


在下文中一共展示了IgxGridComponent类的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: onInput

 public onInput(input: any, column: IgxColumnComponent) {
     let operand = null;
     switch (column.dataType) {
         case DataType.Number:
             operand = IgxNumberFilteringOperand.instance().condition('equals');
         case DataType.Date:
             operand = IgxDateFilteringOperand.instance().condition('equals');
         default:
             operand = IgxStringFilteringOperand.instance().condition('contains');
     }
     this.grid1.filter(column.field, input.value, operand, column.filteringIgnoreCase);
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:12,代码来源:grid-filter-template.sample.ts

示例2: toggleVisibility

 toggleVisibility(name: string) {
     const col = this.grid1.getColumnByName(name);
     col.hidden = !col.hidden;
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:4,代码来源:grid-column-pinning.sample.ts

示例3: toggleColumn

 toggleColumn(name: string) {
     const col = this.grid1.getColumnByName(name);
     col.pinned = !col.pinned;
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:4,代码来源:grid-column-pinning.sample.ts

示例4: toggleColumn

 toggleColumn(name: string) {
     const col = this.grid1.getColumnByName(name);
     col.pinned ? col.pinned = false : col.pinned = true;
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:4,代码来源:grid-search.sample.ts

示例5: clearInput

 public clearInput(input: any, column: any) {
     input.value = null;
     this.grid1.clearFilter(column.field);
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:4,代码来源:grid-filter-template.sample.ts

示例6: filter

   public filter(term) {
     this.grid1.filter("ProductName", term, IgxStringFilteringOperand.instance().condition("contains"));
 }
开发者ID:IgniteUI,项目名称:igniteui-angular,代码行数:3,代码来源:grid-percantge-widths.sample.ts


注:本文中的igniteui-angular.IgxGridComponent类示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。