ExtJS-Cannot read property 'childNodes' of null

最新推荐文章于 2022-04-28 09:56:20 发布

原创最新推荐文章于 2022-04-28 09:56:20 发布 · 933 阅读

0 ·

CC 4.0 BY-SA版权

Extjs 专栏收录该内容

8 篇文章

订阅专栏

在使用ExtJS开发grid表格时，其中有一列嵌入了combo组件；代码如下：


{
            xtype: 'gridcolumn',
            menuDisabled: true,
            sortable: false,
            align: 'center',
            dataIndex: 'goodsName',
            text: '物品名称',
            width: 100,
            editor: {
                xtype: 'combo',
                displayField: 'goodsName',
                valueField: 'id',
                hideTrigger: true,
                typeAhead: true,
                minChars: 1,
                store: {
                    xtype: 'store',
                    model: 'GoodsComboBoxModel',
                    proxy: {
                        type: 'ajax',
                        url: 'allGoodslistByName.action',
                        reader: {
                            type: 'json',
                            root: 'array',
                            totalProperty: 'total'
                        }
                    },
                    autoLoad: false
                },
                listeners: {
					'change': function(){...},
					'select': function(){...},
					'focus': function(){...}
						},
            renderer: function (value, metaData) {
                if (null != value && "" != value) {
                    metaData.tdAttr = 'data-qtip = ' + value.replace(/\s+/g, "");//Cannot read property 'childNodes' of null
                    metaData.style = 'white-space:normal;word-break:break-all;';
                }
                return value;
            }
        },

注意看renderer渲染的函数，因为定义的combo的valueFeild是id,所以在这个列当中record col值应该是一个数字,但是这里定义的是物品名称，应该显示id对应的物品名称;当然有的人会想为什么不讲valueField定义为goodsName,这样似乎更加简单;这里是因为有其他原因，所以要定义为ID,这里不讨论这个；问题就出在函数中：
metaData.tdAttr = 'data-qtip = ' + value.replace(/\s+/g, "");
这个主要是长字符串需要使用到这个; value就是qtip要显示的字符串;
将这段代码注释以后,再次测试无问题;
我这里是将这段代码改为其他代码来显示goodsName字符串;
网上也有说是因为record中字段值为null,想这种问题,网上的只能做参考，帮你排除；当行不通时还是需要打断点耐心去寻找到问题,这样才是解决问题的根本