Question

我有一个ASP.NET MVC DropDownList：

@{var selectionList = new List<SelectListItem>
         {
          new SelectListItem { Text = "All Patients", Value="All Patients" },
          new SelectListItem { Text = "Chosen Patients", Value="Chosen Patients" }         
         };

        }
        @Html.DropDownList("Selection",new SelectList(selectionList,"Value","Text"))

我还有一个KendoGrid，应该在点击列表项之前隐藏：“选择患者”：

<script type="text/javascript"> 
    $('#CheckedPatientsRep').hide();
</script>

这是KendoGrid：

 @(Html.Kendo().Grid<RunSummary>()
          .Name("CheckedPatientsRep")          
          //.Events( events => events.DataBinding("onDataBinding"))
          .DataSource(datasource => datasource
                .Ajax().PageSize(25)        
                .ServerOperation(false)
                .Sort(sort => sort.Add("UniqueId").Ascending())                        
                .Read(read => read.Action("GetRunSummaries", "PatientReport")))               

          .Columns(columns =>
              {

等。我想在点击DropDownList中的“选择患者”后显示KendoGrid。这是我的点击代码：

<script>
    $("#Selection").click(function () {
        var selectedValue = $(this).find('option:selected').val();
        if (selectedValue.toLower() == "chosen patients") {            
            $('#CheckedPatientsRep').show();
        }
    });
</script>

我有两个问题：KendoGrid最初没有隐藏，第二个是点击不起作用。怎么解决这个？提前感谢您的帮助。

Answer 1

现在一切都好了:)。我只把代码

<script type="text/javascript">
    $('#CheckedPatientsRep').hide();
</script>

在KendoGrid之前。 click的代码也有效，除了它应该使用函数toLowerCase（）而不是toLower（）。

ASP.NET MVC razor DropDownList不显示KendoGrid

1 个答案: