0

我有一个单选按钮,可以在 Telerik 网格中显示记录列表。当单选按钮被选中时,它会显示完整和不完整的记录。然而,用户想要一种只显示完整或不完整记录的方式。我添加了两个互斥复选框。用户可以选中完整或不完整的复选框来显示数据。它在我的本地上运行良好,但在服务器上运行不佳。第一次,用户必须点击复选框两三次才能保持状态。另外,如果勾选了完成并且用户接下来勾选了不完整,勾选标记将返回完成。用户必须做第二次。我在这里做错了什么?

这是复选框的html

@Html.CheckBox("complete", SessionWrapper.currentEncounter.complete, new { id = "chkComplete", onclick = "chkInCompleteOption(1);this.form.submit();" }) <strong>Complete</strong>

@Html.CheckBox("Incomplete", SessionWrapper.currentEncounter.incomple, new { id = "chkInComplete", onclick = "chkInCompleteOption(2);this.form.submit();" }) <strong>Incomplete</strong>

//这里是javascript

var completeCheck = '@SessionWrapper.currentEncounter.complete';
var inCompleteCheck = '@SessionWrapper.currentEncounter.incomplete';

 function chkInCompleteOption(e) {
        if (e == 1) {
            var cc = $('#chkComplete').is(':checked');
            var data = { "complete": cc, "inComplete": false };
                        var url = '@Url.Action("CompletedOption", "Orders")';
                        $.ajax({
                            url: url,
                            type: 'post',
                            dataType: 'text',
                            data: data,
                            success: function (data) {
                                testComplete();
                                return true;
                            },
                            error: function (error) {
                                alert("An error has occured.");
                                return false;

                            }
                        });

                    }
                    else if (e == 2) {
                        var inc = $('#chkInComplete').is(':checked')
                        var data = { "complete": false, "inComplete": inc };
                        var url = '@Url.Action("CompletedOption", "Orders")';
                        $.ajax({
                            url: url,
                            type: 'post',
                            dataType: 'text',
                            data: data,
                            success: function (data) {
                                testInComplete();
                                return true;
                                //  $('#chkComplete').removeAttr("checked", "checked");
                                //  $('#chkInComplete').attr("checked", "checked");

                            },
                            error: function (error) {
                                alert("An error has occured.");
                                return false;

                            }
                        });
        }


    }


function testInComplete() {
        if (inCompleteCheck == true) {
              inCompleteCheck =  $('#chkInComplete').attr("checked", "checked");
              document.getElementById('chkInComplete').checked = true;
        } else {
            $('#chkInComplete').removeAttr("checked");
        }
    }


    function testComplete() {
        if (inCompleteCheck == true) {
            completed = $('#chkComplete').attr("checked", "checked");
            document.getElementById('chkComplete').checked == true;
        } else {
            $('#chkComplete').removeAttr("checked");
        }
    }

//设置服务器端互斥值

public bool CompletedOption(bool complete, bool inComplete)

            if (inComplete == true && complete == true)
            {
                return false;
            }

            if (complete == true)
            {
                SessionWrapper.currentEncounter.complete = true;
            }
            else if (SessionWrapper.currentEncounter.complete == true && (complete == null || inComplete == null))
            {
                SessionWrapper.currentEncounter.complete = true;
            }
            else
            {
                SessionWrapper.currentEncounter.complete = false;
            }


            if (inComplete == true)
            {
                SessionWrapper.currentEncounter.incomplete = true;
            }
            else if (SessionWrapper.currentEncounter.incomplete == true && (complete == null || inComplete == null))
            {
                SessionWrapper.currentEncounter.incomplete = true;
            }
            else
            {
                SessionWrapper.currentEncounter.incomplete = false;
            }


            return true;
        }
4

1 回答 1

0

我发现了这个问题。服务器端正在正确更新;但是,ajax 每次执行时都会返回一条错误消息。当需要一个字符串时,服务器端的方法返回一个布尔值。我还将异步和缓存设置为 false。我再次运行该应用程序,它工作正常。

//将方法签名从布尔值更改为字符串

public string CompletedOption(bool complete, bool inComplete)
{
  return "true";
}

阿贾克斯帖子

$.ajax({
            url: url,
            type: 'post',
            dataType: 'text',
            async: false, //Added
            cache: false, //Added
            data: data,
            success: function (data) {
                  return data;
            },
            error: function (error) {
                alert("An error has occured.");
                return false;
            }
        });
于 2013-09-24T18:40:31.963 回答