我有一个api,以这种格式返回日期"014-08-26T15:10:45.402Z"我正在使用有角度的剑道ui.我面临的问题是日期没有被绑定到剑道日期选择器.可能有人帮帮我 .
<input kendo-date-picker ng-model="emp.datestart" k-format="MM/dd/yyyy" />
我在页面上有一个简单的angular-kendo ComboBox,没有最初选择的值.它应该placeholder在那种情况下显示文本,而是显示它? undefined:undefined ?
HTML
<select kendo-combo-box ng-model="Project" k-options='projectOptions'></select>
JS
app.controller('MyCtrl', function($scope) {
$scope.projectData = [
{name: 'Bob', value: 1},
{name: 'Tom', value: 2}
];
$scope.projectOptions = {
placeholder: "'Select...'",
dataTextField: 'name',
dataValueField: 'value',
dataSource: {
data: $scope.projectData
}
}
});
这是一个显示问题的plunker.谁能发现原因？
这曾经在较旧版本的angular-kendo中工作,但它在当前版本中不起作用.
我无法将Kendo网格绑定到角度服务调用.我有一个角度$http服务,其getData()方法如下所示:
'use-strict';
payrollApp.factory('dataService', function ($http, $q) {
return {
getData: function () {
var deferred = $q.defer();
$http({
method: 'GET',
url: '/api/apihome/',
}).success(function (data, status, headers, config) {
deferred.resolve(data);
}).error(function (data, status, headers, config) {
deferred.reject(status);
});
return deferred.promise;
},
};
});
然后DataSource我按如下方式在控制器中设置网格:
'use-strict';
payrollApp.controller('KendoDataGridController', function KendoDataGridController($scope, dataService) {
var companiesList = dataService.getCompanies();
companiesList.then(function(companies) {
console.log(JSON.stringify(companies, undefined, 2));
$scope.companies = new kendo.data.DataSource({
data: companies,
pageSize: 10
});
}, function(status) {
window.alert(status);
console.log(status);
});
} …我需要1/10和1/100的百分比,但是kendo ui数字文本框允许输入整数百分比.我尝试做类似的事情:
$("#percent").kendoNumericTextBox({
format: "##.0000 %"
});
但它不起作用.
有任何想法吗？
有谁知道如何在Kendo for Angular网格中设置默认排序字段？
<kendo-grid [data]="view | async"
[pageSize]="gridState.take"
[skip]="gridState.skip"
[sort]="gridState.sort"
[pageable]="{
buttonCount: 3,
info: true,
type: 'numeric',
pageSizes: true,
previousNext: true
}"
[sortable]="true"
(dataStateChange)="onStateChange($event)"
(edit)="editHandler($event)" (cancel)="cancelHandler($event)"
(save)="saveHandler($event)">
<kendo-grid-column field="Name" width="200" [editable]="false"></kendo-grid-column>
<kendo-grid-column field="Group" width="120" [editable]="false"></kendo-grid-column>
我正在使用Angular Kendo Grid，并且正在获取格式的服务器数据
1900-01-01T00:00:00
但是我希望它以标准格式显示，不确定如何去做。我在网格列中应用了format ='{0：MM / dd / yyyy h：mm a}'，但没有效果。无论数据格式转换要做什么，我都需要在代码的客户端执行，即将服务器日期转换为javascript格式！
<kendo-grid-column field="mydata.openDate" width="220" title="Open Date" filter="date"
format='{0:MM/dd/yyyy h:mm a}'>
</kendo-grid-column>
我想在我的kendo-ui网格中进行内联编辑.数据绑定似乎工作正常,但是当我在编辑内容后单击"更新"按钮时,范围会更新,但编辑对话框不会消失.如果单击另一个编辑按钮,它将进入一个不存在的状态.毕竟,如果我提供至少一个虚拟函数作为k-save,它只会更新范围.由于某种原因,单击"取消"按钮会更新范围.因此,"取消"按钮执行我对"更新"按钮的期望.
您可能会看到我想在客户端更新本地范围,而不是向任何服务器发送任何内容.
有人可以告诉我这里出了什么问题吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css" />
</head>
<body>
<div id="example" ng-app="gridTestApp" ng-controller="TestController">
<kendo-grid
k-data-source="gridData"
k-columns="gridColumns"
k-on-change="selected = data"
k-selectable="true"
k-editable="editableOptions"
k-schema="gridSchema"
k-save="saveFunction">
</kendo-grid>
<p ng-show="selected">
<label>Artist: <input ng-model="selected.artist" /></label>
<br />
<label>Track: <input ng-model="selected.track" /></label>
</p>
<p>This is for testing data-binding</p>
<ul>
<li data-ng-repeat="gridRow in gridData">
<input ng-model="gridRow.artist"></input><input ng-model="gridRow.track"></input>
<br>
</li>
</ul>
<p>This is for testing data-binding</p>
<ul>
<li data-ng-repeat="gridRow in gridData"> …我正在使用带有Kendo控件的Angular 5.2。在网格内部，我有一个带有click属性的按钮。我想将PID值作为参数传递给showwindow函数。
这是代码示例：-
<kendo-grid [data]="gridView"
(pageChange)="pageChange($event)"
[selectable]="true"
[kendoGridSelectBy]="mySelectionKey"
[selectedKeys]="mySelection"
style="width:1100px;">
<kendo-grid-checkbox-column showSelectAll="true" width="50" media="(min-width: 10px)">
<ng-template kendoGridHeaderTemplate let-dataItem>
<input type="checkbox"
name="selectAll"
(change)="selectAllRows($event)"
[checked]="allRowsSelected" />
</ng-template>
</kendo-grid-checkbox-column>
<kendo-grid-column field="PID" title="User ID" width="150" media="(min-width: 10px)">
</kendo-grid-column>
<kendo-grid-command-column title="View file" width="200" media="(min-width: 10px)">
<ng-template kendoGridCellTemplate let-isNew="isNew">
<button (click)="showwindow(pass the PID value here)">
<img src="../../../../../Images/view.png" />
</button>
</ng-template>
</kendo-grid-command-column>
</kendo-grid>
这是我要更改的按钮单击处理程序：
<button (click)="showwindow(pass the PID value here)">
<img src="../../../../../Images/view.png" />
</button>
请提出解决方案。
kendo-ui angular-kendo kendo-ui-grid kendo-ui-angular2 angular