EXT 如何将grid中的值赋予文本框？？？？

EXT 如何将grid中的值赋予文本框？？？？
下图为ext 做的界面 

解决方案 »

  1.   

    要求时时变动，中间的grid值变动，下面的值也变动 ？
    不知能做否？望高手指点？
      

  2.   

    grid  有一个afteredit事件 在编辑完后可以取的相应的值
    然后再textField.setValue();如果要累加，可以
    tree.on('afteredit',function(obj){
            var datas = obj.grid.store.data.items;
                var totalMoney = 0.0d;
        for (var i = 0; i < datas.length; i++) {
        totalMoney += pf(datas[i].get('ALLMONEY'));
        }
                 //取的textfield 再设值
    })
      

  3.   

     <script type="text/javascript">
            Ext.onReady(function() {
                var sm = new Ext.grid.CheckboxSelectionModel();            var cm = new Ext.grid.ColumnModel([
                    sm,
                    { header: '编号', dataIndex: 'id', width: 50, sortable: true, editor: new Ext.grid.GridEditor(new Ext.form.TextField({ allowBlank: false })) },
                    { header: '货物名称', dataIndex: 'hwmc', width: 60, sortable: true, editor: new Ext.grid.GridEditor(new Ext.form.TextField({ allowBlank: false })) },
                    { header: '件数', dataIndex: 'js', width: 200, sortable: true, editor: new Ext.grid.GridEditor(new Ext.form.TextField({ allowBlank: false })) }
                ]);            var data = [
                    ['1', 'name1', 'descn1'],
                    ['2', 'name2', 'descn2'],
                    ['3', 'name3', 'descn3'],
                    ['4', 'name4', 'descn4'],
                    ['5', 'name5', 'descn5']
                ];
                var Record = Ext.data.Record.create([
                    { name: 'id', type: 'string' },
                    { name: 'hwmc', type: 'string' },
                    { name: 'js', type: 'int' }
                ]);            var ds = new Ext.data.Store({
                    proxy: new Ext.data.MemoryProxy(),
                    reader: new Ext.data.ArrayReader({}, [
                        { name: 'id' },
                        { name: 'hwmc' },
                        { name: 'js' }
                    ])
                });
                ds.load();            var grid = new Ext.grid.EditorGridPanel({
                    el: 'grid',
                    width: 600,
                    height: 200,
                    sm: new Ext.grid.RowSelectionModel({ singleSelect: true }),
                    ds: ds,
                    cm: cm,
                    frame: true,
                    tbar: [{
                        text: "增加一行",
                        handler: function() {
                            var e = new Record({
                                id: '',
                                hwmc: '',
                                js: ''
                            });
                            grid.stopEditing();
                            ds.insert(0, e);
                            grid.startEditing(0, 0);
                            grid.on('afteredit', function(obj) {
                                var datas = obj.grid.store.data.items;
                                var zjs = 0;
                                for (var i = 0; i < datas.length; i++) {
                                    //zjs += pf(datas[i].get('js'));
                                }
                            })
                        }
                    }, {                    text: "删除一行",
                        handler: function() {
                            selectedRow = grid.getSelectionModel().getSelected();
                            if (selectedRow) {
                                ds.remove(selectedRow);
                            }
                        }
                    }, {
                        text: "保存",
                        handler: function() {                    }
    }]
                    });
                    grid.render();
                });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="grid">
        </div>
        总件数<input type="text" id="zjs"/>
        </form>
    </body>代码在上 谁给改改