EXT js IE6 IE7 火狐兼容问题
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="VIP.aspx.cs" Inherits="CarType_VIP" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>会员信息</title>
<link href="../ExtJS/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ExtJS/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
//blankText提示
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = "side";
//根节点
var root=new Ext.tree.AsyncTreeNode({
id:"rootid",
text:"所有类型",
icon:"_img/tree/File.jpg",
draggable:false,
border:false,
});
//构建树形菜单
var mytree=new Ext.tree.TreePanel({
//el:"container",
border:false,
animate:false,
collapsible:true,
enableDD:true,
enableDrag:true,
rootVisible:true,
autoScroll:false,
autoHeight:true,
margins :'0 0 0 0',
width:130,
lines:true,
useArrows:false,
root:root,
loader:new Ext.tree.TreeLoader({
dataUrl:"CarType/CarType_json/_CartypeCode_json.aspx?ismenu=0"
})
});
//是否是父节点
var isparentid=0;
//选择的类型ID
var CardTypeID;
// mytree.setRootNode(root);
mytree.expandAll();
//mytree点击事件
var mytreeClick=function(node){
if(node.isLeaf()==false)
{
isparentid=1;
}
CardTypeID=node.id;
store.removeAll();
store.load({params:{start:0,limit:20,isParentID:isparentid,CardTypeID:CardTypeID}});
}
mytree.on("Click",mytreeClick);
//定义一个Panel
var nav = new Ext.Panel({
id:'cartypetree',
region: 'west', //放在西边,即左侧
split: true,
width: 200,
border:false,
collapsible: true, //允许伸缩
margins: '3 0 3 3',
cmargins: '3 3 3 3',
items:mytree
});
var cm_VIP = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{header:"会员卡号",dataIndex:"VIPNumbers"},
{header:"会员姓名",dataIndex:"VIPName"},
{header:"会员类型",dataIndex:"CardTypeName"},
{header:"性别",dataIndext:"Sex",renderer:function(value){
if(value==1)
{
return "男";
}else{
return "女";
}
}},
{header:"移动手机",dataIndext:"Mobilephone"},
{header:"固定电话",dataIndex:"Fixedtelephone"},
{header:"开卡日期",dataIndex:"Opencardtime"},
{header:"到卡日期",dataIndex:"Endcardtime"},
{header:"有效次数",dataIndex:"FfectiveNumbers"},
{header:"消费总额",dataIndex:"ConsumerMoney"},
{header:"会员积分",dataIndex:"Integral"},
{header:"卡内余额",dataIndex:"CardBalance"},
{header:"会员生日",dataIndex:"Birthday"},
{header:"会员状态",dataIndex:"Enable",renderer:function(value){
if (value=="1")
{
return "可用";
}else if (value=="0")
{
return "<font color='#CECECE'>禁用</font>";
}else{
return "";
}
}},
{header:"会员ID",dataIndex:"Id"}
]);
cm_VIP.defaultSortable=true;
//Store构造
//Store构造
var store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:"CarType/CarType_json/_VIP_json.aspx"}),
reader:new Ext.data.JsonReader(
{
totalProperty:"totalPorperty",
root:"root"
},
[
{name:"Id"},
{name:"VIPNumbers"},
{name:"VIPName"},
{name:"CardTypeName"},
{name:"Sex"},
{name:"Mobilephone"},
{name:"Fixedtelephone"},
{nam:"Opencardtime"},
{name:"Endcardtime"},
{name:"FfectiveNumbers"},
{name:"ConsumerMoney"},
{name:"Integral"},
{name:"CardBalance"},
{name:"Birthday"},
{name:"Enable"}
]
)
});
store.load({params:{start:0,limit:20,isParentID:isparentid,CardTypeID:CardTypeID}});
//选择数据记录
var rsm = new Ext.grid.RowSelectionModel({
singleSelect:true
});
var s_pannel = new Ext.FormPanel({
labelAlign:"left",
labelWidth:'40',
width:505,
border:false,
items: [{
layout:'column',
items:[{
columnWidth:0.3,
layout:'form',
items:[{xtype:'textfield',fieldLabel:"请输入会员编号或名称:"}]
},{
columnWidth:0.3,
layout:'form',
items:[{xtype:'button',text:'查询'}]
},{
columnWidth:0.3,
layout:'form',
items:[{xtype:'checkbox',boxLabel:'显示禁用会员'}]
}]
}]
});
//构建数据库列表
//构建数据库列表
var grid_VIP = new Ext.grid.GridPanel({
//el:"DataList_Product",
id:"vipgird",
store:store,
cm:cm_VIP,
sm:rsm,
viewConfig:{
forceFit:false
},
bodyStyle:"width:100%",
height:500,
border:false,
stripeRows:true,
trackMouseOver:true,
bbar:new Ext.PagingToolbar({
pageSize:20,
store:store,
displayInfo:true,
displayMsg:"第{0} — {1}条记录,共{2}条",
emptyMsg:"暂时没有记录"
}),
tbar:new Ext.Toolbar([
'-',{
text:"增加会员",
handler:function()
{
SetVip();
}
},
'-',{
text:"修改会员",
handler:function()
{
var record = grid_VIP.getSelectionModel().getSelected();
if(record==null)
{
Ext.MessageBox.alert("提示","请选择一个卡类型!");
}
else
{
// setYogaClubWin(record.get("CarTypeName"),record.get("Id"));
}
}
},
'-',{
text:"删除会员",
handler:function()
{
// var record = grid_VIP.getSelectionModel().getSelected();
// if(record==null)
// {
// Ext.MessageBox.alert("提示","请选择一个卡类型!");
// }
// else
// {
// //setClassTypeWin(record.get("CarTypeName"),record.get("Id"));
// }
}
}
])
});
此页面我在火狐上运行没问题,可是在IE6 和IE7 上就报错
Char:20851
错误提示为:由于出现错误80020101 而导致此项操作无法完成
--------------------编程问答--------------------
--------------------编程问答-------------------- 页面报错~~~
//增加会员弹出窗口
function SetVip()
{
var setvip=new Ext.form.FieldSet({
title:"会员添加操作",
height:200,
width:450,
//columnWidth:1,
layout:'column',
border:true,
anchor:"100%",
labelWidth:60,
items:[
{
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'会员编号',name:"VIPNumbers"}]
},
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'会员姓名',name:"VIPName"}]
}]
},
{
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'移动电话',name:"Mobilephone"}]
},
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'会员类型',name:"CarTypeName"},{xtype : 'hidden',name : 'CarTypeID', id : 'CarTypeID'}]
},
{
layout:'form',
items:[{xtype:'button',text:'选择'}]
}]
},
{
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'有效天数',name:"VIPNumbers"}]
},
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'有效次数',name:"VIPNumbers"}]
}]
},
{
layout:'column',
//width:450,
border:true,
items:[
{
//columnWidth:.5,
width:200,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'固定电话',name:"Fixedtelephone"}]
},
{
//columnWidth:.5,
width:250,
layout:'form',
border:false,
items:[{xtype:"datefield",fieldLabel:'加入时间',name:"Addtime",format:'Y-m-d',value:new Date(),width:138}]
}]
},
{
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'卡内密码',name:"CardPassword"}]
},
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'确认密码',name:"CardPasswordTo"}]
}]
},
{
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield',fieldLabel:'售价',name:"VipMoney"}]
},
{
columnWidth:.5,
layout:'form',
border:false,
items:[{xtype:'textfield', fieldLabel:'生日',name:"Birthday",emptyText:'1月1日'}]
}]
}]
});
//操作会员信息
function doSave(a)
{
}
var getsex=new Ext.form.ComboBox({
fieldLabel: '性别',
width:140,
name: 'Sex',
store:new Ext.data.SimpleStore({
fields:['text','value'],
data:[['男','1'],['女','0']]
}),
displayField:'text',//显示值
valueField:'value',//按说是应该存到数据库中的值,但是存到数据库中的值一直是上面的显示值
typeAhead: true,
mode: 'local',
forceSelection:true,
triggerAction: 'all', // 触发加载所有数据
value:'1',
selectOnFocus:true
});
//设置其他信息
var setOther=new Ext.form.FieldSet({
title:'设置其他',
border:true,
width:494,
height:200,
labelWidth:60,
layout:'column',
items:[{
//columnWidth:0.5,
width:480,
layout:'form',
autoHeight:true,
style:'margin-top:5px;',
items:[getsex,
{xtype:'radiogroup',fieldLabel:'有效性',blankText:'请选择有效性',anchor:'90%',
items:[{boxLabel:'有效',name:"Enable",inputValue:1,width:100},{boxLabel:'无效',name:'Enable',inputValue:0}]},
{xtype:'textarea', fieldLabel:'备注',name:"Remark",width:200},
{xtype:'textfield',fileUpload:true,name:'Photo',inputType:'file',fieldLabel:'上传照片'}]
},{
columnWidth:0.3,
columnHeight:0.5,
labelAlign:'right',
layout:'form',
items:[{xtype:'panel',html:"<img src=''>"}]
}]
});
//构建RadioGroup
var radiogroup = new Ext.form.RadioGroup({
fieldLabel:"有效性",
id:"Enable",
width:320,
allowBlank:false,
blankText:"请选择有效性!",
items:[
{
boxLabel:"可用",name:"Enabled",inputValue:1
},
{
boxLabel:"禁用",name:"Enabled",inputValue:0
}
]
});
var setVipForm=new Ext.form.FormPanel({
height:500,
width:520,
labelWidth:30,
frame:true,
items:[setvip,setOther],
buttons:[
{
text:"保存",
id:"btnSave_CarType",
handler:function(){
if (CarTypeModifyForm.form.isValid())
{
if (this.text=="保存")
{
doSave("4");
}else if (this.text=="新建")
{
doSave("3");
}
}
}
}
]
});
var vipwin=new Ext.Window({
id:'vipwin',
title:'增加会员',
layout:'fit',
height:500,
width:520,
closeAction:'hide',
items:[setVipForm]
});
vipwin.show();
}
//布局
var Vip_panel = new Ext.Panel({
id:"Vip_panel",
bodyStyle:"padding:1 1 1 1",
border:false,
layout:"column",
width:700,
//height:505,
items:[
//左
{
width:180,
height:500,
border:true,
items:nav
},
//中隙
{
border:false,
width:2
},
//右
{
width:505,
height:500,
border:false,
items:[grid_VIP]
}
]
});
//窗口
var VipWindow = new Ext.Window({
id:"VipWindow",
title:"会员基本信息",
width:700,
height:"100%",
modal:true,
items:Vip_panel,
listeners:{
"beforeclose":function(){
//关闭父页面的,本窗口的Tab
var getid = Ext.getCmp("mainTabPanel").getActiveTab().getId();
Ext.getCmp("mainTabPanel").remove(Ext.getCmp(getid));
}
}
});
VipWindow.show();
});
</script>
</head>
<body>
</body>
</html>
不知道帮顶~~~
http://topic.csdn.net/u/20100721/10/9399791d-a425-4bfd-886c-35a4f9953574.html?14032
这个是我早上问的那个兼容问题帖子,看看有帮助没
补充:.NET技术 , ASP.NET