當前位置: 首頁>>代碼示例>>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;未經允許,請勿轉載。