如何使用 ASP MVC Complete Wrapper 设置 Kendo UI Grid 的高度

2023-12-20

我正在使用 KendoUI Grid 及其 ASP MVC Complete Wrapper 库,但在剃刀代码中设置网格高度时遇到问题。我尝试设置 HTMLAttribute 但似乎不起作用。

@(Html.Kendo().Grid<SoftInn.Data.Country>()
    .Name("grid-countries")
    .DataSource(datasource => datasource.Ajax()
                                .Model(model => model.Id(record => record.Id))
                                .Create(create => create.Action("Add", "Country"))
                                .Read(read => read.Action("GetAll", "Country"))
                                .Update(update => update.Action("Update", "Country"))
                                .Destroy(delete => delete.Action("Delete", "Country"))
                                .Events(events =>
                                            {
                                                events.Sync("gridcountries_synchandler");
                                                events.Error("gridcountries_errorhandler");
                                            })
                                .PageSize(10)                                   
    )
    .Columns(columns =>
                {
                    columns.Bound(r => r.Name);
                    columns.Bound(r => r.Currency);
                    columns.Bound(r => r.TimeZone);
                    columns.Command(command => { command.Edit(); command.Destroy(); }).Width(170);
                })
    .ToolBar(toolbar =>
                 {
                     toolbar.Create().Text("Add New Country");                            
                     toolbar.Custom().Text("Refresh").Url("#").HtmlAttributes(new { onclick = "window.refreshGrid($(this).parent().parent())", @class = "customRefreshButton" });

                     toolbar.Custom().Text("More").Url("#").HtmlAttributes(new { onclick = "window.toggleDisplay($('#grid-countries > .k-grouping-header'))", @class = "customToggleButton float-right" });                         
                 }
    )
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Pageable(pageable =>
                {
                    pageable.Refresh(true);
                    pageable.PageSizes(true);
                })
    .Resizable(resize => resize.Columns(true))
    .Reorderable(reorder => reorder.Columns(true))
    .Sortable()
    .Scrollable()
    .Filterable()
    .Selectable()
    .ColumnMenu()
    .Groupable()
    .HtmlAttributes(new { Height = "400px"})  
  )

请尝试以下操作:

.HtmlAttributes(new { style = "height:400px" })  

