EXTJS网格渲染

Question

我在渲染Django应用程序顶部的EXTJS网格时遇到困难。 网格仅在某些时间显示。 当应该显示网格时，它将起作用。 当不应显示网格时，我从extjs-core收到“未定义ct”错误。 我研究了此错误，并且似乎未定义<div id="my-grid">发生。 div是在只加载某些时间的grid.html中定义的。

这些是我的文件。

view_main.js-我在Ext.onReady中定义所有对象。

Ext.onReady(function(){
 var grid = new Ext.grid.GridPanel({
  border: false,
  //...
 }
grid.render('my-grid')  // comment this out and "ct is not defined" goes away
// but the grid never renders in grid.html

base.html-我的模板扩展的基本django文件。 该文件还加载了我的view_main.js文件。

 <!-- Load Script -->
 <script type="text/javascript" src="/site_media/js/view_main.js" ></script>

grid.html-在EXTJS TabPanel内部呈现的Grid html文件。

  <div id="my-grid" style="border: height: 800px;  width: 800px;"></div>

除非显示grid.html，否则我什至不想渲染网格。 但是除非我将grid.render放在view_main.js内，否则网格将无法正常工作

如果我尝试将渲染脚本放入grid.html中，则会出现“未定义网格错误”

<script type="text/javascript" >
 Ext.onReady(function(){
  grid.render('my-grid');
 }
</script>

如何仅在加载grid.html时呈现网格？

Answer 1

如果您只是想避免该错误，请尝试检查是否存在“ my-grid”，

Ext.onReady(function() {
    if( (Ext.get('my-grid')) !== null)
    {
        grid.render('my-grid');
    }
});