Tag: kendo grid

为kendo ui网格列定义自定义模板

我有一个kendo ui网格,我想绑定图像。 这是我的代码: @model List @(Html.Kendo().TabStrip() .Name(“tabstripMarketWatch”) .Items(tabstrip => { tabstrip.Add().Text(“Market Rates”) .Selected(true) .Content( @ @if (Model != null) { @(Html.Kendo().Grid(Model) .Name(“Grid”) .Columns(columns => { columns.Template( @ @if (item.direction == 1) { } else if (item.direction == 0) { } ).Title(“”); columns.Bound(p => p.symbol); columns.Bound(p => p.bid); columns.Bound(p => p.ask); }) //.Groupable() //.Pageable() .Sortable() .Scrollable() […]

如何在Kendo Grid MVC中将列宽设置为自动调整

我用到了具有多列的Kendo网格页面。 我想设置一个列宽自动调整并自动更改宽度。 Plz帮助我,谢谢 @(Html.Kendo().Grid() .Name(“grdMarahel_Gardeshkar”) .ToolBar(toolbar => toolbar.Custom().Name(“btnAddMarhaleh”).Text(“اضافه”).HtmlAttributes(new { id = “btnAddMarhaleh”, href = “#” })) .Columns(columns => { columns.Bound(c => c.Code).Width(50).Title(“کد”); columns.Bound(c => c.Desc).Width(150).Title(“شرح”);//Autofit columns.Command(c => c.Destroy().Text(“حذف”)).Width(70).Title(“عملیات”); }) .HtmlAttributes(new { style = “height: 380px;” }) .Scrollable() .Sortable() .Resizable(rl => rl.Columns(true)) .Selectable(sl => sl.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row)) .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id(p => p.id)) .Read(read => […]

如何解决ASP.NET MVC Kendo UI网格中的CRUD操作问题

我一直在努力让Kendo UI网格充当我正在编写的系统中的用户管理工具。 我已将数据绑定到网格,使用ASP.NET Identity获取用户信息,但我似乎无法获取更新或删除操作以触发网格。 我把网格设置如下: @(Html.Kendo().Grid() .Name(“userGrid”) .Columns(columns => { columns.Bound(p => p.UserName); columns.Bound(p => p.FirstName); columns.Bound(p => p.LastName); columns.Bound(p => p.Region); columns.Bound(p => p.Roles); columns.Command(command => { command.Edit(); command.Destroy(); command.Custom(“ViewDetails”).Click(“showDetails”); }); }) .Filterable() .Sortable() .Navigatable() .Resizable(r => r.Columns(true)) .Editable(editable => { editable.Mode(GridEditMode.InLine); editable.DisplayDeleteConfirmation(“Are you sure you want to delete this user?”); }) .HtmlAttributes(new { […]

如何强制Kendo Grid在列上使用数字filter

使用以下代码,Kendo Grid使用t.Files.Count的字符串filter接口,即使类型是int 。 如何强制网格使用数字filterUI? @(Html.Kendo().Grid() .Name(“grid”) .Columns(columns => { columns.Bound(t => t.ID).Width(80); columns.Bound(t => t.OrbitalPeriod); columns.Bound(t => t.Files.Count); }) .Sortable() .Filterable() .DataSource(dataSource => dataSource.Ajax() .PageSize(20) .Read(read => read.Action(“Targets_Read”, “Targets”)) ) .Resizable(o => o.Columns(true)) .ColumnMenu() ) 为字符串生成filter菜单: 我使用的是Kendo.MVC 2013.1.514.340

更新Telerik Kendo Grid(MVC)后刷新

我有一个带有一些环境数据的Kendo Grid。 网格的一个字段是“isDefault”,它接收1或0(表示真或假)。 在数据库中,我有一个触发器,当某个记录设置为isDefault = 1时,任何其他记录都更新为isDefault = 0,只是为了确保只有一个默认环境。 Kendo网格工作正常,它绑定数据并更新记录就好了但是在更新之后,网格没有刷新所有记录,如果有,比方说,记录1,isDefault = 1,我更新记录4到isDefault = 1触发器被触发并将所有其他记录更新为isDefault = 0但网格仍然显示记录1,isDefault = 1,现在记录4,isDefault = 1 这是我视图中的代码: Html.Kendo().Grid() .Name(“environmentGrid”) .Sortable() .ToolBar(tb => tb.Create()) .Editable(editable => editable.Mode(GridEditMode.PopUp)) .Columns(cols => { cols.Bound(c => c.Name).Width(150).Sortable(true); cols.Bound(c => c.ConnectionString).Width(150).Sortable(true); cols.Bound(c => c.Template).Width(150).Sortable(true); cols.Bound(c => c.isDefault).Width(150).Sortable(true); cols.Bound(c => c.StatusID).Width(150).Sortable(true); cols.Command(command => { command.Edit();}).Width(60); }) .DataSource(ds => ds […]

Kendo ASP.NET MVC helper Gridgenerics类

我有以下两难困境: 我试图在部分视图中创建一个Kendo UI Grid,它将与不同类型的对象一起使用,并且可以支持诸如Delete或Create之类的操作。 该对象如下所示: public class GridViewModel { public Type ObjectType { get; set; } public IEnumerable Items { get; set; } public GridViewModel(Type type, IEnumerable items) { Items = items; ObjectType = type; } } ObjectType是Type类型的变量,它保留类的类型。 例如员工,产品,发票或任何东西。 Items是前面提到的类型的IEnumerable对象列表。 假设我们有一个员工视图,我们在内部调用以下内容: @model IEnumerable @{ GridViewModel gridModel = new GridViewModel(typeof(Employee), Model); } @{ Html.RenderPartial(“_AdvancedGrid”, gridModel); } […]

剑道网格中的日期时间filter

我的代码在C#.NET中我使用Kendo Grid版本2013.2.716.340和服务器绑定来显示网格中的数据。 在Kendo UI Grid中,我有一个dateTime列,但列filter输入只有一个日期选择器但没有时间选择器。 因此,如果我选择IsEqualTo选项并给出日期,那么我得到零结果,因为filter中的时间设置为00:00:00 ,但列有一些时间值。 我想添加时间选择器和日期选择器。 我尝试在我的专栏上执行此操作,但它不起作用: columns.Bound(o => o.Time).Title(“Time”).Format(“{0:MM/dd/yyyy HH:mm:ss}”).Filterable(f => f.UI(“DateTimeFilter”)).Width(“5%”); 并在下面的脚本中应用: function DateTimeFilter(control) { $(control).kendoDateTimePicker(); } 当我从datetimepicker选择确切的datetime时间时,上面的代码有效,但是当我选择isequalto时它不起作用。 例如:如果我在我的kendo网格列中显示此datetime “12/21/2013 07:15:45”,并且当我将此datetime时间复制到filter下的isequalto选项时,它不会提供任何数据。 此外,我尝试了此链接提供的示例它也没有在我的情况下工作。 此链接上的示例使用Ajax绑定。 我需要在服务器绑定的情况下应用它。 这是附加图像,显示我想要应用的内容。 这是图像的链接。 如果我将网格中显示的datetime复制到filter它应该正确过滤并给出结果。 如果有人能帮助我解决我的问题,我将非常感激。 提前致谢。

使用asp.net MVC Wrapper在Kendo UI Grid中格式化DateTime

我想构建一个格式为日期dd // MM / yyyy的Kendo UI Grid。 但是,我发现的所有问题都是用代码格式(“{0:d}”)解决的; 。 所以,我尝试过如下代码: GridBoundColumnBuilder builder = par.Bound(field.Name); switch (field.Type.Type) { case CType.Boolean: builder = builder.ClientTemplate(string.Format(“”, field.Name)); break; case CType.Datetime: builder = builder.Format(“{0:d}”); break; case CType.Decimal: case CType.Double: builder = builder.Format(“{0:0.00}”); break; } 另一种格式工作正常,只是DateTime不起作用。 我有这个结果的日期时间= /日期(1377020142000)/

如何使用Kendo UI Grid与ToDataSourceResult(),IQueryable ,ViewModel和AutoMapper?

使用以下类加载/过滤/订购Kendo网格的最佳方法是什么: 域: public class Car { public virtual int Id { get; set; } public virtual string Name { get; set; } public virtual bool IsActive { get; set; } } 视图模型 public class CarViewModel { public virtual int Id { get; set; } public virtual string Name { get; set; } public virtual string […]

Kendo网格层次结构从主网格传递ID

我有一个Kendo Hierarchial Grid,其中主网格包含Client详细信息,子网格包含Point of Contacts 。 我能够将Client ID从主网格传递到子网格Read操作,并且数据正在加载。 但是,在将子Client ID传递到子网格中的“ Add New Point of Contact按钮时会出现问题。 如果我对值进行硬编码,则Controller方法运行正常。 但是,它无法选择参考Client ID 。 子网格如下: @(Html.Kendo().Grid() .Name(“grid_#=ClientID#”) .Columns(columns => { columns.Bound(p => p.POC_ClientID); columns.Bound(p => p.ContactName); columns.Bound(p => p.RegionName).Filterable(filterable => filterable.UI(“regionFilter”)); columns.Bound(p => p.CountryName).Filterable(filterable => filterable.UI(“countryFilter”)); columns.Bound(p => p.ContactEmail); columns.Bound(p => p.ContactNumber); }) .ToolBar(toolbar => toolbar.Template(@ Add new Point-of-Contact)) .DataSource(dataSource […]