如何访问框架中的slickGrid实例

时间:2019-07-08 14:57:47

标签: javascript slickgrid

我有一个jsff页面,其中af:inlineFrame具有html源 此html具有slickGrid函数,用于addColumns和updateColumns 我想从jsff脚本中调用updateColumns函数,但由于无法获取slickGrid实例来更新行/列而无法执行此操作

我已经尝试过contentDocument或contentWindow。 contentWindow显示为未定义。

jsff

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>

Link.html

<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函数,请让我知道如何实现。

0 个答案:

没有答案