EXTJS 4.2 资料 控件之Grid Columns 列renderer 绑定事件

 columns: [
                    { header: ‘序号‘, xtype: ‘rownumberer‘, align: ‘center‘, width: 100 },
                    { header: ‘CompanyId‘, dataIndex: ‘CompanyId‘, width: 100, hidden: true },
                    { header: ‘商家名称‘, dataIndex: ‘CompanyName‘, width: 200 },
                    { header: ‘商家英文名称‘, dataIndex: ‘CompanyEngName‘, width: 200 },
                    { header: ‘企业性质‘, dataIndex: ‘NatureofBusiness‘, width: 200, hidden: true },
                    { header: ‘注册资产‘, dataIndex: ‘CertifiedPublicAssets‘, width: 100, hidden: true },
                    { header: ‘会员编号‘, dataIndex: ‘AccountID‘, width: 200, hidden: true },
                    { header: ‘企业文化‘, dataIndex: ‘BusinessSlug‘, width: 200 },
                    {
                        header: ‘操作‘, align: ‘left‘, width: 300, renderer:
                        function (v, nv, v1) {
                            var News = ‘News‘; var Article = ‘Article‘; var Entertain = ‘Entertain‘; var Download = ‘Download‘;
                            var News = "<img src=‘/Resources/Images/16x16/blue16_020.gif‘></img>" + "<a href=‘#‘ onClick=‘FunctionActionUpdate(\"" + News + "\")‘>商家新闻汇总</a>";
                            var Article = "<img src=‘/Resources/Images/16x16/blue16_020.gif‘></img>" + "<a href=‘#‘ onClick=‘FunctionActionUpdate(\"" + Article + "\")‘>商家文章汇总</a>";
                            var Entertain = "<img src=‘/Resources/Images/16x16/blue16_020.gif‘></img>" + "<a href=‘#‘ onClick=‘FunctionActionUpdate(\"" + Entertain + "\")‘>商家娱乐汇总</a>";
                            var Download = "<img src=‘/Resources/Images/16x16/blue16_020.gif‘></img>" + "<a href=‘#‘ onClick=‘FunctionActionUpdate(\"" + Download + "\")‘>商家资料汇总</a>";
                            return News + ‘‘ + Article + ‘‘ + Entertain + ‘‘ + Download;
                        }
                    }
        ],
    FunctionActionUpdate = function (ContentCategory) {
        alert(ContentCategory);     

        var width = document.getElementById(‘component‘).clientWidth;
        var height = document.getElementById(‘component‘).clientHeight;
        if (gridCompanyDetail.getSelectionModel().getSelection()[0] == null)
        { Ext.MessageBox.alert(‘提示‘, ‘请选择要编辑的记录!‘); return; }
        else
        {
            //这里要跳转页面
            var subWindow = new Ext.Window({
                title: ‘窗口‘,
                width: width,
                height: height,
                modal: true,//模态的 后面的页面就不能点了
                frame: true,
                layout: ‘fit‘,
                closeAction: ‘hide‘,
                closable: true,   //是否显示关闭按钮
                maximizable: true,//最大化
                minimizable: true,//最小化
                listeners: {
                    minimize: function (subWindow, opts) {
                        subWindow.collapse();
                    }
                },
                html: ‘<iframe style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; width: "100%"; height:"100%"; border-right-width: 0px" src=/ProjectWeb/Page/InformationManagement/IM_BS_CompanyGather.html?ContentCategory=‘ + ContentCategory + ‘ frameborder="0" width="100%"  height="100%"scrolling="no"></iframe>‘,

            });
            subWindow.show();
        }
    }
时间: 2024-10-28 09:15:56

EXTJS 4.2 资料 控件之Grid Columns 列renderer 绑定事件的相关文章

EXTJS 4.2 资料 控件之Grid 那些事

最近在学习Extjs4.2 ,积累文章,看得不错,再此留年: //表格数据最起码有列.数据.转换原始数据这3项 Ext.onReady(function(){ //定义列 var columns = [ {header:'编号',dataIndex:'id',width:50}, //sortable:true 可设置是否为该列进行排序 {header:'名称',dataIndex:'name',width:80}, {header:'描述',dataIndex:'descn',width:11

EXTJS 4.2 资料 控件之Grid 添加行,编辑行,删除行

//SiteVariableConfigValue类,创立一个模型类 Ext.define("SiteVariableConfigValue", { extend: "Ext.data.Model", fields: [ { name: 'SVCValueId', type: 'int', sortable: true }, { name: 'SVCId', type: 'string', sortable: true }, { name: 'KeyInItem',

EXTJS 4.2 资料 控件之Grid 列鼠标悬停提示

columns: [ { header: '序号', xtype: 'rownumberer', align: 'left', width: 50 }, { header: '货位编号', dataIndex: 'StorePosCode', width: 100 }, { header: '货位名称', dataIndex: 'StorePosName', width: 100, renderer: function (v, ctx, record) { ctx.tdAttr = " data

EXTJS 3.0 资料 控件之 html 潜入label用法

这是在Extjs 中插入html 控件label! html: "<div><label id='howMany'>您共选中了</label><br/></div>"获取label值:document.getElementById('howMany').innerText赋值label值:document.getElementById('howMany').innerText = "这是赋值"; docum

EXTJS 3.0 资料 控件之 combo 用法

EXTJS combo 控件: 1.先定义store //年款 var comboData_ReleasYear = [ ['0', '2010'], ['1', '2011'], ['2', '2013'], ['3', '2014'] ]; 2.定义combo控件 { layout: 'form', labelWidth: 50, width: 260, items: [{ xtype: 'combo', name: 'ReleasYear', allowBlank: false, fiel

EXTJS 4.2 资料 控件之radiogroup 的用法

最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能:看了好多资料都不对,特此在这里备注记录 代码如下, 1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是选择“是” a. { xtype: 'fieldcontainer', layout: 'hbox', defaults: { flex: 1 }, items: [{ xtype: 'radiogroup', fieldLabel: '手机验证', width: 100, items: [ { b

EXTJS 3.0 资料 控件之 Store 用法

最近工作,发现在Extjs中自定义Store的功能挺多,特意在此做笔记,几下来,具体代码如下: 1.定义Store //定义Store var ItemSelectorStore = new Ext.data.ArrayStore({ fields: [ { name: 'BaseInfoId' }, { name: 'Title' } ] }); 2.根据Grid的数据,循环往Store里面插 var rows = grid.getSelectionModel().getSelections(

EXTJS 4.2 资料 控件之checkboxgroup的用法

代码判断 { xtype: 'panel', width: 750, border: false, flex: 1, items: [{ xtype: 'checkboxgroup', id: 'lblOperationBehavior', name: 'lblOperationBehavior', itemCls: 'x-check-group-alt', columns: 4, fieldLabel: '设定权限', labelWidth: 100, width: 750, align: '

EXTJS 3.0 资料 控件之 GridPanel属性与方法大全

1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModel enableHdMenu: