Ext.js给form加背景图片
{
iconCls: 'zyl_icons_showdetail',
tooltip: '查看',
handler: function(gridView, rowIndex, colIndex) {
var rowInfo = gridView.up('grid').getStore().getAt(rowIndex);
if (Ext.isEmpty(rowInfo.get('adFlag'))) {
rowInfo.set('adFlag', 0);
}
var viewWindow = me.getOpBillLineInfoViewWindow(new Array());
var viewForm = viewWindow.getOpBillLineInfoViewTab().getOpBillLineInfoViewForm();
viewForm.setOperatorType(rowInfo.data);
viewWindow.showData = rowInfo.data;
viewWindow.show();
var imgSign='url(../../images/seal/unsign.png) 0px 0 no-repeat';
var imgReceipt='';
var imgSettle='';
var imgRefund='';
if(rowInfo.data.billState==4){
imgSign='url(../../images/seal/sign.png) 0px 0 no-repeat';
}
//----------------------------------------------回单信息-----------------------------------------------
//----------------------------------------------------------------------------------------------------
if(rowInfo.data.receiptMethodCode!=1){
//回单状态 0.未收回、1.已收回 、2.已寄出、3、已接收、4.已返客户
//回单图片 receiptCol已收集1 receiptMail 2已寄出 receiptRec 3已返发站 receiptRt 4已返客户
Ext.Ajax.request({
url: opHostName + '/op/receiptBillCollect.do' + urlToken,
params: {
'uniteBillCode': rowInfo.data.uniteBillCode
},
success: function (response) {
var respText = Ext.JSON.decode(response.responseText);
if (respText.data == null) {
return;
}
var receiptForm = Ext.getCmp('Op_OpBillLineInfo_ReceiptBillCollectForm_ID').getForm();
var receiptModel = Ext.create('Op.OpBillLineInfo.RecBillCollectModel', respText.data);
receiptForm.loadRecord(receiptModel);
if(respText.data.status==1){
imgReceipt=',url(../../images/seal/receiptCol.png) 840px 0px no-repeat';
}else if(respText.data.status==2){
imgReceipt=',url(../../images/seal/receiptMail.png) 840px 0px no-repeat';
}else if(respText.data.status==3){
imgReceipt=',url(../../images/seal/receiptRec.png) 840px 0px no-repeat';
}else if(respText.data.status==4){
imgReceipt=',url(../../images/seal/receiptRt.png) 840px 0px no-repeat';
}
viewForm.setBodyStyle('background: '+imgSign+imgReceipt+imgRefund+imgSettle);
if (respText.data.openBillTime != null) {
receiptForm.findField('openBillTime').setValue(Ext.Date.format(new Date(respText.data.openBillTime), 'Y-m-d H:i:s'))
}
if (respText.data.signTime != null) {
receiptForm.findField('signTime').setValue(Ext.Date.format(new Date(respText.data.signTime), 'Y-m-d H:i:s'))
}
if (respText.data.inventoryEnterTime != null) {
receiptForm.findField('inventoryEnterTime').setValue(Ext.Date.format(new Date(respText.data.inventoryEnterTime), 'Y-m-d H:i:s'))
}
if (respText.data.modifyTime != null) {
receiptForm.findField('modifyTime').setValue(Ext.Date.format(new Date(respText.data.modifyTime), 'Y-m-d H:i:s'))
}
if (respText.data.backTime != null) {
receiptForm.findField('backTime').setValue(Ext.Date.format(new Date(respText.data.backTime), 'Y-m-d H:i:s'))
}
},
failure: function (response) {
Ext.ux.Toast.msg('提示', response.responseText, 'error');
}
});
}
//----------------------------------------------记账信息-----------------------------------------------
//----------------------------------------------------------------------------------------------------
if(rowInfo.data.collectGoodsPrice!=0){
Ext.Ajax.request({
url: foHostName + '/fo/queryCashAccountList.do' + urlToken,
params: {
'uniteBillCode': rowInfo.data.uniteBillCode
},
success: function (response) {
var result = Ext.JSON.decode(response.responseText);
var grid = Ext.getCmp('Op_OpBillLineInfo_AccountGridPanel_ID').getStore();
if (!Ext.isEmpty(result.data)) {
grid.removeAll();
grid.add(result.data);
for(var j = 0,len = result.data.length; j < len; j++){
if(result.data[j].status==1&&result.data[j].priceType==40){
imgRefund=',url(../../images/seal/refund.png) 560px 0 no-repeat';
break;
}else{
imgRefund=',url(../../images/seal/unrefund.png) 560px 0 no-repeat';
}
if(result.data[j].status==1&&(result.data[j].priceType==31||result.data[j].priceType==33||result.data[j].priceType==34||result.data[j].priceType==35||result.data[j].priceType==36)){
imgSettle=',url(../../images/seal/tranceFeeSettle.png) 280px 0 no-repeat';
break;
}else if(result.data[j].priceType==31||result.data[j].priceType==33||result.data[j].priceType==34||result.data[j].priceType==35||result.data[j].priceType==36){
imgSettle=',url(../../images/seal/tranceFeeUnSettle.png) 280px 0 no-repeat';
}
}
viewForm.setBodyStyle('background: '+imgSign+imgReceipt+imgRefund+imgSettle);
}
},
failure: function (response) {
Ext.ux.Toast.msg('提示', response.responseText, 'error');
}
});
}
viewForm.setBodyStyle('background: '+imgSign+imgReceipt+imgRefund+imgSettle);
}
}

