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,背景颜色 {">说明:参数取值和颜色属性一样 ...
随机推荐
- Spring的DI(Dependency Injection)
写在之前,作为正在学习的程序员,对于Spring理解比较差,给两个简单的定义大家看一下. 控制反转(Inversion of Control),是一个重要的面向对象编程的法则来削减计算机程序的耦合问题 ...
- Ionic 2 中添加图表
有问题请加入马画藤群:181596813,也强烈欢迎各类建议和需求:Ionic 2 实例开发 今日更新新增章节——Ionic 2 中添加图表: Chart.js是一个在HTML5的<canvas ...
- 修复使用<code>XmlDocument</code>加载含有DOCTYPE的Xml时,加载后增加“[]”字符的错误
C# LINQ TO XML - Remove “[]” characters from the DTD header http://stackoverflow.com/questions/12358 ...
- windows网络和共享中心“查看基本网络信息并设置连接”为“未知”的解决方案
存在问题“查看基本网络信息并设置连接”为“未知”.如图所示: 解决步骤 运行services.msc 启动Network List Service 若无法启动,打开其属性,选择“登录”选项卡,将启动类 ...
- 如何从Ubuntu 16.04 LTS升级到Ubuntu 18.04 LTS
可以说非常简单(假设过程顺利!!) 您只需打开Software&Update,进入"Updates"选项卡,然后从“有新版本时通知我”下拉菜单中选择“适用长期支持版”选项. ...
- Django ORM models操作
title: Django ORM models操作 tags: Django --- Django ORM models操作 Django ORM基本操作 一.数据库的创建及增删改查 1 使用类创建 ...
- jQuery JavaScript Library v3.2.1
/*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzle ...
- 实验1 c语言最基本内容
part 1 验证性内容 总结:经受了数组和结构体的双重折磨后,发现这部分好简单...现在没啥问题了... part 2 补全程序 1.判断奇偶 // 程序功能: // 要求用户从键盘输入一个整数 ...
- SQL数据库中各种字段类型的说明
(1)char.varchar.text和nchar.nvarchar.ntext char和varchar的长度都在1到8000之间,它们的区别在于char是定长字符数据,而varchar是 ...
- oracle 将查询结果输出到txt文件里
在查询语句里先输入spool filepath 中间是需要查询的语句,最后spool off 就会把中间查询的结果都输入到file文件里 spool E:\log.txt; select id,nam ...