kendo-asp.net-mvc 相关问题

使用 asp.net MVC 包装器在 Kendo UI 网格中格式化日期时间

我想构建一个格式为日期 dd//MM/yyyy 的 Kendo UI 网格。但是，我发现的所有与此相关的问题都通过代码 Format("{0:d}"); 解决了。所以，我尝试过像下面的代码：

kendo grid setOptions - 如何处理网格模式的重大更改？

我有一个 ASP.NET MVC Kendo Grid，可以保存列顺序和可见性，类似于此示例 网格选项持久保存到数据库中。现有选项引用特定列...

Kendo MVC 网格命令按钮未保存在 setOptions 中

我有一个使用命令按钮的 Kendo MVC 网格。这些按钮使用 .Visible 函数调用返回 true/false 的 JS 函数来确定其是否可见。 我也在使用 getOptions/

Kendo UI 编辑器最大和最小字符

我正在使用 Kendo UI 编辑器的 MVC 扩展。是否有选项可以设置最小和最大字符数（不包括 HTML 内容）。 我使用了 StringLength 属性，但其中包括...

在kendo调度程序中处理销毁事件

我正在使用剑道调度程序。 调度程序网格中添加了事件。 当鼠标悬停在每个事件上时，右上角会出现一个小 (x)。即销毁该事件的事件，当单击时...

ASP.Net MVC 使导航栏在全屏模式下消失

我不确定这是否可能，但对于我使用 Kendo UI 和 ASP.Net MVC 创建的仪表板来说，这将是一件非常酷的事情。 所以本质上我想做的是当用户

如何防止取消事件更改我的网格行颜色？

我搜索数据，然后绑定到我的网格。在网格的数据绑定事件中，我根据单元格的值更改行背景颜色。这工作正常。但是当我单击网格中的“编辑”按钮时...

Kendo Grid 未绑定到数据（使用剃刀页面）

Telerik Kendo 新手，遇到了一个愚蠢的场景，但一直让我抓狂。 无论我做什么，剑道网格根本不会填充数据。 下面是显示测试数据的 Razor 页面...

Kendo MVC 列模板，具有单独的部分视图绑定

