Hi Team,

In kendo-grid kendo-grid-column already added but i have added more columns that is received from API now i have pass that dynamic data in child component but in my case its generating but issue is that component data not rendered in view.can anybody tell me how to do it?

<kendo-grid [reorderable]="true" [ngClass]="{gridloading:gridLoadingEnabled == true}"
  [kendoGridBinding]="data" [loading]="gridLoadingEnabled"
      [resizable]="true">
      <kendo-grid-column field="TaxPercent" title="{{'CommonPercentage' | translate}}"></kendo-grid-column>
      <kendo-grid-column field="TotalLC" title="{{'CommonTotal(LC)' | translate}}"></kendo-grid-column>
    
      <!-- Dyamically added columns-->
    <app-udf-item-details [udfItemDetailData]="columnList"></app-udf-item-details>
  </kendo-grid>
  <!-- Child component-->
  <h3 class="sub-title" >Basic Details</h3>
  <div class="form-group">
    <div class="col-md-6" *ngFor="let column of  columnList" style="padding:4px;">
          <label for="{{column.id}}" class="col-md-4 control-label">{{column.name}}</label>
          <div class="col-md-8">
            <input type="text"
              name="{{column.id}}" class="form-control" id="{{column.id}"
              disabled>
          </div>
    </div>    
  </div>

Hi,

Not able to install kendo theme bootstrap. What is wrong with me

Hi,

When using Material theme with kendo grid, there's no border between columns. When doing column resizing, only column header has a resizer vertical line showing. Is it possible to also show a separation line between normal column cells when resizing columns? How to customize css to achieve this?

Thanks,

Randy

Hi Guys,

Why does the kendo-grid-column-chooser component not fire dataStateChange so any changes to selected columns can be persisted?

On my grid I have the following command:

(dataStateChange)="dataStateChange($event)"

And I have even tried:

<kendo-grid-column-chooser (dataStateChange)="dataStateChange($event)" class="pull-right"></kendo-grid-column-chooser>

But neither command fires dataStateChange from the column chooser.  Is there a solution to this?

Cheers,
Bob

Given a simple sparkline with static data:

            <kendo-sparkline [chartArea]="{background: ''}"
              style="width:30px; height:30px;"
              type="pie">
              <kendo-chart-series>
                <kendo-chart-series-item [data]="[1,1,1]"
                  [color]="['green', 'yellow', 'red']"
                  [labels]="['Closed', 'Doing or Done', 'To do']"
                  field="value"
                  categoryField="label">
                  <kendo-chart-series-item-tooltip>
                    <ng-template let-category="label"
                      let-value="value">
                      {{category}}: {{value}}
                    </ng-template>
                  </kendo-chart-series-item-tooltip>
                </kendo-chart-series-item>
              </kendo-chart-series>
            </kendo-sparkline>

Hi,

Do you have an complete sample with in same page many components like calendar, scheduler and grid dialoging together with an service ?

Regards

Hi,

I'm trying to find a way to get a date format pattern for the current locale.

Using IntlService.splitDateFormat("d") I'm getting the following array:

[
 {type: "year", pattern: "y"},
 {type: "literal", pattern: "-"},
 {type: "month", pattern: "MM"},
 {type: "literal", pattern: "-"},
 {type: "day", pattern: "dd"}
]

However kendo-datepicker displays a different one as a placeholder

Is there a way to get exactly the same date pattern as used in kendo-datepicker?