Hi,
I have used Kendo UI for doing my application in ASP.NET. Here I am calling a page as a view from a parent page. Both have separate master pages.. I can't create Date picker in child page which has the error while creating.
I am listing the source of the page here.
<%@ Page Title="" Language="C#" MasterPageFile="~/m/Blank.Master" AutoEventWireup="true"
CodeBehind="FileDetails.aspx.cs" Inherits="LegalPaperwork.m.FileDetails" ValidateRequest="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script src="../js/kendo/kendo.all.min.js" type="text/javascript"></script>
<link href="../Styles/kendo/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="../Styles/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.inputs
{
font-size: 15px !important;
font-weight: normal;
}
.labels
{
font-size: 12px !important;
font-weight: bold;
}
.heading
{
font-size: 12px !important;
font-weight: normal;
}
.button
{
width: 150px !important;
text-align: center;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="example" class="k-content">
<div data-role="view" id="issues" data-transition="slide">
<div data-role="navbar" class="heading">
Issues <a href="#appwrapper" data-role="backbutton" data-align="right">Cancel </a>
</div>
<div>
<table align="center">
<tr>
<td width="50">
<asp:Label ID="Label15" runat="server" CssClass="labels" Text="File "></asp:Label>
</td>
<td>
<asp:Label ID="lblDocumentName0" runat="server" CssClass="labels"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label16" runat="server" CssClass="labels" Text="Case "></asp:Label>
</td>
<td>
<asp:Label ID="lblCase3" runat="server" CssClass="labels"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="Label17" runat="server" CssClass="labels" Text="Submitted to Court By "></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:DropDownList ID="dropSubmittedBy" runat="server" Width="255px" DataTextField="Name"
DataValueField="RowKey" CssClass="inputs">
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="Label18" runat="server" CssClass="labels" Text="Submitted to Court On"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<input id="datepicker" value="November 2011" style="width: 150px" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="btnUpdateSubmission" runat="server" Text="Update" />
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
</script>
</asp:Content>
----------------------------------------------------------
This is the error I am getting..
Microsoft JScript runtime error: Object doesn't support property or method 'kendoDatePicker'
Why it is happen..?Please help me..
I have used Kendo UI for doing my application in ASP.NET. Here I am calling a page as a view from a parent page. Both have separate master pages.. I can't create Date picker in child page which has the error while creating.
I am listing the source of the page here.
<%@ Page Title="" Language="C#" MasterPageFile="~/m/Blank.Master" AutoEventWireup="true"
CodeBehind="FileDetails.aspx.cs" Inherits="LegalPaperwork.m.FileDetails" ValidateRequest="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script src="../js/kendo/kendo.all.min.js" type="text/javascript"></script>
<link href="../Styles/kendo/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="../Styles/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.inputs
{
font-size: 15px !important;
font-weight: normal;
}
.labels
{
font-size: 12px !important;
font-weight: bold;
}
.heading
{
font-size: 12px !important;
font-weight: normal;
}
.button
{
width: 150px !important;
text-align: center;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="example" class="k-content">
<div data-role="view" id="issues" data-transition="slide">
<div data-role="navbar" class="heading">
Issues <a href="#appwrapper" data-role="backbutton" data-align="right">Cancel </a>
</div>
<div>
<table align="center">
<tr>
<td width="50">
<asp:Label ID="Label15" runat="server" CssClass="labels" Text="File "></asp:Label>
</td>
<td>
<asp:Label ID="lblDocumentName0" runat="server" CssClass="labels"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label16" runat="server" CssClass="labels" Text="Case "></asp:Label>
</td>
<td>
<asp:Label ID="lblCase3" runat="server" CssClass="labels"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="Label17" runat="server" CssClass="labels" Text="Submitted to Court By "></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:DropDownList ID="dropSubmittedBy" runat="server" Width="255px" DataTextField="Name"
DataValueField="RowKey" CssClass="inputs">
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="Label18" runat="server" CssClass="labels" Text="Submitted to Court On"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<input id="datepicker" value="November 2011" style="width: 150px" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="btnUpdateSubmission" runat="server" Text="Update" />
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#datePicker").kendoDatePicker();
});
</script>
</asp:Content>
----------------------------------------------------------
This is the error I am getting..
Microsoft JScript runtime error: Object doesn't support property or method 'kendoDatePicker'
Why it is happen..?Please help me..