标签: kendo-ui

在 Listview Kendo UI 中添加新列表

我想在 jquery 中创建一个带有添加新记录按钮的列表视图,就像在 kendo ui 中一样

http://demos.kendoui.c​​om/web/listview/editing.html

正如您所看到的,当您单击“添加新记录”按钮时,将创建新列表并将其设置为第一个列表。我想做的就是将其放在列表的底部(最后一个)。我怎样才能做到这一点?

jquery listview kendo-ui

0
推荐指数
1
解决办法
3769
查看次数

KendoUI 网格自定义命令被多次触发

我有一个 KendoUI 网格。其中,其中一列定义了一个自定义命令:

command: { text: "Add", click: addLine }
Run Code Online (Sandbox Code Playgroud)

当用户单击按钮时,此网格会显示在 Kendo 窗口内。同一个按钮会重新渲染网格并首先清除 HTML:

$("#kendoGridQuick").html("");
$("#kendoGridQuick").kendoGrid({
Run Code Online (Sandbox Code Playgroud)

创建网格后,将显示窗口。我的问题是,无论我显示此窗口并创建网格多少次,此命令都会被准确触发。所以它第一次工作正常,但第二次被调用两次,第三次被调用三次,依此类推。

kendo-ui kendo-grid

0
推荐指数
1
解决办法
3137
查看次数

如何在运行时设置LoadContentFrom kendo窗口

我是 kendo ui 的初学者,我想使用 kendoUi 窗口,但我在使用时遇到一些问题,我编写了这段代码来创建窗口

@(Html.Kendo().Window().Name("Details")
    .Title("Customer Details")
    .Visible(false)
    .Modal(true)
    .Draggable(true)
    .Width(300)       
)
Run Code Online (Sandbox Code Playgroud)

LoadContentFrom在页面中我有一些按钮,我希望当用户单击使用 jquery 动态设置的该按钮之一时。但我不知道该怎么做。请帮我。谢谢大家。

asp.net-mvc kendo-ui kendo-asp.net-mvc

0
推荐指数
1
解决办法
2万
查看次数

使用 Kendo Grid 中的函数格式化日期类型

我有一个日期转换函数,它接受一个datetime参数并返回string. 如何使用此函数格式化DateKendo Grid 中的列?

我已经尝试了以下代码,但没有一个起作用

columns.Bound(x => x.ModifyDate).ClientTemplate(@Utility.GetPersianDate((DateTime)"#: ModifyDate #"));

columns.Bound(x => x.ModifyDate).Template(@<text>@Utility.GetPersianDate((DateTime)@item.ModifyDate)</text>);

columns.Bound(x => x.ModifyDate).Format(@Utility.GetPersianDate(Convert.ToDateTime("#: ModifyDate")));
Run Code Online (Sandbox Code Playgroud)

我也尝试在服务器端转换它,但这是不可能的,因为格式化的日期未被识别为有效日期。这并不重要,因为它只是为了展示。用户不应更改或输入该日期。如果没有任何效果,我可能会考虑在服务器上使用string而不是DateTime转换它。

kendo-ui kendo-grid kendo-asp.net-mvc

0
推荐指数
1
解决办法
3848
查看次数

剑道网格对齐列相同的顶部偏移

我有一个问题,我找不到解决办法。

我有具有不同行高的 KendoUI 网格 - 就像在这个例子中 http://jsfiddle.net/Sbb5Z/2/

我尝试在专栏中使用特殊课程,但没有任何帮助

{
    attributes: {
    "class": "paddingTopZero"
  },
}
Run Code Online (Sandbox Code Playgroud)

其中第 3 行比其他行大(第 4 列中的 2 行)。

我想实现,该行中的数据将具有相同的顶部偏移量 - 因此该行中的 1., 2., 3. 5. 和第 6 列不会位于该行的中间,而是位于同一行line ans 4th row - 相同的顶部填充。

有没有办法做到这一点?我真的很不喜欢手动更正这些填充 - 我确定 grid 有这个选项,但我找不到它。

Tnx 和这个想法

javascript css kendo-ui kendo-grid

0
推荐指数
1
解决办法
2486
查看次数

防止剑道下拉列表的自动换行

我有一个 KendoDropDownList jsFiddle的例子

var ds = [
    {label:"External Causes of Morbidity, Mortality"},
    {label:"Cardiovascular"},
    {label:"Circulatory System Diseases"},
    {label:"Codes of Special Purposes"},
    {label:"Congenital Anomalies"},
    {label:"Digestive System Diseases"},
    {label:"Easr and Mastoid Process Disease"},
    {label:"Endocrine, Metabolic, Immunity"}];

$("#dropdownlist").kendoDropDownList({
    dataTextField: 'label',
    dataSource: ds    
});

var ddl = $("#dropdownlist").data('kendoDropDownList').list.width("auto");
Run Code Online (Sandbox Code Playgroud)

如您所见,我将列表的宽度设置为“自动”,但列表中的第一项仍然自动换行。我认为“自动”值导致窗口适合列表中最大项目的正确大小,还是我必须找出所需的正确宽度并对宽度进行硬编码以防止自动换行?

kendo-ui kendo-asp.net-mvc

0
推荐指数
1
解决办法
2898
查看次数

如何在剑道网格中换行

我有剑道网格,我的问题是当文本太长时,我无法使该文本断行,我尝试制作 css,但效果不佳。这是我的CSS:

    #projectslistgrid .k-grid-content  td{
    word-wrap:break-word;
}
Run Code Online (Sandbox Code Playgroud)

这是图像:

在此处输入图片说明

请帮帮我,谢谢。

css telerik telerik-grid kendo-ui kendo-grid

0
推荐指数
1
解决办法
7306
查看次数

Kendo Angular 上传“multiple = false”,按钮仍然显示“Select Files”

Plunker 在这里:https ://plnkr.co/edit/hzH1C1ZGIdyQPcu5kokA ? p = info

import { Component } from '@angular/core';

@Component({
selector: 'my-upload',
template: `
<kendo-upload
 [saveUrl]="uploadSaveUrl"
 [removeUrl]="uploadRemoveUrl"
 [multiple]="false">
</kendo-upload>
 `
})
export class UploadComponent {
uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
uploadRemoveUrl = 'removeUrl';
}
Run Code Online (Sandbox Code Playgroud)

该按钮应该真正显示“选择文件...”,因为您只能选择一个,那么我该如何更改呢?

upload kendo-ui angular

0
推荐指数
1
解决办法
1182
查看次数

如何检查剑道网格数据源是否为空

在剑道网格中,如何检查网格是否为空?以下给了我这个错误:

无法找到空引用的资源

 $("#Product").data("kendoGrid").dataSource().length>0
Run Code Online (Sandbox Code Playgroud)

jquery kendo-ui kendo-grid

0
推荐指数
1
解决办法
5373
查看次数

Angular 6 的 Kendo ui 控件错误

我在角6.起初,我已经成功地安装创建的项目在该项目中@progress/kendo-angular-dateinputs使用npm install,然后工程顺利建设。

运行ng-serve后出现如下错误:

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(2,37): error TS2307: Cannot find module '@progress/kendo-angular-l10n'.

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(3,29): error TS2307: Cannot find module '@progress/kendo-angular-intl'.
Run Code Online (Sandbox Code Playgroud)

当我安装上述控件时,我的项目现在没有构建。以下错误即将到来:

ERROR in node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/calendar/models/scrollable.interface.d.ts(2,10): 
error 
TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular-dateinputs/dist/es2015/daterange/date- 
range.service.d.ts(1,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/BehaviorSubject"' has no exported member 
'BehaviorSubject'.
node_modules/@progress/kendo-angular-                 
dateinputs/dist/es2015/virtualization/models/scrollable.interface.d.ts
(2,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/virtualization/services/scroller.service.d.ts(1,10): 
error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- …
Run Code Online (Sandbox Code Playgroud)

kendo-ui angular angular6

0
推荐指数
1
解决办法
2798
查看次数