我的index.cshtml中有这个脚本。 <div class='btn-group'> <a class='btn btn-primary btn-xs </desc> <question vote="0"> <p>我的index.cshtml中有这个脚本。</p> <pre><code>&lt;script id=&#34;meterGrid_ActionPanel&#34; type=&#34;text/html&#34;&gt; &lt;div class=&#39;btn-group&#39;&gt; &lt;a class=&#39;btn btn-primary btn-xs dropdown-toggle&#39; data-toggle=&#39;dropdown&#39;&gt; &lt;span class=&#39;caret&#39;&gt; &lt;/span&gt; &lt;/a&gt; &lt;ul class=&#39;dropdown-menu&#39;&gt; &lt;li&gt; &lt;a class=&#39;open-dynamic-modal-link&#39; data-title=&#39;Title #=Id#&#39; data-primary=&#39;Submit&#39;&gt;Id &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/script&gt; </code></pre> <p>然后使用 javascript 函数在剑道网格列模板中使用此代码。</p> <pre><code>function getActionPanel(data) { return kendo.template($(&#34;#grid_ActionPanel&#34;).html())(data); } </code></pre> <p>这是kendo MVC网格的基本表示</p> <pre><code>.Columns(c =&gt; { c.Template(m =&gt; @Html.ActionLink(&#34;&#34;, &#34;&#34;, &#34;&#34;, null)) .Width(75) .ClientTemplate(&#34;#= getActionPanel(data) #&#34;); }) </code></pre> <p><strong>我想做什么？</strong></p> <p>现在我真正想做的是将这个脚本<pre><code>#meterGrid_ActionPanel</code></pre>移动到单独的文件，因为它有很多内容，并且将HTML模板与主视图文件分开将使代码更干净、更模块化。</p> <p><strong>到目前为止我尝试了什么？</strong></p> <p>我尝试通过部分视图和ajax调用加载此html，但我认为这不是为每列进行服务器端调用的正确方法。我在每个网格中有大约 28000 列。我还检查了 js 和 html 文件选项，但没有成功。</p> <p><strong>我需要与此实现一起处理的主要复杂性</strong></p> <ul> <li>该脚本具有我需要从 javascript 函数 <pre><code>getMetersActionPanel</code></pre> 侧传递的参数，请检查 <pre><code>data</code></pre> 参数，其中包含大约 11-12 个属性。</li> </ul> <p>任何帮助或建议将不胜感激！</p> </question> <answer tick="false" vote="0"> <p>我在@CBRoe 的帮助下找到了一种方法来做到这一点。这就是我所做的。</p> <ol> <li>将 html 移至 <strong>PartialView</strong>，我们称之为 <pre><code>_PartialView1()</code></pre>。检查下面的 html 里面的内容。</li> </ol> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;div class=&#39;btn-group&#39;&gt; &lt;a class=&#39;btn btn-primary btn-xs dropdown-toggle&#39; data-toggle=&#39;dropdown&#39;&gt; &lt;span class=&#39;caret&#39;&gt; &lt;/span&gt; &lt;/a&gt; &lt;ul class=&#39;dropdown-menu&#39;&gt; &lt;li&gt; &lt;a class=&#39;open-link&#39; data-title=&#39;Title with #=Id#&#39; data-primary=&#39;Submit&#39;&gt;Id&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;</code></pre> </div> </div> <p></p> <ol start="2"> <li><p>在 javscript 端，使用 ajax 调用在一个变量中加载此模板。请参阅下面的代码。</p> <pre><code>&lt;script&gt; // we will load column action buttons html in this variable first time when page loads // and then re-use it every time when kendo grid binds column with template data var actionColumnTemplate; $(document).ready(function () { LoadActionTemplate() function LoadActionTemplate() { $.ajax({ type: &#39;POST&#39;, url: &#39;@Url.Content(&#34;~/Contoller/Action&#34;)&#39;, success: function(result) { actionColumnTemplate = result; } }); } }) // call this function from grid to load column template function getActionPanel(data) { return kendo.template(actionColumnTemplate)(data); } &lt;/script&gt; </code></pre> </li> <li><p>在 Kendo 网格列模板的 mvc 视图中调用它，如下所示。</p> </li> </ol> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>.Columns(c =&gt; { c.Template(m =&gt; @Html.ActionLink(&#34;&#34;, &#34;&#34;, &#34;&#34;, null)) .Width(75) .ClientTemplate(&#34;#= getActionPanel(data) #&#34;); })</code></pre> </div> </div> <p></p> <p>通过这种方式，我将与模板相关的 html 代码移动到单独的部分视图中，并使网格相关的代码易于阅读和理解。与内联模板相比，局部视图的更改也很容易。</p> </answer> </body></html>

如何将脚本类型=“text/html”移动到.Net MVC中的单独文件

