Kendo UI是构建HTML UI的框架。它通过一个集成的紧凑型软件包提供客户端,jQuery驱动开发所需的一切,并与AngularJS集成。
这里是带有我已插入Kendo网格中的下拉列表的网格代码:@model Portal.Web.Areas.Orders.Models.IngressoMerceViewModel @(Html.Kendo()。Grid ] >>>]] > 您可以使用EditorTemplates在Kendo网格中插入下拉列表 您的索引视图代码应像这样 @(Html.Kendo().Grid<DemoApplication.Models.ProductsModel>() .Name("CategoryGrid") .Columns(columns => { columns.Bound(p => p.category).ClientTemplate("#=category.CategoryName#"); columns.Bound(c => c.ProductName); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Scrollable() .Sortable() .Pageable(pageable => pageable .Refresh(true) .PageSizes(true) .ButtonCount(5)) .DataSource(dataSource => dataSource .Ajax() .Model(model => { model.Id(x => x.Id); }) .Read(read => read.Action("ListAll", "Test")) .PageSize(10) )) 在Shared / EditorTemplates文件夹内添加编辑器模板(_CategoryEditor.cshtml) 您的_CategoryEditor代码应该是这样的 @model DemoApplication.Models.Category @(Html.Kendo().DropDownListFor(m => m) .Name("category") .DataValueField("CategoryId") .DataTextField("CategoryName") .BindTo((System.Collections.IEnumerable)ViewData["Category"])) 型号代码 public class ProductsModel { public int Id { get; set; } [UIHint("_CategoryEditor")] public Category category { get; set; } public string ProductName { get; set; } } public class Category { public int CategoryId { get; set; } public string CategoryName { get; set; } } 控制器代码 public ActionResult Index() { ViewData["Category"] = GetCategories(); return View(); } public List<Category> GetCategories() { List<Category> categories = new List<Category>(); categories.Add(new Category() { CategoryId = 1, CategoryName = "Category 1" }); categories.Add(new Category() { CategoryId = 2, CategoryName = "Category 2" }); categories.Add(new Category() { CategoryId = 3, CategoryName = "Category 3" }); return categories; } public ActionResult ListAll([DataSourceRequest] DataSourceRequest request) { List<ProductsModel> productsList = new List<ProductsModel>(); productsList.Add(new ProductsModel() { Id = 1, category = GetCategories().First(), ProductName = "Product 1" }); productsList.Add(new ProductsModel() { Id = 1, category = GetCategories().First(), ProductName = "Product 1" }); productsList.Add(new ProductsModel() { Id = 1, category = GetCategories().First(), ProductName = "Product 1" }); return Json(productsList.ToDataSourceResult(request)); }
在Kendo MVC网格中基于下拉列表选择进行内联编辑时如何设置单元格的值?
希望标题有意义。因此,我有一个只有三列的网格,其思想是在添加新行时,第一列是复杂类型的下拉列表,我希望第二列显示一个...
我有一个kendo网格(asp mvc),其中的字段具有一个客户端模板,因此,如果要显示的数值为null,则应显示N / A。我还指定了格式,以便...
单击按钮时,我想获取网格内的所有数据,这些数据将存储到数组中,因此我可以使用ajax函数将其解析为php。但是我在网格occLevel _....]中有一个循环列。
将Kendo UI升级到版本2020.1.406后,在获取数据时,Kendo Grid for MVC显示'找不到记录'消息
我下载了适用于MVC5的最新版本的Kendo UI(版本:2020.1.406),并升级了我的项目,以引用最新的JS,CSS和Kendo.MVC(2020.1.406.545)。升级后,网格显示“无记录...
我具有以下自动完成代码,它会加载数据并过滤结果。但是,当选择列表中的项目或单击提交按钮时,我要导航到详细信息页面,如下所示:...产品/详细信息/ ...
我将doIt函数移至另一个单独的文件,因为它变得很大。这样做之后,我的self.kwindow在新文件./doIt.js中变得未定义。我尝试将传递为参数,即...
self.kwindow = initWindow();以下不起作用;如何在上面的kwindow对象实例上添加click函数? self.kwindow.on('click',function(){
基于此链接,我基于网格中的动态数据生成了dataSource模型。现在,我想从编辑中禁用“名称”列。通常我只设置名称:{editable:false,nullable:...
我只是试图在可拖动的div元素上模拟一下单击并拖动,因此我在SO上找到了几个类似的问题,但都涉及使用其他插件...是否简单...
Kendo网格:需要两个水平滚动条,一个在标题字段下方,另一个在网格底部
正在研究kendo-UI。我需要有两个水平滚动条,一个在标题字段下方,另一个在底部。我看过一些样本,其中有两个水平...
我在MVC应用程序中有一个简单的剑道编辑器。使用Firefox时,BR标签会添加到在编辑器中键入的字符串的末尾。仅在Firefox中会发生这种情况。 @(Html.Kendo()。Editor().Name(“ ...
Search Filter不适用于FirstName和LastName,但适用于KendoJquery中的Dates和Order#。任何人都可以在错误的地方帮助我
在此处输入图像描述**搜索过滤器不适用于FirstName和LastName,但适用于KendoJquery中的Dates和Order#。有人在错误的地方可以帮我吗** public ...
[设置值后如何从Kendo UI MultiColumnComboBox中获取选定的dataItem?
我有一个多列组合框,我正在以编程方式设置其值,然后尝试获取其选定的ID,但无济于事,一直返回未定义状态。我尝试触发更改事件...
我想实现以下功能:因此,Kendo UI Grid并在每一行内部都有一个面板栏。我尝试找到一种解决方案,但大多数情况反之亦然:在面板栏中添加网格。据我了解,我只是...
我具有以下自动完成代码,它会加载数据并过滤结果。是否可以将Kendo自动完成列表项设置为链接?我正在寻找何时选择列表中的项目,或者...
我如何在ASP.NET Core应用程序中捕获KendoUI Multiselect数据?
我正在尝试从我的两个KendoUI Multiselect小部件中获取数据,但是我无法让它们将任何内容发布到我的控制器中。我有三个模型产品,标签和类别。我想发布数据...
我想为ajax调用实现单独的形式。我想要一个命令,该命令将打开一个带有一个字段的新弹出窗口,用户填充此字段,然后单击“发送”,然后对...
我使用kendoDropDownList并具有以下代码: $(document).ready(function()...