kendo-ui

问题 I am trying to add a checkbox column to a grid for Kendo UI Vue. The column needs to reflect a boolean field in the grid datasource. I know I can add a checkbox column for selection as per here: https://www.telerik.com/kendo-vue-ui/components/grid/selection/, but this doesn't really suit as I need a column bound to a datasource field. My grid looks like this: <kendo-grid v-once :data-source="myViewModel.gridDataSource"> <kendo-grid-column- :template="checkboxTemplate" :width="100" :sortable=

问题 I am trying to add a checkbox column to a grid for Kendo UI Vue. The column needs to reflect a boolean field in the grid datasource. I know I can add a checkbox column for selection as per here: https://www.telerik.com/kendo-vue-ui/components/grid/selection/, but this doesn't really suit as I need a column bound to a datasource field. My grid looks like this: <kendo-grid v-once :data-source="myViewModel.gridDataSource"> <kendo-grid-column- :template="checkboxTemplate" :width="100" :sortable=

问题 I am trying to add a checkbox column to a grid for Kendo UI Vue. The column needs to reflect a boolean field in the grid datasource. I know I can add a checkbox column for selection as per here: https://www.telerik.com/kendo-vue-ui/components/grid/selection/, but this doesn't really suit as I need a column bound to a datasource field. My grid looks like this: <kendo-grid v-once :data-source="myViewModel.gridDataSource"> <kendo-grid-column- :template="checkboxTemplate" :width="100" :sortable=

问题 I'm trying to use form validation on a Kendo UI for Angular DatePicker and it just doesn't seem to work. I'm doing the following on all other form elements: <div class="form-group row" [ngClass]="{ 'has-danger' : email.invalid && (email.dirty || email.touched) }"> <input id="email" type="text" class="form-control" [(ngModel)]="member.email" name="email" #email="ngModel" required /> </div> This works perfectly fine. But when I try the same with the Kendo UI for Angular DatePicker I get the

问题 I want to apply the number format for a column in kendo grid. That column definition is: { field: "WeekEndGrossUSD", title: dashBoardColumNames[0].WeekendGrossUSD, headerTemplate: "<span class= 'headerTooltip' id='WEEKEND GROSS (USD)'>" + dashBoardColumNames[0].WeekendGrossUSD + "</span>", format: "{0:n0}", type: "number", attributes: { style: "font-size: 0.85em;text-align:right" }, footerTemplate: "<span id='WeekendGrossSUM'></span>" //width: 120 }, { field: "WeekGrossUSD", title:

问题 Related to this question, I want to achieve the same behavior inside ListView instead of a kendo Grid. My attempt is here. The edit template switches to different controls based on the value in the model at the beginning of the edit. But the problem is that I can't find a way to switch the 2nd field based on the user selection in the first field. Also if I change the first field to an 'AutoComplete' list, can I still follow the same pattern? I appreciate any help to solve this. Code: <div

问题 This is my code bit of a heat-map in Kendo UI. <div ng-repeat="h in row.hours" ng-style="h.styleStr" data-value="{{params.compare ? h.percentChange : h.current[unit]}}" data-time="{{$index}}"> {{params.compare ? h.percentChange : h.current[unit]}} </div> Its works perfectly fine. what the h.current[unit] inside the div, does is, it displays the value (in decimal notation). Like this.. However I need to display the decimal values as integers. Like this... And I have a intFormat function that

问题 I have a editor template for my kendo grid defined as <script id="my-editor-template" type="text/x-kendo-template"> <div class="k-edit-label"> <label for="ContactName">Contact</label> </div> <div data-container-for="ContactName" class="k-edit-field"> <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName"> </div> <!-- more fields, etc --> </script> In my grid definition, I definte editable like this: editable = { mode: 'popup', template: kendo.template($(

问题 The Filter basically works fine but, The select does not seem to fire the first selection this happens every time the filter is reset as well. I meddled with it for two days now... here is the Fiddle <script src="../content/shared/js/products.js"></script> <div id="grid"></div> <script> $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { data: products, schema: { model: { fields: { ProductName: { type: "string" }, Discontinued: { type: "boolean" } } } }, pageSize: 20 }, height

问题 The Filter basically works fine but, The select does not seem to fire the first selection this happens every time the filter is reset as well. I meddled with it for two days now... here is the Fiddle <script src="../content/shared/js/products.js"></script> <div id="grid"></div> <script> $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { data: products, schema: { model: { fields: { ProductName: { type: "string" }, Discontinued: { type: "boolean" } } } }, pageSize: 20 }, height