在 ASP.NET 上将 jQuery 与 ComponentOne 结合使用
我正在尝试 ComponentOne,但 jQuery 遇到问题。
我正在使用 ASP.NET,所以我有一个 .aspx,其中包含多个控件,包括页面的更新面板。
我有一个来自 ComponentOne 的 TabControl 控件,其中包含我的页面的所有信息。该信息使用 jQuery Calendar 和其他插件。
在我导入 ComponentOne 之前一切都很好,但是 jQuery 似乎加载了两次(理论上我调查过的)。
我一直收到 .datepicker 不是一个函数,并且我无法让 colorbox 工作。 我已经在 aspx 中测试了所有内容,并且一切正常。 有人有解决方案吗? 非常感谢。
我的一些代码:
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.8.custom.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.datePicker.js"></script>
<script type="text/javascript" src="/Scripts/jquery.colorbox-min.js"></script>
<link href="/Styles/jquery-ui-1.8.8.custom.css" type="text/css" rel="Stylesheet" />
<link href="/Styles/colorbox.css" type="text/css" rel="Stylesheet" />
这就是主要内容。
我像这样使用jquery:
$(document).ready(function () {
$("#<%=tbFechaIngresoEntrante.ClientID %>").datepicker();
$("#<%=tbFechaAsignacionEntrante.ClientID %>").datepicker();
$("#<%=tbFechaOficioEntrante.ClientID %>").datepicker();
$("#<%=tbFechaSalidaSalientes.ClientID %>").datepicker();
});
最后我有 tabcontrol 与其他几个控件一样定义:
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:UpdatePanel runat="server" ID="upTotal">
<ContentTemplate>
<asp:Label runat="server" ID="lbPermisos" Text="Usted no tiene permiso para ver esta página."
Visible="false"></asp:Label>
<div id="divSeguridad" style="margin-left: 200px" runat="server">
<cc1:C1TabControl ID="C1TabControl1" VisualStyle="Office2007Blue" runat="server"
Height="100%" Width="75%" VisualStylePath="/Styles" SelectedIndex="0">
<TabPages>
<cc1:C1TabPage ID="C1TabPage1" Text="Documentación Entrante">
I'm trying ComponentOne and I'm having a problem with jQuery.
I'm working en ASP.NET so i have an .aspx with several controls including an update panel for the page.
I have a TabControl control from ComponentOne in wich i have all the information of my page. That information uses jQuery Calendar and other plugins.
Before I imported ComponentOne everything was OK but then jQuery seems to be loading twice (in theory for what i'd investigated).
I keep getting the .datepicker is not a function, and I can't get colorbox to work.
I've tested everything in an aspx apart and everything's working fine.
Does anyone have a solution for this ?
Thankyou very much.
A little bit of my code:
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.8.custom.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.datePicker.js"></script>
<script type="text/javascript" src="/Scripts/jquery.colorbox-min.js"></script>
<link href="/Styles/jquery-ui-1.8.8.custom.css" type="text/css" rel="Stylesheet" />
<link href="/Styles/colorbox.css" type="text/css" rel="Stylesheet" />
that's the head content.
i'm using jquery like this:
$(document).ready(function () {
$("#<%=tbFechaIngresoEntrante.ClientID %>").datepicker();
$("#<%=tbFechaAsignacionEntrante.ClientID %>").datepicker();
$("#<%=tbFechaOficioEntrante.ClientID %>").datepicker();
$("#<%=tbFechaSalidaSalientes.ClientID %>").datepicker();
});
and finally i have tabcontrol define like this with several other controls:
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:UpdatePanel runat="server" ID="upTotal">
<ContentTemplate>
<asp:Label runat="server" ID="lbPermisos" Text="Usted no tiene permiso para ver esta página."
Visible="false"></asp:Label>
<div id="divSeguridad" style="margin-left: 200px" runat="server">
<cc1:C1TabControl ID="C1TabControl1" VisualStyle="Office2007Blue" runat="server"
Height="100%" Width="75%" VisualStylePath="/Styles" SelectedIndex="0">
<TabPages>
<cc1:C1TabPage ID="C1TabPage1" Text="Documentación Entrante">
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
ComponentOne 控件有一个名为 UseEmbeddedjQuery 的属性,默认设置为 true。我尝试将其设置为 false,但一开始不起作用,因为 TabControl 内的 ComponentOne 中的其他几个控件也没有设置为 false。我更改了每个控件中的每个 UseEmbeddedjQuery 属性,现在工作正常。
我在此处找到了该解决方案。
对于遇到此类问题的人来说,解决方案很简单:导入您自己的 jQuery 文件并将每个控件的 UseEmbeddedjQuery 属性设置为 false。
希望这对某人有帮助。
添加
另一个解决方案是保留该属性为 true 并使用:
jqr = jQuery.noConflict(true);
Controls for ComponentOne have a property called UseEmbeddedjQuery wich is set to true by default. I tried setting it up to false and it didn't worked at first because i had several other controls from ComponentOne inside the TabControl wich weren't set to false too. I changed every UseEmbeddedjQuery property in every control and now's working fine.
I found that solution here.
For people who come across a problem like this the solution is simple: import your own jQuery file and set the UseEmbeddedjQuery property to false en every control.
Hope this helps someone.
ADDED
Yet another solution is to leave that property true and use:
jqr = jQuery.noConflict(true);