当前设置不起作用,因为Height不是有效的 HTML 属性DIVKendo Grid 正在渲染的元素。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 ASP MVC Complete Wrapper 设置 Kendo UI Grid 的高度 的相关文章

  • 在剑道网格中,我可以使用函数动态设置列属性吗?

    我这里有一些代码 我试图根据数据项的值设置单元格的背景颜色 http dojo telerik com solidus flux eHaMu http dojo telerik com solidus flux eHaMu
  • 如何在剑道网格中加载大量数据

    网页方法
  • 部署不渲染 Kendo UI

    VS2012 asp net MVC4 c 带有 KendoUI 实现的互联网应用程序 最简单的说法是我的网站看起来像这样 开发机器上的本地 像这样部署 我检查了服务器 Kendo UI 论坛 所有论坛都指向图像丢失 我检查了甚至复制了我的
  • 如何通过按钮选择或不选择剑道网格

    我有一个网格 在网格定义中启用了选择模式 selectable true 我需要通过按钮使网格不可选择 我尝试了这个 但它不起作用 disableKendoGrid click function var grid myGrid data k
  • Kendo Multiselect值设置Bug

    我在剑道多重选择方面遇到了这个奇怪的问题
  • 如何从 Kendo 网格中删除所有行

    我在用Kendo grid 我想从中删除所有行Kendo grid using JavaScript 我使用 for 循环删除了它们 但我想找到删除所有行的最佳方法 尝试按照代码进行操作 var grid Grid data kendoGr
  • Kendo 自动完成显示两个建议列表

    我的 Kendo 自动完成控件成功检索 Json 列表 不幸的是 它调用了 MVC 控制器方法两次并创建了两个建议列表 重复列表直接显示在第一个列表后面 当从第一个建议列表中选择一个值时 该列表会消失 但重复列表仍然可见 我正在使用自动完成
  • 可以使用 ClientRowTemplate() Kendo UI 网格而不构建字符串吗?

    The example http demos kendoui com web grid rowtemplate html在 Kendo UI 网格中使用 ClientRowTemplate 使用令人讨厌的 HTML 字符串 ClientRo
  • 如何使用 ComboBox 作为 Kendo UI 网格列?

    我正在使用剑道网格 并尝试将名称字段设置为具有自己的数据源的组合框 我没有收到 javascript 错误 但是当我去编辑网格中的名称字段时 它没有显示组合框 它仍然显示一个输入字段 function console log ready v
  • Kendo 可排序:无法编辑可排序表内的文本输入

    我有以下可排序表 其中包含可排序行 http demos telerik com kendo ui sortable events http demos telerik com kendo ui sortable events tbody
  • 获取剑道网格中的点击事件

    我正在尝试获取 Kendo Grid 的单击事件 以便我可以将内容绑定到 Shift 和 Ctrl 单击 我无法使用 Kendo 提供的固有多选功能 因为它不支持拖放 当我在 dataBound 事件之后创建函数时 我的函数会在单击时被调用
  • Kendo UI - observable、ObservableObject 和 Model 之间的区别

    observable ObservableObject 和 Model 之间有什么区别 谢谢 Model继承自ObservableObject 而ObservableObject又继承自Observable 可观察的 http docs k
  • 根据列值将剑道网格中的行变灰

    我有一个 Kendo 网格 其值根据调用后填充 如果其中一列的值为 已注册 我需要将整行灰显 我们有办法实现这一目标吗 添加一个处理函数onDataBound 事件 http demos telerik com kendo ui grid
  • 在 Kendo UI 网格列标题上添加悬停文本

    我正在尝试将自定义悬停文本 如工具提示 添加到 KendoUI 网格中的列标题 文本应该特定于每一列 并且最好不显示在标题行之外的任何内容上 Grid 对象没有工具提示选项 但我不确定是否有办法使用 CSS 或它们的行模板 http dem
  • 角度剑道下拉

    我正在对许多组件使用 Angular kendo ui 但遇到了一个我似乎无法解决的问题 我有以下角度选择 它工作正常并将所选值正确绑定到 ng model
  • Kendo 刷新 (DropDownList.refresh()) 不起作用错误未定义

    我试图在另一个 DropDownList 更改后刷新下拉列表 但 Refresh 方法未定义错误正在升级 我尝试再次读取数据源 它显示它正在加载 但数据仍然相同 帮助解决这个问题请 Code DropDownList1 change fun
  • 禁用 CSS 规则

    有什么办法可以禁用 CSS 规则吗 我问是因为我使用的是 Kendo UI 他们的规则非常全面 例如 k grid td styles 然而 如果我把我的桌子放在他们的桌子里面 它的风格也会类似 所以它的影响太大 需要删除 更换 我不想手动
  • Kendo Grid:取消编辑删除新行

    这里有一个demo http plnkr co edit X4ei0zPYiZ1H8AiCTy8B p preview对于我正在经历的行为 如果您编辑 id 为 1 的现有行 将文本更改为其他内容 然后按取消按钮 该行将正确恢复到之前的状态
  • 如何使用 ASP.NET MVC 在 Kendo UI Grid 中实现 N 级嵌套层次结构

    我正在尝试使用 ASP NET MVC 在 Kendo UI Grid 中实现 N 级嵌套层次结构 我可以实现特定数量的嵌套网格 但如何在 asp net MVC 中使用特定数据实现 N 级嵌套网格 Html Kendo Grid
  • Kendo ui - 如何将验证与 mvc 模型属性联系起来

    通过阅读本文中的帖子thread http www kendoui com forums framework validation using kendo validator with mvc model properties aspx 由

