码迷,mamicode.com
首页 > Web开发 > 详细

EXTJS4.2——4.1Grid添加按钮控件

时间:2020-07-03 17:16:46      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:flag   cal   end   hand   lse   metadata   extjs4   ble   defaults   

参考文档:https://blog.csdn.net/zhizhuomsj/article/details/51460040

                {
                    header: ‘操作‘, width: 190, align: ‘center‘, sortable: false,
                    renderer: function (value, metaData, record) {
                        var bflag = false;
                        var id = metaData.record.id;//Ext.id();
                        metaData.tdAttr = ‘data-qtip="提示信息"‘;
                        Ext.defer(function () {
                            Ext.widget(‘toolbar‘, {
                                renderTo: id,
                                dock: ‘top‘,
                                style: ‘margin:0‘,
                                ui: ‘footer‘,
                                height: 40,
                                width: 190,
                                items: [
                                {
                                    text: ‘导出‘,
                                    width:80,
                                    menu: {
                                        xtype: ‘menu‘,
                                        plain: true,
                                        items: {
                                            xtype: ‘buttongroup‘,
                                            title: ‘單據導出‘,
                                            columns: 2,
                                            defaults: {
                                                xtype: ‘button‘,
                                                scale: ‘large‘,
                                                iconAlign: ‘left‘,
                                            },
                                            items: [{
                                                colspan: 2,
                                                width: ‘100%‘,
                                                text: ‘IQC單據導出‘,
                                                scale: ‘small‘,
                                                width: Ext.themeName === ‘neptune‘ ? 175 : 140
                                            }, {
                                                colspan: 2,
                                                width: ‘100%‘,
                                                text: ‘HE單據導出‘,
                                                scale: ‘small‘,
                                                width: Ext.themeName === ‘neptune‘ ? 175 : 140
                                            }, {
                                                colspan: 2,
                                                width: ‘100%‘,
                                                text: ‘PH單據導出‘,
                                                scale: ‘small‘,
                                                width: Ext.themeName === ‘neptune‘ ? 175 : 140
                                            }]
                                        }
                                    }
                                },
                                {
                                    xtype: ‘button‘,
                                    width: 80,
                                    height: 25,
                                    text: ‘上传‘,
                                    handler: function () {

                                        //相应事件方法
                                    }
                                }
                                ]
                            });
                        }, 50);
                        return Ext.String.format(‘<div id="{0}"></div>‘, id);
                    }

                }

技术图片

EXTJS4.2——4.1Grid添加按钮控件

标签:flag   cal   end   hand   lse   metadata   extjs4   ble   defaults   

原文地址:https://www.cnblogs.com/LY-CS/p/13231170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!