This is a migrated thread and some comments may be shown as answers.

Issue with datepicker in tabstrip

1 Answer 61 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Uma
Top achievements
Rank 1
Uma asked on 05 Oct 2010, 09:04 PM
Hi,
I have a tabstrip binded to a model by selecting the first tab as default. Clicking on tab, a partial view with some fields will be displayed which contains datepicker also. When i click on any calender icon on any tab other than the first tab, calender is not opening.. Only first tab's calender icon is working.. I'm using 2010.2.930 version.

Tabstrip Partial View:
<% Html.Telerik().TabStrip()
       .Name("TrapTabStrip")
       .BindTo(Model, (item, TrapPestReport) =>
           {
               item.Text = TrapPestReport.Name;
               item.ContentUrl = Url.Action("Edit", "Trap", new { TrapId = TrapPestReport.TrapId, GridSquareId = TrapPestReport.GridSquareId }); 
           })
       .SelectedIndex(0)
       .Render();      
         
%>

Controller Code:
public ActionResult Edit(int TrapId, int GridSquareId)
{
    if (this.CarifendUser != null)
    {
        TrapPestReport viewdata = _repository.GetTrapReport(TrapId);
        return PartialView("EditTrap",viewdata);
    }
    else
        return RedirectToAction("LogOn", "Account");
}

EditTrap Partial View:(Partial View displays in the tabstrip)
<div id="TrapArea">
    <% using (Ajax.BeginForm("EditTrap", "Trap", null, new AjaxOptions { UpdateTargetId = "TrapArea" }))
       {%>
        <%= Html.ValidationSummary(true) %>
        <fieldset>
            <legend><%= ViewsTrapRes.DisplayNames.TrapReportPestTitle %></legend
              
            <div class="editor-label">
                <%= Html.LabelFor(model => model.Count) %>
            </div>
            <div class="editor-field">
                <%= Html.TextBoxFor(model => model.Count) %>
                <%= Html.ValidationMessageFor(model => model.Count) %>
            </div>
              
            <div class="editor-label">
                <%= Html.LabelFor(model => model.CountDateTime) %>
            </div>
            <div class="editor-field">
                <%= Html.Telerik().DatePickerFor(model => model.CountDateTime)
                    .Name("CountDateTime")
                    .Value(Model.CountDateTime >= DateTime.MinValue ? Model.CountDateTime : DateTime.Today)
                    .MaxDate(DateTime.Today)
                    .ShowButton(true)  %>
                <%= Html.ValidationMessageFor(model => model.CountDateTime.Date) %>
            </div>            
        </fieldset>
        <fieldset>
            <p>
                <input type="submit" value="<%= ViewsSharedRes.SharedStrings.btnSave %>" name ="button" id="save" class="submitButtonStyle" /> 
                <input type="submit" value="<%= ViewsSharedRes.SharedStrings.btnDelete %>" name ="button" id ="delete" class="submitButtonStyle" />  
                <input type="button" value="<%= ViewsSharedRes.SharedStrings.btnCancel  %>" name ="button" class="submitButtonStyle cancel" onclick ="closeWindow()" /> 
            </p>
        </fieldset>
          
       <% } %>
</div

Is this issue with tabstrip? Any suggestions pls..

Regards,
Uma

1 Answer, 1 is accepted

Sort by
0
Uma
Top achievements
Rank 1
answered on 06 Oct 2010, 02:33 PM
Any suggesstions please? Is there any work around to fix this?
Tags
TabStrip
Asked by
Uma
Top achievements
Rank 1
Answers by
Uma
Top achievements
Rank 1
Share this question
or