Kendo ui 剑道用户界面vs滑溜网格
我在我的应用程序中使用了slickgrid,但最近我在slickgrid中遇到了一些bug和奇怪的行为(特别是与分组相关的)。有很多公共和私有存储库,不确定哪一个是好的 我在考虑用肯杜伊。但是,请记住以下问题- 1) 当UI有巨大的数据(比如50k条记录)时,kendoui能提供比slickgrid更好的性能吗? 2) kendoui网格是否具有与slickgrid相同的功能?主要是excel风格的功能,比如在拖动行时自动填充列的值 提前感谢。&Kendo ui 剑道用户界面vs滑溜网格,kendo-ui,slickgrid,kendo-ui-grid,Kendo Ui,Slickgrid,Kendo Ui Grid,我在我的应用程序中使用了slickgrid,但最近我在slickgrid中遇到了一些bug和奇怪的行为(特别是与分组相关的)。有很多公共和私有存储库,不确定哪一个是好的 我在考虑用肯杜伊。但是,请记住以下问题- 1) 当UI有巨大的数据(比如50k条记录)时,kendoui能提供比slickgrid更好的性能吗? 2) kendoui网格是否具有与slickgrid相同的功能?主要是excel风格的功能,比如在拖动行时自动填充列的值 提前感谢。& 我认为剑道UI会更好。因为Web可访问性,简单地
我认为剑道UI会更好。因为Web可访问性,简单地说,就是创建能够被最广泛的用户充分体验的站点和应用程序。这包括残疾用户,他们通常会访问我们借助于自主技术(如屏幕阅读器)创建的网站。对于剑道UI来说,使用光滑的网格可能会很复杂,因为它应该在javascript上完成。所以这个网格的缺点是,如果我们想在MVC中显示它,就需要在DocumentReady上填充这个网格。使用此网格的优点是它是免费的 另一方面,使用剑道网格为用户提供了在视图本身上使用剑道网格的灵活性(如下所示)。因此,与光滑网格相比,该网格运行得更快。KendoUI是一个付费用户界面
//Controller
List<Student> Studentlist = new List<Student>();
FillStudentsObject(Studentlist);
return View(Studentlist);
//View
@using Kendo.Mvc.UI;
@using KendoGridWork.Models;
@model List<Student>
@(Html.Kendo().Grid(Model).Name("StudentModel")
.Columns(column =>
{
column.Bound(p => p.ID).Width(30).EditorTemplateName("#=GetID(this)#");
column.Bound(p => p.First_Name).Width(100);
column.Bound(p => p.Last_Name).Width(100);
column.Bound(p => p.Division).Width(30);
column.Bound(p => p.Standard).Width(30);
column.Bound(p => p.Percentage).Width(50);
})
.Selectable()
.Sortable()
.Editable(editable => editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false)).Navigatable()
.Filterable()
.DataSource(datasource=>datasource
.Ajax()
.ServerOperation(false)
.Model(model =>
{
model.Id(p => p.ID);
model.Field(p => p.ID).Editable(false);
}))
)
//控制器
List Studentlist=新列表();
填写学生主题(学生列表);
返回视图(学生列表);
//看法
@使用Kendo.Mvc.UI;
@使用KendoGridWork.模型;
@模型列表
@(Html.Kendo().Grid(Model.Name)(“StudentModel”)
.列(列=>
{
column.Bound(p=>p.ID).Width(30).EditorTemplateName(“#=GetID(this)#”);
column.Bound(p=>p.First_Name).Width(100);
column.Bound(p=>p.Last_Name).Width(100);
列宽(30);
列绑定(p=>p.Standard).Width(30);
列绑定(p=>p.Percentage).Width(50);
})
.可选()
.Sortable()
.Editable(Editable=>Editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false)).Navigatable()
.可过滤()
.DataSource(DataSource=>DataSource
.Ajax()
.ServerOperation(错误)
.Model(Model=>
{
model.Id(p=>p.Id);
model.Field(p=>p.ID).可编辑(false);
}))
)