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();
}
}
EXTJS 4.2 资料 控件之Grid Columns 列renderer 绑定事件的更多相关文章
- EXTJS 4.2 资料 控件之Grid 那些事
最近在学习Extjs4.2 ,积累文章,看得不错,再此留年: //表格数据最起码有列.数据.转换原始数据这3项 Ext.onReady(function(){ //定义列 var columns = ...
- EXTJS 4.2 资料 控件之Grid 行编辑绑定下拉框,并点一次触发一次事件
主要代码: { header: '属性值', dataIndex: 'PropertyValueName', width: 130, editor: new Ext.form.field.ComboB ...
- EXTJS 4.2 资料 控件之Grid 添加行,编辑行,删除行
//SiteVariableConfigValue类,创立一个模型类 Ext.define("SiteVariableConfigValue", { extend: "E ...
- EXTJS 4.2 资料 控件之Grid 列鼠标悬停提示
columns: [ { header: }, { header: }, { header: , renderer: function (v, ctx, record) { ctx.tdAttr = ...
- EXTJS 3.0 资料 控件之 html 潜入label用法
这是在Extjs 中插入html 控件label! html: "<div><label id='howMany'>您共选中了</label><br ...
- EXTJS 3.0 资料 控件之 combo 用法
EXTJS combo 控件: 1.先定义store //年款 var comboData_ReleasYear = [ ['], ['], ['], ['] ]; 2.定义combo控件 { lay ...
- EXTJS 4.2 资料 控件之combo 联动
写两个数据源: 1.IM_ST_Module.js { success:true, data:[ { ModuleId: '1', ModuleName: '资讯' } , { ModuleId: ' ...
- EXTJS 4.2 资料 控件textfield中fieldLabel去掉冒号,控件label的长度
代码: labelSeparator: '', // 去掉laebl中的冒号 labelWidth: 10,//控件label的长度
- EXTJS 4.2 资料 控件之radiogroup 的用法
最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能:看了好多资料都不对,特此在这里备注记录 代码如下, 1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是 ...
随机推荐
- Java操作zip压缩和解压缩文件工具类
需要用到ant.jar(这里使用的是ant-1.6.5.jar) import java.io.File; import java.io.FileInputStream; import java.io ...
- [改善Java代码]多种最值算法,适时选择
建议64:多种最值算法,适时选择. 对一批数据进行排序,然后找出其中的最大值或最小值,这是基本的数据结构知识.在Java中我们可以通过编写算法的方式,也可以通过数组先排序再取值的方式来实现.下面以求最 ...
- 网络编辑器插件ckeditor+ckfinder配置
原帖地址 另外一个 去掉编辑器的下边栏 在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = fa ...
- 在CentOS6.4中安装配置LAMP环境的详细步骤
本文详细介绍了CentOS6.4系统中安装LAMP服务并对其进行配置的过程,即安装Apache+PHP+Mysql,参照了网上大神的设置,其他Linux发行系统可以参考~ 在本文中部分命令操作需要ro ...
- Linux 命令 - sort: 行排序文本文件
命令格式 sort [OPTION]... [FILE]... 命令参数 -b, --ignore-leading-blanks 忽略开头的空白字符. -d, --dictionary-order 只 ...
- TSQL基础(四) - 日期处理
日期类型-DateTime DateTime是sql中最常用的日期类型. 存储大小为:8个字节: 日期范围:1753-01-01到9999-12-31: 精确度:3.33毫秒: 常用的日期函数 Get ...
- 北大ACM(POJ1753-Flip Game)
Question:http://poj.org/problem?id=1753 问题点:穷举. #include <iostream> using namespace std; ][];/ ...
- Viewpager+Fragment出现空白页面的问题
写了三个Fragment,一次点击跳转显示正常,如果从第一个直接跳转到第三个,第三个页面会出现空白界面. 问题找到了:原来动态获取数据页面数据不显示,页面显示空白,就是onCreateView每次都调 ...
- CSS选择器介绍
一.元素选择器 E{...} 二.属性选择器 E[attr]{...}:指定该CSS对具有attr的元素起作用: E[attr=value]{...}::指定该CSS对具有attr的值为value的元 ...
- oracle经典操作sql
分页: SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM TABLE_NAME) A WHERE ROWNUM <= 40)WH ...