Javascript ASP.net MVC的KendoUI网格

我有一个搜索页面的要求，我在其中使用KendoUI网格显示搜索结果。 我有一个文本框和按钮，如果输入文本并单击按钮事件，我会显示网格，其中包含与搜索结果匹配的用户列表。 我正在使用ASP.NETMVC和KENDOUI网格

我的看法是：

搜索框和按钮：

 <div id="SearchSection">
    <input  type="text" id="txtSearch" class="k-textbox"/>  
     <button  class="k-button"id="btnSearch" style="width:150px">Search</button>

</div>   

在javascript中的按钮click event上，当我将网格附加到事件时，我得到了数据源读取无法识别的错误。 确切的错误是：

JavaScript运行时错误：无法获取未定义或空引用的属性“dataSource”

请帮帮我。任何想法请分享，或者如果我在我的上述代码中做了任何错误的事情，请指出

我对肯杜伊和MVC很陌生，所以请详细解释一下

我遇到上述问题是因为在网格名称之前缺少

但现在我还有一个问题，尽管我正在采取所有正确的步骤。 在我上面的AdditionalData javascript函数中，paaremeter中没有设置我的参数

function AdditionalData() {
//$("#ADuserGrid").empty();
$("#ADuserGrid").fadeIn();
return {
    searchText: enterTest
}
}

这个搜索文本并没有被设置，甚至我在enterTest中得到了价值。

---

任何帮助都是非常有用的。我真的陷入了这个困境。

您正试图通过以下方式访问网格：

var grid = $("kADUser").data("kendoGrid");

$（“kADUser”）

找不到任何元素，因为它正在查找

kADUser

标记，并且空jQuery集的

.data（）

为空

因此，当您尝试访问

grid.dataSource

时，

grid

为“未定义或空”（这是错误告诉您的）。 您应该使用id选择器：

var grid = $("#kADUser").data("kendoGrid");

---

一般来说，我建议避免使用复合语句，并保持每行一个语句。这将使调试变得更容易。

您好，感谢您的回复，我也注意到并纠正了这一点，我的问题得到了解决。但我现在还有一个问题：请帮我一个忙：我正在传递additionaldata Javascript函数，但参数不是获取集合函数additionaldata（）{/$（“#ADuserGrid”）.empty（）；$（“#ADuserGrid”）.fadeIn（）；返回{searchText:enterTest}搜索文本正在提交null@Deepali你不应该用新的问题更新你原来的问题——而是问一个单独的问题；我不确定你想用AdditionalData函数做什么-它目前所做的只是fadeInI创建了一个包含所有细节的新版本。链接是，请查看它，任何帮助都是最受欢迎的。我真的在努力工作。我想这对你会有帮助的

function AdditionalData() {
//$("#ADuserGrid").empty();
$("#ADuserGrid").fadeIn();
return {
    searchText: enterTest
}
}

var grid = $("kADUser").data("kendoGrid");

var grid = $("#kADUser").data("kendoGrid");