Kendo UI 数字框启用/禁用问题

引言

这个技巧将帮助你解决 Kendo UI NumericTextBox 的启用/禁用问题。

背景

使用 Kendo UI NumericTextBox 的好处之一是，你无需单独编写自定义验证来仅允许数字（其中用户输入必须是数字） - 然而，有一个缺点 - 启用/禁用功能，然后，并不像传统/任何其他普通 Textbox 那样简单。（我可是花了很多时间才学到的...！）。

当 repfirmDefault 为空时，我需要禁用所有 AgenctFeeOverrides Textboxes。

Using the Code

// Kendo NumericTextBox html
@(Html.Kendo().NumericTextBoxFor(model => model.AgencyFeeOverride)
.HtmlAttributes(new { style = "width: 85px;font-size:10px;line-height:2em;",
id=Model.OrderDetailId.ToString() + "_agencyFeeOverride" })
.Enable(@Model.AgencyFeeDefault != null && 
@Model.IsViewReadOnly.ToString().ToLower() == "false")
.Decimals(4)
)

$(document).ready(function () 
{
    //Get Default value
    var repFirmDefault = $('#RepFirmNameDefault').text();
       
    //Get all AgencyFeeOverrideList
    var agencyFeeList = $('[id*=_agencyFeeOverride]');
    
    //To disable _agencyFeeOverride kendoNumericTextBox 
    if (repFirmDefault=="") 
        {
            for (var i = 0; i < repFirmFeeList.length; i++) 
            {
                var numerictextbox = $(repFirmFeeList[i]).data("kendoNumericTextBox");
                numerictextbox.enable(false);
            }
        }
});