问锁定列extjs4.1
EN

Stack Overflow用户

提问于 2012-06-24 13:18:02

回答 1查看 2.3K关注 0票数 0

我试图在extjs4.1中添加带有锁定功能的网格，请参阅下面的代码。

使用锁定特性定义列时

 var column = {"text":"Company","sortable":true,**locked:true**,"dataIndex":"company","width":350,"filterable":false};

我收到了以下错误

Uncaught :无法读取未定义的属性“internalId”

以下是html代码：

<body> 

<div id ="divGrid"></div>
<script src="http://cdn.sencha.io/ext-4.1.0-gpl/ext-all.js" type="text/javascript"></script>
<script type="text/javascript">

Ext.require(['Ext.grid.*', 'Ext.data.*', 'Ext.util.*', 'Ext.state.*']);

Ext.BLANK_IMAGE_URL = 'Images/s.gif';
Ext.onReady(function () {

Ext.Loader.setConfig({ enabled: true });


    var data = {
            gridData: 
            [{ "company": "3m Co", "price": 71.72, "change": 0.02, "pctChange": 0.03, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "Alcoa Inc", "price": 29.01, "change": 0.42, "pctChange": 1.47, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "Altria Group Inc", "price": 83.81, "change": 0.28, "pctChange": 0.34, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "American Express Company", "price": 52.55, "change": 0.01, "pctChange": 0.02, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "American International Group, Inc.", "price": 64.13, "change": 0.31, "pctChange": 0.49, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "AT&T Inc.", "price": 31.61, "change": -0.48, "pctChange": -1.54, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "Boeing Co.", "price": 75.43, "change": 0.53, "pctChange": 0.71, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "Caterpillar Inc.", "price": 67.27, "change": 0.92, "pctChange": 1.39, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "Citigroup, Inc.", "price": 49.37, "change": 0.02, "pctChange": 0.04, "lastChange": "2012-04-11T21:41:43.105Z" }, { "company": "E.I. du Pont de Nemours and Company", "price": 40.48, "change": 0.51, "pctChange": 1.28, "lastChange": "2012-04-11T21:41:43.105Z"}]

    };

      var columns = [];
      var column = 
                        {"text":"Company","sortable":true,"dataIndex":"company","width":350,"filterable":false,locked:true}
                    ;

        columns.push(column);


        var fields = [];
        fields.push({ name: "company" });

       var store = Ext.create('Ext.data.Store', {
        autoLoad: true,
        fields: fields,
        data : data,
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'gridData'
            }
        }
    });

        grid = Ext.create('Ext.grid.Panel', {
            store: store,
            selModel: Ext.create('Ext.selection.RowModel', { singleSelect: true, selectFirstRow: true }),
            columnLines: true,
            layout: 'fit', 
            renderTo:"divGrid",
            columns: columns,
            loadMask: false,
            height: 500,
            width: 500,
            dockedItems: [{
                xtype: 'pagingtoolbar',
                store: store,
                dock: 'bottom',
                displayInfo: true
            }],
            viewConfig: {
                loadMask: false,
                id: "grid",
                stripeRows: true
            }
        });


    });
 </script>

</body>

</html>

extjs4.1

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-25 09:06:24

问题出在“身份”领域。我把它拿走了，它起作用了。

 viewConfig: {
                loadMask: false,
             //   **id: "grid",**
                stripeRows: true
            }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11177779

复制

相似问题

问锁定列extjs4.1
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问锁定列extjs4.1EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问锁定列extjs4.1
EN