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窗体上的两个单选按钮,设置单选按钮都是 ...
随机推荐
- 关于hkcmd.exe造成的和Eclipse之间热键冲突
可能是自己新买的笔记本比较强大,显卡也比较牛叉.当使用一些常用的Eclipse快捷键的时候Eclipse本身没有反应,反而显示器有了反应. 经常用的Eclispse中的快捷键Ctrl+Alt+↑ 和C ...
- 【杨氏矩阵+勾长公式】POJ 2279 Mr. Young's Picture Permutations
Description Mr. Young wishes to take a picture of his class. The students will stand in rows with ea ...
- Linux 解压/压缩操作命令
.tar 解包:tar xvf FileName.tar打包:tar cvf FileName.tar DirName(注:tar是打包,不是压缩!)———————————————.gz解压1:gun ...
- LoadRunner 如何进行接口的压力测试
主要压测的时候需要开发提供相关接口文档,或者自己录制.左侧的Name都是开发提供的接口参数名称,Value是相应的参数值.Action为开发给的测试地址.PS:注意在测试的时候设置Controller ...
- Android之Android studio安装
首先下载jdk:http://www.oracle.com/technetwork/java/javase/downloads/index.html 然后下载Android SDK:http://ww ...
- Ionic条码扫描
http://m.blog.csdn.net/article/details?id=45843819
- 关于css雪碧图sprite
天气转凉了,又开始贪恋暖暖的被窝了. 早上不想起床的时候在被窝里看了有关于雪碧图的视频. 1.使用场景 V导航条,登录框img标签多次载入,性能低 X大图banner按需加载,如果做成雪碧图一次加载就 ...
- [译]脱离jQuery,使用原生Ajax
脱离jQuery,使用原生Ajax 标签: Ajax translate 英文出处:<A Guide to Vanilla Ajax Without jQuery> 翻译: 刘健超 J.c ...
- Ehcache(2.9.x) - API Developer Guide, Cache Extensions
About Cache Extensions Cache extensions are a general-purpose mechanism to allow generic extensions ...
- js 比较两个日期的大小的例子
例子,直接比较大小即可 代码如下 复制代码 <script>var st="2009-10-20 14:38:40"var et="2009-10-20 15 ...