Ext.js给form加背景图片的更多相关文章
- Ext JS 如何动态加载JavaScript创建窗体
JavaScript不需要编译即可运行,这让JavaScript构建的应用程序可以变得很灵活.我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互.下面结合Ext JS ...
- js 定时更改div背景图片
今天遇到一个业务场景,使用js将一个div标签的背景图片定时更换一下. 之前百度了几个,有css+js,也有css3的,不过css3的兼容有问题,之后同事提示,可以使用js直接来更换div的北京图片, ...
- js 动态设置 div 背景图片 并滚动显示
var imgs =["../img/index/bgstyle/style1/index_top_bg2.jpg", "../img/index/bgstyle/sty ...
- js根据ID修改背景图片
<SCRIPT language=javascript> function expand(el) { var childObj = document.getElementById(&quo ...
- js设置随机切换背景图片
<script> var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg&q ...
- 5UCMS判断当前栏目高亮(用于当前所在栏目加背景图片或颜色)
5UCMS判断当前栏目高亮标签 比较简单的是频道页(channel.html): 大类代码: <!--menu:{ $row=10 $table=channel }--> <li { ...
- iOS关于UILabel 基本属性 背景图片 背景色
[代码] iOS关于UILabel 基本属性 背景图片 背景色 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...
- Ext JS 6开发实例(二) :使用CMD创建应用程序
由于Ext JS 6将原来的Ext JS和Sencha Touch合并为一个框架,因而在使用CMD来创建应用程序前,需要考虑清楚你是要创建一个通用应用程序,还是仅仅只是针对桌面或移动设备的应用程序. ...
- css网页中设置背景图片的方法详解
在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {">说明:参数取值和颜色属性一样 ...
随机推荐
- Jenkins访问路径配置自定义的相对路径
Jenkins安装时没有配置自定义的相对访问路径,例如配置的端口是29957,那访问路径就是http://localhost:29957.以下介绍把访问路径改成http://localhost:299 ...
- Flash图表FusionCharts如何自定义图表导出菜单或界面
FusionCharts的导出组件界面有两种模式: Compact Mode: 用于保存单张图片,每一个单独的导出组件实例都代表单独的图表.在这种模式下,只有一个按钮和标题是可见的. Full Mod ...
- ArcGIS for Server内置JS Viewer的离线部署和配置
很多情况下,在地图服务发布完毕后,我们往往利用 ArcGIS for Server内置的 JS Viewer来查看和检测所发布的地图服务是否满足我们的要求.具体操作如下: 点击开始 -> 所有程 ...
- 桉树IAAS云架构(转载)
您可在 IaaS 云中建立和管理混合多虚拟机集群环境,并将现有 vSphere™. ESX™.ESXi™.KVM 和 XEN 虚拟环境作为 AWS 兼容 Eucalyptus桉树混合云管理.现在 Eu ...
- kmem_alloc
http://www.lehman.cuny.edu/cgi-bin/man-cgi?kmem_alloc+9
- windows下安装pm2
安装pm2 npm install pm2 -g 添加系统环境变量 PM2_HOME=C:\Users\PCONE\.pm2 打开新的cmd命令行窗口,执行以下命令来安装服务 pm2-service- ...
- 如何提高Mysql的查询效率???
1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索 ...
- 【虚拟机-网络IP】使用 Powershell 设置 VNET 中的静态 IP
本文包含以下内容 对已有虚机设置静态 Internal IP 取消对对已有虚机设置的静态 Internal IP 创建静态 Internal IP的虚机 使用中的注意点 请注意:以下操作需要下载最新版 ...
- JMeter进行压力测试
一.jmeter的安装 1.从 http://jmeter.apache.org/download_jmeter.cgi 下载jmeter(图1正中间的apache-jmeter-2.13.tg ...
- Nginx+Keepalived负载均衡+后端LNMP网站集群
Centos6.4 x86,4台,地址是10.10.10.11-14,vip给的100,目标是在13和14安装nginx+keepalived,11和12安装nginx+mysql+php,做为web ...