extjs grid报错。this.el.dom为空或不是对象。
发布网友
发布时间：2022-04-24 17:32
我来回答
共4个回答
热心网友
时间：2022-04-24 19:01
<html>
<head>
<title>girl</title>
<link rel="stylesheet" type="text/css"href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="../ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/examples.js"></script>
<script>
var cm = new Ext.grid.ColumnModel([{
header: '编号',
dataIndex: 'id'
},
{
header: '名称',
dataIndex: 'name'
},
{
header: '描述',
dataIndex: 'descn'
}]);
var data = [['1', 'name1', 'descn1'], ['2', 'name2', 'descn2'], ['3', 'name3', 'descn3'], ['4', 'name4', 'descn4'], ['5', 'name5', 'descn5']];
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({},
[{
name: 'id',
mapping: 0
},
{
name: 'name',
mapping: 1
},
{
name: 'descn',
mapping: 2
}])
});
ds.load();
var grid = new Ext.grid.GridPanel({
//el: 'grid', //这一项不要配置
ds: ds,
cm: cm
});
</script>
</head>
<body onLoad="grid.render('grid');">
<div id="grid"></div>
</body>
</html>
热心网友
时间：2022-04-24 20:19
all.js"></script><!--ExtJs所需要的核心脚本全部都在这两个js文件中。--><script type="text/javascript"> var cm = new Ext.grid.ColumnModel([{header:'编号',dataIndex:'id'},{header:'名称',dataIndex:'name'},{header:'描述',dataIndex:'descn'}]);var data = [['1','name1','descn1'],['2','name2','descn2'],['3','name3','descn3'],['4','name4','descn4'],['5','name5','descn5']];var ds = new Ext.data.Stor
热心网友
时间：2022-04-24 21:54
你的写法有点奇怪。不过根据你的报错信息应该是没有渲染的对象。
错误应该出在grid.render()上，应该携程grid.render('grid'),引号的grid就是你页面上那个div的id
extjs grid报错。this.el.dom为空或不是对象。
var grid = new Ext.grid.GridPanel({ //el: 'grid', //这一项不要配置 ds: ds,cm: cm });
extjs this.el.dom为空或者不是对象
你的 var Toolbar = new Ext.Toolbar({ applyTo:'toolbar', width:300 });这一行代码定义了一个applyTo的属性 所以必须在系统中加入所需的element 可以加入在HTML或者JSP页面的body中加入
extjs初学程序,this.el.dom不是对象或为空
1，grid的el属性是内置的el对象，是不能修改的。2，由于脚本的执行是在载入前执行的，也就是说grid的容器div还未创建，所以你建的这个grid就不能渲染到body里面id为grid的容器里面。3，grid.render 方法要为其填写参数。
ExtJS新手 this.el.dom 为空或不是对象
贴出来的代码是没问题的，我测试通过，可能是其他方面的问题，我的代码 //grid0220.js全部内容 var UI = function() { return { init : function() { Ext.BLANK_IMAGE_URL = '../../js/ext/resources/images/default/s.gif';Ext.QuickTips.init();initTable();} };function initTable()...
EXTjs 中获取选中行,报错
代码都不相同 一个是 var model = grid.getSelectionModel(); //这里会报错 截图中是 var records= down("grid").getSelectionModel(); //这里报错 报错 DOWN没有定义 哪个是正确的.// down() 是一个组件的方法 使用时要注明是哪个组件 如 THIS.down('grid')Ext.body.down('grid')
Extjs4 mvc this.up('[store]') 为空
store: 'OrderPageStore'，这里的'OrderPageStore'只是个字符串，如果你要用简单类型，也是写成 store : { xtype : 'store'} 这样的吧！
请问ExtJs的grid需要编辑的这列怎么设置默认显示为空呢,需要用哪个属性...
最新版本是Extjs5.0.1，我们可以在官方网站进行下载。（这里不得不提一句，Extjs5到目前为止还没有免费的授权，所以下载到的版本是试用版。）下载到的压缩包解压以后，你会看到一大堆的文件夹和文件，我们该如何使用Extjs5呢？之前看到过别人说的通过Sencha CMD创建Extjs5项目，但个人觉得那种方式并不...
extjs怎么在加载数据时,在主界面显示'正在加载'注意啊不是弹出层显示...
如果你用的extjs 4 以上的版本 loadMask : { msg : '正在加载表格数据,请稍等...'} 这个是不好使的，可以在grid上加载store的beforeload,先获得grid 然后 .getEl().mask(); 在加上afterload : .getEl().unmask();
extjs中如何选中grid中的行,并设置该行不可编辑
Ext.create('Ext.grid.Panel', { title: 'Simpsons',store: Ext.data.StoreManager.lookup('simpsonsStore'),columns: [{ text: 'Name', dataIndex: 'name' },{ text: 'Email', dataIndex: 'email', flex: 1 },{ text: 'Phone', dataIndex: 'phone' } ],listeners:{ beforeedit:...
extjs 初始化函数 中的 this.callParent(arguments);类似于继承么?就是...
//比如一个grid父类Ext.define("baseGrid" , { extend: "Ext.grid.Panel" , initComponent: function(){ //这里设置表格的工具栏 , 用一个createDockedItems方法生成 this.dockedItems = this.createDockedItems(); this.callParent(); } , //这里是生成表格的工具栏 , ...
