Я встречаюсь с проблемой с помощью CFGRID с JQuery. Вот примеры кода с помощью базы данных CFARTGALLERY:
gridtest.cfm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cfajaximport tags="cfform,cfgrid">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CFGRID Test</title>
</head>
<cfinvoke component="gridtest" method="getartistname" returnvariable="artistname" />
<body>
<cfform name="frmArtists" format="html">
<cfselect name="selArtist" query="artistname" queryPosition="below" display="lastname" value="artistid">
<option value="0">Select artist...</option>
</cfselect>
<p></p>
<cfgrid name="artgrid"
bind="cfc:gridtest.getartname({cfgridpage},
{cfgridpagesize},
{cfgridsortcolumn},
{cfgridsortdirection},
{selArtist})"
format="html"
pagesize="8"
bindOnLoad="false"
selectmode="browse"
width="400">
<cfgridcolumn name="artname" header="Art Name" display="yes" width="400">
</cfgrid>
</cfform>
</body>
</html>
Это имеет простой cfselect контроль для выбора имени художника, и при нажатии cfgrid показывает имена иллюстраций.
Вот CFC (gridtest.cfc):
<cfcomponent>
<cfset application.datasource="cfartgallery">
<cfset cfartgallery=#application.datasource#>
<cffunction name="getArtistName" access="public" returntype="query">
<cfquery name="artistname" datasource="#cfartgallery#">
SELECT ARTISTID,LASTNAME
FROM ARTISTS
ORDER BY LASTNAME
</cfquery>
<cfreturn artistname>
</cffunction>
<cffunction name="getartname" access="remote" returntype="struct">
<cfargument name="page" type="numeric" required="true">
<cfargument name="pagesize" type="numeric" required="true">
<cfargument name="pagesortcolumn" type="string" required="false" default="">
<cfargument name="pagesortdir" type="string" required="false" default="">
<cfargument name="artistid" type="numeric" required="yes">
<cfset var artname="">
<cfquery name="artname" datasource="#cfartgallery#">
SELECT ARTNAME
FROM ART
WHERE ARTISTID=<cfqueryparam cfsqltype="cf_sql_integer" value="#arguments.artistid#">
</cfquery>
<cfreturn QueryConvertForGrid(artname,page,pagesize)>
</cffunction>
</cfcomponent>
Пока все хорошо. Но если я использую страницу обертки с помощью функции загрузки JQuery, как так (gridtestmain.cfm):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#div1').load('gridtest.cfm');
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CFGRID Test Under JQuery</title>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
cfgrid исчезает только с граничным полем. В IE это сообщает об ошибке 'Расширения. EventObject является пустым или не объект'. Поиск сети предполагает, что библиотека Ext была загружена, многократно вызвав проблему, но я не вижу, где это загружается несколько раз.
Действительно ли это - ограничение JQuery? Или я делаю его неправильный путь? Любые предложения очень ценятся.
У меня сейчас нет доступа к CF-серверу, так что каждый может поправить меня, если я ошибаюсь.
IIRC, когда вы создаете CFForm, CF обрабатывает блок HEAD, чтобы добавить соответствующие файлы EXT JavaScript. Однако в этом случае вы загружаете cfm как раздел страницы, а не целую страницу, поэтому второй (загруженный) блок HEAD не обрабатывается браузером.
Я бы попробовал несколько вещей, чтобы увидеть, что работает лучше всего:
1) Оберните загружаемый div в CFForm вместо того, чтобы помещать его в подраздел, который вы загружаете удаленно.
2) Создайте пустую неиспользуемую CFForm на родительской странице, чтобы для этого загружался соответствующий JS.
Пока я занимаюсь этим, если я правильно помню, вам не нужно полное определение страницы (теги HEAD, BODY и т. Д.) В загружаемом подразделе. Вам нужна только разметка, которую вы хотите отобразить. Информация HEAD и другие будут с вызывающей страницы.