我的index.cshtml中有这个脚本。 <div class='btn-group'> <a class='btn btn-primary btn-xs </desc> <question vote="0"> <p>我的index.cshtml中有这个脚本。</p> <pre><code>&lt;script id=&#34;meterGrid_ActionPanel&#34; type=&#34;text/html&#34;&gt; &lt;div class=&#39;btn-group&#39;&gt; &lt;a class=&#39;btn btn-primary btn-xs dropdown-toggle&#39; data-toggle=&#39;dropdown&#39;&gt; &lt;span class=&#39;caret&#39;&gt; &lt;/span&gt; &lt;/a&gt; &lt;ul class=&#39;dropdown-menu&#39;&gt; &lt;li&gt; &lt;a class=&#39;open-dynamic-modal-link&#39; data-title=&#39;Profile Capture Period for #=MeterNo#&#39; data-url=&#39;@Url.Content(&#34;~/Meters/LoadProfileCapturePeriodPartial?meterno=#=MeterNo#&#34;)&#39; data-large=&#39;false&#39; data-onload=&#39;initCheckboxes&#39; data-close=&#39;Close&#39; data-primary=&#39;Submit&#39;&gt;Set Profile capture Period &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/script&gt; </code></pre> <p>然后使用 javascript 函数在剑道网格列模板中使用此代码。</p> <pre><code>function getMetersActionPanel(data) { return kendo.template($(&#34;#meterGrid_ActionPanel&#34;).html())(data); } </code></pre> <p>这是kendo MVC网格的基本表示</p> <pre><code>.Columns(c =&gt; { c.Template(m =&gt; @Html.ActionLink(&#34;&#34;, &#34;&#34;, &#34;&#34;, null)) .Width(75) .ClientTemplate(&#34;#= getMetersActionPanel(data) #&#34;); }) </code></pre> <p><strong>我想做什么？</strong></p> <p>现在我真正想做的是将这个脚本<pre><code>#meterGrid_ActionPanel</code></pre>移动到单独的文件，因为它有很多内容，并且将HTML模板与主视图文件分开将使代码更干净、更模块化。</p> <p><strong>到目前为止我尝试了什么？</strong></p> <p>我尝试通过部分视图和ajax调用加载此html，但我认为这不是为每列进行服务器端调用的正确方法。我在每个网格中有大约 28000 列。我还检查了 js 和 html 文件选项，但没有成功。</p> <p><strong>我需要与此实现一起处理的主要复杂性</strong></p> <ul> <li>该脚本具有我需要从 javascript 函数 <pre><code>getMetersActionPanel</code></pre> 侧传递的参数，请检查 <pre><code>data</code></pre> 参数，其中包含大约 11-12 个属性。</li> </ul> <p>任何帮助或建议将不胜感激！</p> </question> <answer tick="false" vote="0"> <p>我在@CBRoe 的帮助下找到了一种方法来做到这一点。这就是我所做的。</p> <ol> <li><p>将 html 移至 <strong>PartialView</strong>，我们称之为 <pre><code>_PartialView1()</code></pre>。检查下面的 html 里面的内容。</p> </li><li> ID </li> <li><p>在 javscript 端，使用 ajax 调用在一个变量中加载此模板。请参阅下面的代码。</p> <pre><code>&lt;script&gt; // we will load column action buttons html in this variable first time when page loads // and then re-use it every time when kendo grid binds column with template data var actionColumnTemplate; $(document).ready(function () { LoadActionTemplate() function LoadActionTemplate() { $.ajax({ type: &#39;POST&#39;, url: &#39;@Url.Content(&#34;~/Contoller/Action&#34;)&#39;, success: function(result) { actionColumnTemplate = result; } }); } }) // call this function from grid to load column template function getMetersActionPanel(data) { return kendo.template(actionColumnTemplate)(data); } &lt;/script&gt; </code></pre> </li> <li><p>在 Kendo mvc 网格列模板中调用它，如下所示。</p> <p>.列(c => {<br/> c.Template(m => @Html.ActionLink("", "", "", null)) .宽度(75) .ClientTemplate("#= getMetersActionPanel(data) #"); })</p> </li> </ol> </answer> </body></html>

MVC 5 Entity Framework 6 项目，首先包含数据库、ViewBag、外键下拉列表和数据绑定

我正在一个新的 mvc 项目中试验实体框架，因此我创建了一个数据库，并从数据库优先的方法开始。我创建的一个表有另一个表的外键......

Kendo MVC UI Scheduler 自定义编辑器模板验证

