2012-12-26 52 views
0

我寫了下面用ASPX視圖引擎同樣的局部視圖在MVC

局部視圖
<%: Html.Telerik().DatePicker() 
.Name("datePicker") 
.Format(ViewData["dateFormat"].ToString()) 
.Value(ViewData["dateValue"].ToString()) 
%> 

現在我的單頁上我已經使用這個管窺兩次。 主頁包含

<%: Html.Partial("DateTimePicker") %> 
Some Code and again Partial View 
<%: Html.Partial("DateTimePicker") %> 

可能是名稱相同,這就是爲什麼它不能正常工作。
如何解決這個問題?

其實這個問題是用JavaScript。

div class="t-widget t-datetimepicker"> 
<div class="t-picker-wrap"> 
<input id="datePicker" class="t-input" type="text" name="datePicker"> 
<span class="t-select"> 
<span class="t-icon t-icon-calendar" title="Open the calendar">Open the calendar</span> 
<span class="t-icon t-icon-clock" title="Open the time view">Open the time view</span> 
</span> 
</div> 
</div> 
<div class="t-widget t-datetimepicker"> 
<div class="t-picker-wrap"> 
<input id="datePicker" class="t-input" type="text" name="datePicker"> 
<span class="t-select"> 
<span class="t-icon t-icon-calendar" title="Open the calendar">Open the calendar</span> 
<span class="t-icon t-icon-clock" title="Open the time view">Open the time view</span> 
</span> 
</div> 
</div> 

這就是Firebug向我展示的HTML。 這裏兩個輸入ID是datePicker,這就是爲什麼Java腳本功能不工作。 如何在部分視圖中動態獲取Id。

+1

問題是什麼?你得到了什麼錯誤? –

+1

你能檢查生成的標記是否有2個DOM元素具有相同的'id'?這是不允許的。 –

+0

@BehnamEsmaili實際上1st Date控件工作正常。但第二個局部視圖JS不工作 –

回答

0

在你的情況下,創建一個自定義的html helper會更合適,它將接收名稱和值作爲參數。

這是一個可以給你開始的鏈接Custom helper implementation

+0

這是一種方式。但我想通過使用部分視圖實現這一點。正如我們在Asp.Net中的UserControl UserControl等同於部分視圖。 –