我有一个jsff页面,其中af:inlineFrame具有html源 此html具有slickGrid函数,用于addColumns和updateColumns 我想从jsff脚本中调用updateColumns函数,但由于无法获取slickGrid实例来更新行/列而无法执行此操作
我已经尝试过contentDocument或contentWindow。 contentWindow显示为未定义。
function callingFrame(rowNum, cellNum) {
var insideFrame = $('#slickFrame').contents();
var grid = $('#myGrid').contents();
grid.updateColumns(0, 1);
}
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelGroupLayout id="pgl1">
<af:inlineFrame id="slickFrame" inlineStyle="width:100%; height:700px;"
source="/Link.html"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
<div style="position:relative">
<div style="width:600px;">
<div id="myGrid" style="width:1500px;height:500px;"></div>
</div>
</div>
<script src="text/javascript">
//function for adding rows and columns into the grid
function updateColumns(rowNum,cellNum){
var row = grid.getDataItem(rowNum);
var field = grid.getColumns()[cellNum].field;
var value = row[field];
alert('Inside updateColumns value is '+value+' row '+rowNum+' cell '+cellNum);
row[field]="New Title";
grid.invalidateAllRows();
grid.render();
alert('completed updateColumns');
}
</script>
我想从jsff脚本中调用updateColumns函数,请让我知道如何实现。