对象不支持属性或方法“的dataTable”-salesforce,visualforce-CodeGo.net
对象不支持属性或方法“的dataTable”
你好我想在Visualforce的网页的数据表。我已经包括的jquery.js，DataTable.Min.Js，Datatable.js在这个顺序的页面。我有初始化数据表像下面
$(document).ready( function () {
var oTable1 = $('#LeadTable').dataTable( {
"sPaginationType": "full_numbers",
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ ] }],
"bLengthChange": false,
"bAutoWidth": false,
"iDisplayLength" : 20,
"aaSorting": [[ 4, "desc" ]],
"oColumnFilterWidgets": { "aiExclude": [ 0, 3, 4 ] }
我收到错误“对象不支持属性'的dataTable'”。我检查有什么问题？
&apex:page controller="HomeBasedClass" id="thePage" &
&apex:stylesheet value="{!$Resource.RoleHierarchyPopupStyle}"/&
&style type="text/css"&
background-color: #f5f5f5;
#Initialloading{
width: 100%;
height: 500
/*left: 200*/
/*position:*/
z-index: 99
#loading-image{
left: 45%;
z-index: 100
&script type="text/javascript"&
var i = setInterval(function () {
clearInterval(i);
// The desired code is only this:
document.getElementById("Initialloading").style.display = "none";
document.getElementById("thePage:formId").style.display = "";
&script type="text/javascript"&
function showPopUp(divId)
document.getElementById(divId).style.display = '';
function ClosePopup(divId){
document.getElementById(divId).style.display = 'none';
#LeadTable { border-collapse: }
h3 { color: #333333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-
font-size: 14
line-height: 20
#panel table { border-collapse: }
.button { background: url('{!$Resource.LoadingButton}') no- width:335 height:65}
margin-bottom:18
margin-top:18
margin-left: 55
font-family:Verdana, Arial, Helvetica, sans-
font-size:13
color:#000000;
line-height:20
margin-left:15
margin-bottom:18
margin-top:18
width: 200
font-weight:
#TaskTable_paginate {
&div id="Initialloading" align="center"&
&img src="{!$Resource.Loading}" /&
&br/&&br/&
&font color="Red"&Please Wait...&/font&
&apex:form id="formId" style="display:"&
&!--&script src="/soap/ajax/15.0/connection.js" type="text/javascript"&&/script&
&script src="/soap/ajax/15.0/apex.js" type="text/javascript"&&/script&--&
&!--&apex:includeScript value="{!$Resource.jQueryLib19Compress}"/&
&script src="{!URLFOR($Resource.DataTables, 'media/js/jquery.dataTables.min.js')}"&&/script&
&script src="{!URLFOR($Resource.DataTables, 'media/js/jquery.dataTables.js')}"&&/script&
&script src="{!URLFOR($Resource.DataTables, 'media/js/ColVis.js')}"&&/script&
&script src="{!URLFOR($Resource.DataTables, 'media/js/ZeroClipboard.js')}"&&/script&
&script src="{!URLFOR($Resource.DataTables, 'media/js/TableTools.js')}"&&/script&
&script src="{!URLFOR($Resource.DataTables, 'media/js/ColumnFilterWidgets.js')}"&&/script&--&
&apex:includeScript value="{!$Resource.DtJQueryJs}"/&
&apex:includeScript value="{!$Resource.DtDataTableMinJs}"/&
&apex:includeScript value="{!$Resource.DtDataTableJs}"/&
&apex:stylesheet value="{!URLFOR($Resource.DataTables, 'media/css/DataTablesAdvancedExample.css')}"/&
&script type="text/javascript"&
$(document).ready( function () {
var oTable1 = $('#LeadTable').dataTable( {
"sPaginationType": "full_numbers",
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ ] }],
"bLengthChange": false,
"bAutoWidth": false,
"iDisplayLength" : 20,
"aaSorting": [[ 4, "desc" ]],
"oColumnFilterWidgets": { "aiExclude": [ 0, 3, 4 ] }
var oTable2 = $('#JobprofileTable').dataTable( {
"sPaginationType": "full_numbers",
"iDisplayLength" : 5,
"bLengthChange": false,
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ ] }],
"aaSorting": [[ 5, "desc" ]],
"oColumnFilterWidgets": { "aiExclude": [ 0, 3, 4 ]}
function startSplash() {
document.getElementById('splashDiv').style.display='';
function endSplash() {
document.getElementById('splashDiv').style.display='none';
&div class="button" id="splashDiv" style="display: position: left: 500 top: 250 border: 0 z-index: 9999;"&
&div class="circle"&&apex:image value="{!$Resource.LoadingImage}"&&/apex:image&&/div&
&div class="txt"&Please Wait. Loading...&/div&
&apex:actionStatus id="splashStatus" onstart="startSplash();" onstop="endSplash();" /&
&apex:actionFunction name="ajaxSetClientLoaded" action="{!setClientLoaded}" immediate="true" rerender="formId"/&
&apex:sectionHeader subtitle="Home Base - Sales Rep Dashboard"/&
&a href="#thePage:formId:leadSection"&Leads&/a&& &|&apex:outputLabel && &&/apex:outputLabel&&a href="#thePage:formId:jobProfileSection"&&apex:outputLabel &Job Profiles&/apex:outputLabel&&/a&&apex:outputLabel && &|&/apex:outputLabel&& &&a href="#thePage:formId:OpportunitySection"&Opportunities&/a&& &|& &&a href="#thePage:formId:TaskSection"&Activities&/a&& &|& &&a href="#thePage:formId:OrderSection"&Orders & Deliveries&/a&&br/&&br/&&br/&
&label style="cursor: text-decoration:underline" onclick="showPopUp('descreteAddDiv');"&{!$UserRole.Name}&/label&&br/&&br/&
&div id="descreteAddDiv" style="display:"&
&apex:outputPanel styleClass="DescAddresspopupBackground" layout="block" /&
&apex:outputPanel id="fulfillingBranchPanel" style="-moz-border-radius: 15-webkit-border-radius: 15border-radius: 10" styleClass="custDescAddressPopup" layout="block" &
&div style="width:25 float:padding:5px 5 cursor:" onclick="ClosePopup('descreteAddDiv');"&[X]&/div&
&apex:iframe src="/apex/testpage" width="100%" height="350px" scrolling="true"/&
&/apex:outputPanel&
&!-- ----------------------------------------------------Lead section Start------------------------------------------ --&
&apex:pageBlock id="leadSection" &
&table width="100%" border="1" cellpadding="5" cellspacing="8"&
&td align="left" colspan="2"&&h3&Leads&/h3&&/td&
&td width="25%" valign="top" height="265"&
&apex:outputPanel id="componentPnl"&
&c:LeadGraphComponent userId="{!SelectedUserId}" id="LeadComponent"/&
&/apex:outputPanel&
&td width="75%" valign="top"&
&table cellpadding="0" cellspacing="0" border="0" class="display" id="LeadTable" &
&th style="font-weight: text-align: font-family: A font-size: 8"&Company&/th&
&th&Name&/th&
&th&Phone&/th&
&th&Servicing Branch ID&/th&
&th&Created Date&/th&
&th&Last Activity Date&/th&
&th&Next Activity Date&/th&
&apex:repeat value="{!LstLeadGrid}" var="c"&
&td&&a href="https://c.cs3./{!c.id}" target="_blank"&{!c.Company}&/a&&/td&
&td&{!c.Name}&/td&
&td&{!c.Phone}&/td&
&td&{!c.Servicing_Branch_Id__c}&/td&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Created_Date_Time__c}"/&
&/apex:outputText&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Last_Activity_Datetime__c }" /&
&/apex:outputText&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Next_Activity_Date__c}" /&
&/apex:outputText&
&/apex:repeat&
&/apex:pageBlock&
&!-- ----------------------------------------------------Lead section End------------------------------------------ --&
&!-- ----------------------------------------------------Job Profile section Start------------------------------------&
&!-- ------rendered="{!IF(($UserRole.Name == 'Branch Manager - US') || ($UserRole.Name == 'Customer Sales Specialist - NSC - US') || ($UserRole.Name == 'Regional Manager - US') || ($UserRole.Name == 'Sales Rep - US') || ($UserRole.Name == 'Territory Sales Mgr - US'),true,false)}"----&
&apex:pageBlock id="jobProfileSection" &
&table width="100%" border="1" cellpadding="5" cellspacing="8"&
&td align="left" colspan="2"&&h3&Job Profiles&/h3&&/td&
&td width="25%" valign="top" height="265"&
&apex:outputPanel id="componentPnl"&
&c:JobProfileComponent userId="{!SelectedUserId}" id="JpComponent"/&
&/apex:outputPanel&
&td rowspan="2" width="75%" valign="top"&
&table cellpadding="0" cellspacing="0" border="0" class="display" id="JobprofileTable" &
&th&Job profile Name&/th&
&th&Job Profile ID&/th&
&th&BranchID&/th&
&th&Valuation&/th&
&th&GC Name&/th&
&th&JS City&/th&
&th&JS State&/th&
&th&Job Name&/th&
&th&JS Zip&/th&
&apex:repeat value="{!LstJobProfileGrid}" var="c"&
&td align="left" style="font-colour:"&&a href="https://c.cs3./{!c.id}" target="_blank"&{!c.Name}&/a&&/td&
&td align="center"&{!c.Job_Profile_ID__c}&/td&
&td align="center"&{!c.Branch_ID__c}&/td&
&td align="center"&{!c.Valuation__c}&/td&
&td align="center"&{!c.GC_Awarded_Dodge__c}&/td&
&td align="center"&{!c.Job_Site_City__c}&/td&
&td align="center"&{!c.Job_Site_State__c}&/td&
&td align="center"&{!c.Name}&/td&
&td align="center"&{!c.Job_Site_Zip__c}&/td&
&/apex:repeat&
&/apex:pageBlock&
&!-- ----------------------------------------------------Job Profile End------------------------------------------ --&
&!-- ----------------------------------------------------Opportunity section Start------------------------------------------ --&
&apex:pageBlock id="OpportunitySection"&
&c:OpportunityComponent userId="{!SelectedUserId}" id="OppComponent"/&
&/apex:pageBlock&
&!-- ----------------------------------------------------Opportunity section End------------------------------------------ --&
&!-- ----------------------------------------------------Activity section Starts------------------------------------------ --&
&apex:pageBlock id="TaskSection"&
&script type="text/javascript" charset="UTF-8"&
$(document).ready( function () {
var oTable4 = $('#TaskTable').dataTable( {
"sPaginationType": "full_numbers",
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ ] }],
"bLengthChange": false,
"iDisplayLength" : 20,
"oColumnFilterWidgets": { "aiExclude": [ 0, 3, 4 ] }
&table width="100%" border="0"&
&td align="left"&
&h3&My Activities&/h3& &&&&&&&&a target="_blank" href="/setup/ui/recordtypeselect.jsp?ent=Opportunity&retURL=%2F006%2Fo&save_new_url=%2F006%2Fe%3FretURL%3D%252F006%252Fo" style="Text-decoration:Cursor:pointer"&&img src="/resource/0/ZoomImage" Title="Create New Opportunity"/& Create New Opportunity&/a&
&td align="right"&
&apex:selectList value="{!SelectedTaskName}" size="1" style="width:250"&
&apex:selectOptions value="{!lstTaskOptions}"/&
&apex:actionSupport event="onchange" action="{!ChangeSelectedTaskName}" rerender="TaskSection" status="splashStatus"/&
&/apex:selectList&
&div id="panel" &
&table cellpadding="0" cellspacing="0" border="0" class="display" id="TaskTable" style="margin-top:20"&
&th&Subject&/th&
&th&Due Date&/th&
&th&MMI Call Type&/th&
&th&Account Name&/th&
&th&Name&/th&
&th&Related To&/th&
&th&Phone&/th&
&apex:repeat value="{!LstTaskGrid}" var="c"&
&td&&a href="https://c.cs3./{!c.id}" target="_blank"&{!c.Subject}&/a&&/td&
&td style= "{!IF(AND(NOT(ISBLANK(c.ActivityDate)),c.ActivityDate- Today() & 0), 'color:', 'color:')}"&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.ActivityDate}" /&
&/apex:outputText&
&td&{!c.Call_Type__c}&/td&
&td&{!c.Account.Name}&/td&
&td&{!c.Who.Name}&/td&
&td&{!c.What.Name}&/td&
&td&{!c.Who.Phone}&/td&
&/apex:repeat&
&/apex:pageBlock&
&!-- ----------------------------------------------------Activity section End------------------------------------------ --&
&!-- ----------------------------------------------------Order and Delivery section Starts------------------------------------------ --&
&div style="width:100%; overflow:border: 1px solid #F00;" &
&apex:pageBlock id="OrderSection"&
&script type="text/javascript" charset="UTF-8"&
$(document).ready( function () {
var oTable5 = $('#OrderTable').dataTable( {
"sPaginationType": "full_numbers",
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ ] }],
"bLengthChange": false,
"bAutoWidth": false,
"iDisplayLength" : 15,
"oColumnFilterWidgets": { "aiExclude": [ 0, 3, 4 ] }
&table width="100%" border="0"&
&td align="left"&
&h3&Orders & Deliveries&/h3&
&td align="right"&
&apex:selectList value="{!SelectedlstOrdDelivOptionsName}" size="1" style="width:250"&
&apex:selectOptions value="{!lstOrdDelivOptions}"/&
&apex:actionSupport event="onchange" action="{!ChangeOrderDelivery}" rerender="OrderSection" status="splashStatus"/&
&/apex:selectList&&br/&&br/&
&apex:selectList value="{!SelectedOrdDelivTimeName}" size="1" style="width:250"&
&apex:selectOptions value="{!lstOrdDelivTimeOptions}"/&
&apex:actionSupport event="onchange" action="{!ChangeOrderDelivery}" rerender="OrderSection" status="splashStatus"/&
&/apex:selectList&
&table width="100%" cellpadding="0" cellspacing="0" border="0" class="display" id="OrderTable" style="margin-top:20"&
&th&Account #&/th&
&th&Account Name&/th&
&th&Order Type&/th&
&th&Transaction Code&/th&
&th&Servicing Branch ID&/th&
&th&Item Code&/th&
&th&Total Amt&/th&
&th&Delivery Date&/th&
&th&Activation Date&/th&
&th&Fuel Surcharge Delivery&/th&
&th&Fuel Surcharage PickUp&/th&
&th&PPE&/th&
&th&LLW&/th&
&th&Delivery Contact Name&/th&
&th&Delivery Contact #&/th&
&th&Order #&/th&
&apex:repeat value="{!LstOrdersAndDelieveriesGrid}" var="c"&
&td&{!c.Account_Number__c}&/td&
&td&{!c.Name}&/td&
&td&{!c.Transaction_Code__c}&/td&
&td&{!c.Transaction_Code__c }&/td&
&td&{!c.Transaction_Code__c}&/td&
&td&{!c.Item_Code__c}&/td&
&td&{!SUBSTITUTE(TEXT(ROUND(c.Total__c, 0)), ".", "," )}&/td&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Delivery_Date__c}"/&
&/apex:outputText&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Activation_Date__c}"/&
&/apex:outputText&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Fuel_Surcharge_Delivery__c}"/&
&/apex:outputText&
&apex:outputText value="{0,date,MM'/'dd'/'yyyy}"&
&apex:param value="{!c.Fuel_Surcharage_PickUp__c}"/&
&/apex:outputText&
&td&{!c.PPE__c}&/td&
&td&{!c.LLW__c}&/td&
&td&{!c.Delivery_Contact_Name__c}&/td&
&td&{!c.Delivery_Contact_Number__c}&/td&
&td&{!c.Order_Number__c}&/td&
&/apex:repeat&
&/apex:pageBlock&
&!-- ----------------------------------------------------Order and Delivery section End------------------------------------------ --&
&/apex:form&
background-color: #f5f5f5;
/*#OrderTable_wrapper {width:100%; overflow:}*/
&/apex:page&
本文地址 ：CodeGo.net/5449739/
-------------------------------------------------------------------------------------------------------------------------
1.看来，你应该如下修正：
var j$ = jQuery.noConflict();
问题是，还包括了很多的javascript库，也是这个$符号作为一个捷径，这可以各种问题。
现在，在任何你想$，使用J $。
本文标题 ：对象不支持属性或方法“的dataTable”
本文地址 ：CodeGo.net/5449739/
Copyright (C) 2014 CodeGo.net 您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&