使用 Javascript 设置 ASP 文本框的启用属性答案

【问题标题】：Setting an ASP TextBox's enabled property using Javascript使用 Javascript 设置 ASP 文本框的启用属性
【发布时间】：2013-06-11 15:09:13
【问题描述】：

在尝试设置 ASP 文本框的已启用属性时，我收到“CS0030：无法将类型 'string' 转换为 'bool'”作为错误消息。

标记如下：

<asp:TextBox ID="dateTo" runat="server" Enabled='<%# "javascript:disableDateTo()"%>' BackColor="#FFFF99" />

而Javascipt函数是：

function disableDateTo() {
    // Disable the dateTo field if the dateFrom field doesn't contain a value
    if ($("#MainContent_dateFrom").datepicker("getDate") != null) {
        return false;
    }
    else {
        return true;
    }
}

【问题讨论】：

ASP.Net 不能那样工作。您不能混合使用服务器端代码和客户端代码。
您在这里混淆了服务器端和客户端代码。为什么使用服务器端内联的东西，但把客户端 JavaScript 放在里面？更不用说你的“额外”引号（单和双......为什么？）
没有服务器端语言确实像这样工作。您只是不能从服务器端代码调用客户端（javascript）函数，反之亦然。另外，我强烈建议从您的 aspx 页面中删除样式信息并将其移动到 css 文件中。

标签： javascript asp.net

【解决方案1】：

我同意您不能像示例中那样混合服务器端和客户端代码的 cmets。看起来你想要的是接受日期作为文本输入的东西，直到用户从日历中选择一个日期。如果是这种情况，我会将其实现为纯客户端代码，如follows：

HTML：

<div id='MainContent_dateFrom'></div>
<input id='dateTo' type='text' />

脚本：

$(document).ready(function() {
    $("#MainContent_dateFrom").datepicker({
        onSelect: function() {
            $("#dateTo").val(new Date(Date.parse($(this).datepicker("getDate"))).toLocaleDateString())
                .attr("disabled", "disabled");
        }
    });
});

【讨论】：

【解决方案2】：

您需要在 asp .net 控件标记之外触发一个 JavaScript 事件。以下是使用页面加载作为示例实现此目的的方法：

<script type="text/javascript">
$(function () {
    disable();
});

function disable() {
    if ($("#dateTo[disabled]").length > 0) {
        $("#dateTo").removeAttr('disabled');
    }
    else {
        $("#dateTo").attr('disabled', 'disabled');
    }
}
</script>

【讨论】：