标签: kendo-ui

我有一个自定义组件(MyComboBox)里面有kendo-combobox.

当我使用我的核心模块时,webpack编译成功结束,但chrome抛出以下错误:

Uncaught Error: Unexpected directive 'MyComboBox' imported by the module 'AppModule'. Please add a @NgModule annotation.

这是我的AppModule:

app.module.ts

import { MyComboBox } from '@my/core/control/MyComboBox';

@NgModule({
    declarations: [
        AppComponent,
        MyComboBox
    ],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        DragulaModule,
        MyComboBox,
        CoreModule,
        ComboBoxModule
    ],
    entryComponents: [ MyComboBox ],
    providers: [HelperService],
    bootstrap: [AppComponent]
})

我们将在Web上构建一个企业级应用程序,为此我们已经将我们的选择过滤到ExtJS和KendoUI.

两者都很不错并且具有丰富的功能/控件,KendoUI的性能比ExtJS快,但ExtJS就像更完整的包,其中包括构建桌面所需的每个组件,如Web应用程序和Grid似乎更强大.

另一方面,使用KendoUI,我们拥有jQuery的强大功能,感觉像家庭熟悉和几乎零学习曲线,因为团队已经使用jQuery.

有没有人有使用其中任何一个构建大型企业级应用程序的经验？如果是,你的经历是什么？请分享它是坏还是好,以便在我最终与他们中的任何人长时间合作之前我可以有一些基础.

我更倾向于ExtJS,因为我们将使用来自CubeDrive(myCalendar)的调度程序控件,它再次位于ExtJS中.

因此,欢迎您的想法和经验帮助我做出正确的决定.

我试图在浏览器的中心显示一个Kendo UI模式窗口,但它一直显示在页面的底部,我的意思是窗口中唯一可见的部分是顶部栏,其余部分是窗口是不可见的,只有当你拖动它时,你可以正确地查看它.我没有应用于用于窗口的div的样式,所以我很困惑为什么它被显示为那样.

另外我想要禁用窗口顶部栏上的所有操作按钮,尝试设置一个空的动作数组但是关闭按钮显示为默认,有没有办法只显示窗口的标题在顶部酒吧？我希望单击其中的按钮时窗口消失.

这就是我创建窗口的方式:

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "300px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "500px"
});

accessWindow.center();
accessWindow.open();

这是我的div只有一个标签,一个输入和一个按钮,目前没有CSS应用于它:

<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>

我使用editable: "popup" Telerik的演示页面上显示的方式编辑网格.编辑网格后,我希望网格刷新.在编辑网格后,网格是否有任何调用的事件？

我试图使用数据绑定事件.在这种情况下,我将数据源读取,但它告诉我刷新网格是一个无限循环.我试图使用saveChanges事件,但它无法正常工作.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
    columns.Bound(p => p.ProductName);
    columns.Bound(p => p.UnitPrice).Width(100);
    columns.Bound(p => p.UnitsInStock).Width(100);
    columns.Bound(p => p.Discontinued).Width(100);
    columns.Command(command => { command.Edit(); command.Destroy(); }).Width(160);
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp))
.Pageable()
.Sortable()
.Scrollable()
  .Events(events => events.Change("saveChanges "))
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Events(events => events.Error("error_handler"))
    .Model(model => model.Id(p => p.ProductID))
    .Create(update => update.Action("EditingPopup_Create", "Grid"))
    .Read(read => read.Action("EditingPopup_Read", "Grid"))
    .Update(update => update.Action("EditingPopup_Update", "Grid"))
    .Destroy(update => update.Action("EditingPopup_Destroy", "Grid")) …

在MVC4中使用Kendo UI 我有一个Grid,它使Ajax调用数据回到Controller中:

    public ActionResult SearchUser_Read([DataSourceRequest]DataSourceRequest request)
    {
        var data = CreateAnExcaptionHere();
        return Json(data.ToDataSourceResult(request));
    }

如何使用此调用通知页面存在错误？

我有一个剑道ui网格.假设指向网格的JS变量被调用grid.如何以编程方式转到第3页？谢谢.

我希望用户只能通过其按钮更改Kendo UI Datepicker值,并从弹出窗口中选择日期.如何阻止用户在Datepicker文本框中输入内容？我可以在不禁用整个控件的情况下禁用文本框吗？

我正在使用Kendo UI Controls.我想在jquery中获取下拉列表的选定文本.我使用过这种语法:

 $("#ddl").data("kendoDropDownList").text();

我可以在IE以外的所有浏览器中获取文本.我不知道为什么这不适用于IE,请帮帮我.有没有其他方法可以选择文本？

我有一个kendoGrid,我希望JSON在过滤和排序后如何实现这一目标？

如下所示,

var grid = $("#grid").data("kendoGrid");

alert(grid.dataSource.data.json); // I could dig through grid.dataSource.data and I see a function ( .json doen't exist I put it there so you know what i want to achieve )

非常感谢任何帮助!

任何人都可以告诉我如何使用客户端Kendo UI Grid实现服务器端分页？