2014-04-05 88 views
0

我發現這個jQuery插件可以使下拉列表搜索(http://jsearchdropdown.sourceforge.net/)。這是我很想在我的項目中使用的東西,但是我遇到了一些問題。這是我如何讓DropDownList的,我也給它一個id,這樣我可以應用功能的下拉列表:在ASP.NET MVC應用程序中使用自定義jQuery函數

<div id="geadresseerde-politici"> 
      @Html.Label("Politicus") 
      @Html.DropDownListFor(model => model.PoliticianId, (SelectList)ViewBag.PolIds, new{@id = "polDrop"}) 
</div> 

我也包括在我的<head>部分.min.js文件像這樣:

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.searchabledropdown-1.0.8.min.js")"></script>

而且我的JavaScript部分:

$(document).ready(function() { 
      $("#polDrop").searchable(); 
}); 

當我嘗試使用我的頁面的下拉列表無法搜尋,我得到一個埃羅r在Chrome控制檯上說:Uncaught TypeError: Object [object Object] has no method 'searchable'

有沒有人有任何想法我可能做錯了。我是否需要包含更多文件?我檢查了Chrome的源代碼標籤(在ctr + shift + i helper中)並且加載了.min.js腳本。我是否需要'以某種方式告訴我的代碼,searchable()函數是在額外的js文件中,而不是在標準的js庫中?

+0

你確定你的HTML肯定是在搜索的腳本拉?將警報添加到可搜索插件的頂部以進行檢查。 – leaksterrr

+0

您的意思是我應該在我的頁面使用的.min.js文件中放置一個警報? –

+0

是的,在頂部jquery.searchabledropdown-1.0.8.min.js – leaksterrr

回答

0
The Way You Were Trying = 1 way 
Second Way 
Asp.net 
Push Array In Asp.net ViewData['MYDATALIST'] As serialized data. 

Jquery/js 
my list = $('MYDATALIST').val(); 
Now Push This Array List In Your Select. 
+0

您需要提供小提琴或jsbin示例更實用的解釋 – vijay

+0

這是否與可搜索的下拉列表的jQuery庫有關? –

0

還添加這些files.Seems像他們也needed.Also改變位置,因爲你

<link type="text/css" rel="stylesheet" href="sh/shCore.css"/> 
<link type="text/css" rel="stylesheet" href="sh/shThemeDefault.css"/>   
<script type="text/javascript" src="sh/shCore.js"></script> 
<script type="text/javascript" src="sh/shBrushJScript.js"></script> 
相關問題