随机推荐

  • C# DataContractSerializer SerializationException,在对象字段中设置了 Enum

    鉴于以下代码 DataContract public class TestClass DataMember public object TestVariable public TestClass object value TestVaria
  • 在reactjs中将数据子级传递给父级功能组件

    如何在 React 中将数据从子功能组件传递到父功能组件 我想要从父组件传递到子组件的vehicle drive 数据 但是子组件获取我想要传递给父组件的特定数据条目 我在子组件中发表了评论 显示了我希望将数据恢复到哪里 父组件 impor
  • Java应用程序中的SSH具有“预期”之类的功能[关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 通过 expect 人们可以执行 SSH 命令并解析这些命令的输出以改变程序流程 我想用 Java 来做这个 也就是说 我希望我的 Java
  • 使用 React JS 无限滚动

    我正在研究用 React 实现无限滚动的方法 我遇到过反应无限滚动 https github com guillaumervls react infinite scroll发现它效率低下 因为它只是将节点添加到 DOM 中 而没有删除它们
  • 根据键、值对设置组合框的选定项。

    我有一个组合框 如下所示 this reqTypeInput Items Add new RequestType Label 1 Value1 this reqTypeInput Items Add new RequestType Labe
  • 节点js。 npm 安装后找不到 gulp

    我有这个 git 仓库 https github com mschwarzmueller angular 2 introduction https github com mschwarzmueller angular 2 introduct
  • Silverlight+WCF异常:期望应用程序/soap+xml,收到文本/xml

    我有一个 Silverlight 应用程序 我想在其中调用 WCF 服务 调用该服务时 我收到来自服务器的以下响应 415 无法处理消息 因为内容类型为 text xml charset utf 8 不是预期的类型 application
  • 从 Fluent Nhibernate 生成 XML 映射

    如何生成 xml 映射文件作为 MappingIntegrationTests 中测试的一部分 我需要手动检查流畅映射是否与遗留项目中的映射相关 你可以这样做 config Mappings m gt m FluentMappings Ex
  • 在 cp1252 上强制使用 UTF-8 (Python3)

    我编写了一些使用 Biopython Entrez 包装器的代码 代码在我以前的 Win10 笔记本电脑 Python 3 5 1 上运行良好 但我刚刚将代码移植到安装了相同版本的每个包和 Python 的新 Win10 笔记本电脑上 现在
  • 关联/随机访问容器

    我正在寻找一种数据结构来保存唯一元素的无序集合 它将支持以下操作 集合中任意位置的元素插入 删除 查询元素是否存在 访问随机元素 天真地 1 和 2 建议使用关联容器 例如unordered set 但 3 的元素数量是线性的 使用随机访问
  • 如何在 Google Maps API 中使信息窗口可编辑?

    我想在单击信息窗口时使其可编辑 这是我的代码
  • 突出显示CSS网格[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我有 CSS 网格 div style display grid class scEnabledChrome div when I
  • 如何指定列表选择方法?

    我有一个计算列表的方法 在算法中的某些点 需要从列表中选择单个元素 选择哪个元素并不重要 但我想将其留给用户来决定 现在 我添加了一个扩展方法IList
  • 使用 jQuery 检测 iPhone 滑动

    我只是在寻找一个能够检测手指在触摸设备上滑动的监听器 例如 if swipe direction left function 通过 jQueryMobile 您可以使用多个事件 例如swipe 甚至swipeleft swiperight
  • 如何将可变数量的参数从一个函数传递到另一个函数?

    有没有办法直接将可变数量的参数从一个函数传递到另一个函数 我想实现一个最小的解决方案 如下所示 int func1 string param1 int status STATUS 1 func2 status param1 我知道我可以使用
  • 如何从 pyuic .py 文件重建 .ui 文件

    不久前我用 PyQt 做了一个项目 我创建了一些 ui 文件并使用 pyuic4 生成了相应的 py 文件 我想再次开始工作 但我丢失了 ui 文件 我格式化了我的电脑并进行了备份 但 ui 文件驻留在 Qt 设计器文件夹中并丢失了 有什么
  • 如何在 VS Code 中获取当前主题的颜色?

    我正在尝试更改 VS Code 实例中的某些颜色 我知道如何改变颜色 workbench colorCustomizations 设置 道具名称 https code visualstudio com docs getstarted the
  • 检测国际键盘的出现和消失

    当键盘出现时 有没有办法检测它是国际键盘 普通键盘顶部有一条额外的丝带以显示国际字符 并获取它的框架大小 我需要使用该信息向上移动 如果需要 键盘上方的视图 看看这篇文章 http mobile tutsplus com tutorials
  • 如何检测 iPhone 上是否连接了硬件键盘? [复制]

    这个问题在这里已经有答案了 可能的重复 iPad 检测是否存在外部键盘 https stackoverflow com questions 2893267 ipad detect if external keyboard is presen
  • 如何使用 ASP MVC Complete Wrapper 设置 Kendo UI Grid 的高度

    我正在使用 KendoUI Grid 及其 ASP MVC Complete Wrapper 库 但在剃刀代码中设置网格高度时遇到问题 我尝试设置 HTMLAttribute 但似乎不起作用 Html Kendo Grid