我试图在自定义编辑器模板中删除此组合框的验证： ... @{ ViewContext.FormContext = new FormContext(); } 我试图在自定义编辑器模板中删除此组合框的验证： ... @{ ViewContext.FormContext = new FormContext(); } <div data-container-for="ClientId" class="k-edit-field"> @(Html.Kendo().ComboBoxFor(model => model.ClientId) .HtmlAttributes(new { data_bind = "value:ClientId", id = "ClientId", data_val = false }) .Name("ClientId") .DataTextField("Text") .DataValueField("Value") .DataSource(source => { source.Read(read => { read.Action("GetClientsList", "Scheduler"); }).ServerFiltering(true); }) .Events(e => { e.Select("onSelect"); }) .HtmlAttributes(new { style = "width:100%;" })) </div> @{ ViewContext.FormContext = null; } ... 尝试使用以下方法删除模型中的验证： [AllowAnyValue] public int? ClientId { get; set; } public class AllowAnyValueAttribute : ValidationAttribute { public override bool IsValid(object value) { // Always return true to allow any value return true; } } 尝试在组合框输入中添加新文本，例如名称，我仍然收到此 Kendo 错误 留言： `The field ClientId must be a number.` 我对验证 Kendo 控件不太熟悉，但在我看来，您正在为具有“Text”和“Value”字段的实体指定组合框，而您绑定的实体是一个名为“ClientId”的简单可为空 int . 添加一个 CbBoxValue 类，如下所示： public class CbBoxValue { [AllowAnyValue] public int? Value { get; set; } public string Text { get; set; } public CbBoxValue ( int? ClientId ) { Value = ClientId; Text = ClientId?.ToString() ?? ""; } } 然后将 CbBoxValue(ClientId) 传递给组合框，而不是直接传递 ClientId。 注意：我还没有测试过这个，正如我所说，我对此事不是很熟悉，但这对我来说似乎是合乎逻辑的。

如何在 Kendo NumericTextBox 中禁用小数

<kendo-numerictextbox id="example1" name="example1" value="@Model.Example1" min="0" format="n0" decimals="0" data-bind="value: Example1" class="form-control" disabled="@isDisabled" placeholder="0" auto-bind="true"></kendo-numerictextbox> 我不需要上述输入的任何小数。我尝试了几种限制小数的方法，但遗憾的是没有任何效果。 尝试了以下方法： 格式=“n0” 小数=“0” restrictDecimals=“true” 但是，用户仍然可以输入小数及其后面的值。 它可以使用 SetOptions 方法工作。

以编程方式更改kendoswitch时，标签不会更改

我将 KendoSwitch 设置为“打开”。我运行下面的代码，它的检查状态确实变为 false，但标签没有改变。我希望它会说“关闭”。我无法锻炼...

在 razor 页面的 OnGet 中使用 async/await 会导致控件加载不可靠吗？

我将剃刀页面的 OnGet 切换为异步，我注意到我的一些控件将不再可靠地加载。 我的页面上有一个剑道多选，一旦我切换到异步，它只会加载...

如何区分 Kendo UI（服务器）和 Kendo UI（客户端）？

我正在使用ASP.Net Core 6。我被迫使用Kendo UI来构建表格（Grid）。 Kendo UI 有 2 种“风格”： 我所说的“服务器”： @(Html.Kendo().Grid().Name...

Kendo：保存和恢复网格状态时如何保留工具栏？

我保留了通用的标题，因为我不在乎我得到的答案是 jquery、javascript 还是专门针对 MVC。 我有这个代码来保存和加载网格： $("#save").click(function() { 变种...

带有下拉菜单的剑道网格行

我是 Kendo 网格的新手，使用 Kendo for JQuery 作为 C# MVC 项目的一部分。 目前，我有一个网格，允许用户通过输入数字/文本来编辑它。 新要求是添加是/否或 T...

KendoGrid 水平滚动问题

我正在整个门户网站上使用kendoGrid，我面临着挑战之一，即由于网格的高度太长，用户必须滚动到页面底部，此时标题不可见...

Kendo 多重选择与复合数据文本字段

如果有人可以就以下问题提供建议，我将不胜感激： 我的多选： @Html.Kendo().MultiSelectFor(model => model.PAYMENT_METHOD).BindTo( paymentMethods).DataTextField("TITLE").DataValueFie...