Question

我在视图中制作了一些复选框。复选框通过具有bool属性的ViewModel实现。我正在尝试将控制器中的查询更改为“日期”或“月份”，具体取决于是否已选中该复选框。但是在Controller中，即使检查了“月”，它也总是跳过“else语句”。月总是假的。

我怀疑JavaScript代码可能有误。

此用户界面：

enter image description here

在我的Controller方法中，我尝试执行以下操作：

控制器：

 var request = GoogleAnalyticsService.Data.Ga.Get("ga:59380223", start, end, "ga:visitors");



    var request = GoogleAnalyticsService.Data.Ga.Get("ga:59380223", start, end, "ga:visitors");


            if (model.Month)
            {

                request.Dimensions = "ga:month";
                request.Sort = "-ga:month";

            }

            else
            {
                request.Dimensions = "ga:date";
                request.Sort = "-ga:date";
            }

            request.MaxResults = 10000;

            Google.Apis.Analytics.v3.Data.GaData d = request.Execute();

在视图中，我已经实现了我的Viewmodel，并尝试编写一些javascript检查，如果选中了哪个复选框以及是否返回true或false：

查看：

    <table class="adminContent">
             <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.StartDate): 
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.StartDate)
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.EndDate):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.EndDate)
                </td>
            </tr>
          <tr>
            <td class="data" colspan="2">
                @Html.CheckBoxFor(model => model.Date, new { id = "Day" }) // -- Checkbox Date
                @Html.LabelFor(model => model.Date)
            </td>
            </tr>
         <tr>
             <tr>
        <td class="data" colspan="2">
                @Html.CheckBox("chkMonth", new { @onclick = "updatemyhidden(this)" }) // -- Checkbox Month
                @Html.HiddenFor(model => model.Month, new { id = "Month" })
                @Html.LabelFor(model => model.Month)           
        </td>
    </tr>
        </tr>
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.GAStatisticsId ):
                </td>
                <td class="adminData">
                    @Html.DropDownList("GAStatisticsId", Model.AvailableGAStatistics)
                    <input type="button" id="GAStatisticsReport-Submit" class="t-button" value="@T("Admin.Common.Search")" />
            </tr>
    </table>


    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="/Scripts/jquery.min.js"></script>
    <script type="text/javascript">
 $("#GAStatisticsReport-Submit").click(function () {

        if ($("select[name='GAStatisticsId'] option:selected").text() == "Visitors Report")
            drawChartVisitors()

        if ($("select[name='GAStatisticsId'] option:selected").text() == "Orders Report")
            drawChartOrders()

        if ($("select[name='GAStatisticsId'] option:selected").text() == "Conversion Report")
            drawConversion()

        function updatemyhidden(chkbox) {
            $("#Month").val(chkbox.checked);

        }

    })
    google.load("visualization", "1", { packages: ["corechart"] });
    google.load("visualization", "1", { packages: ["treemap"] });
    function drawChartVisitors() {
        $.get('/GAStatistics/GetVisitors', {
            StartDate: $('#@Html.FieldIdFor(model => model.StartDate)').val(),
            EndDate: $('#@Html.FieldIdFor(model => model.EndDate)').val(),



        },
            function (data) {
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('date', 'Date');
                tdata.addColumn('number', 'Visitors');

                for (var i = 0; i < data.length; i++) {


                    if ($("#Month").is(":checked")) {


                        var dateStr = data[i].Date.substr(0, 4);
                    }



                    else {

                        var dateStr = data[i].Date.substr(0, 4) + "-" + data[i].Date.substr(4, 2) + "-" + data[i].Date.substr(6, 2);
                    }


                    tdata.addRow([new Date(dateStr), parseInt(data[i].Visitors)]);
                }

控制器dosnt中的if语句似乎根据我在视图中选择的内容进行操作。

注意：我没有使用httpPost / get，因为数据加载了Google Charts，我不希望每次选择新请求时整个页面都重新加载。

Answer 1

是因为您在月份中设置了bool字段，因此对于您的复选框，它将呈现为true/false。您可以查看month复选框的呈现HTML。无论您是否检查过，数据仍然以true/false的形式发送回服务器，这取决于呈现页面时设置的内容。这个值永远不会改变。

因此，我建议您在viewmodel中添加一个属性以保持try check/unchecked状态，并在视图中将其呈现为隐藏字段，并在复选框为ticked/unticked时更新此隐藏字段。

或month字段呈现为隐藏字段，并在页面中添加一个复选框，以便在复选框为month时更新checked/unchecked字段

假设我们使用第二种方法，代码看起来像这样，（我没有测试下面的代码）。我希望这会有所帮助：

@Html.CheckBox("chkMonth", new { @onclick = "updatemyhidden(this)" })
@Html.HiddenFor(model => model.Month)

<script type="text/javascript">
    function updatemyhidden(chkbox) {
        $("#Month").val(chkbox.checked);

    }
</script>

复选框（型号）dosn在选中时更改值

1 个答案: