IconCombo带图标下拉列表 -

luciesfly

浏览: 70664 次
性别:
来自: 上海

最近访客更多访客>>

123nihao

星空涟漪

alex.du

jason1212

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (51)

社区版块

存档分类

2010-06 ( 51)
更多存档...

IconCombo带图标下拉列表

EXT prototype

<html>
<head>
<title>欢迎使用移动工单管理系统</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css" href="../scripts/ext/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../scripts/ext/IconCombo.css">
<script type="text/javascript" src="../scripts/ext/ext-base.js"></script>
<script type="text/javascript" src="../scripts/ext/ext-all.js"></script>
<script type="text/javascript" src="../scripts/ext/IconCombo.js"></script>

</head>
<body>
<script>
var icnCombo=null;
var adminLoginForm=null;
var adminLoginWin=null;
function openLoginWindow(){adminLoginForm=new Ext.FormPanel({id:'operationInf', name:'OperationInf', frame:true, labelWidth:70, labelAlign:'right', bodyStyle:'padding:5px 5px 0', width:350,
items:[
{
xtype:'iconcombo',
store: new Ext.data.SimpleStore({
     fields: ['levelGrade','levelName','levelIcon'],
     data:[
         ['0','0分','x-level-1'],
            ['10','10分','x-level-2'],
            ['20','20分','x-level-3'],
            ['30','3分','x-level-4'],
            ['40','40分','x-level-5'],
            ['50','50分','x-level-6'],
            ['60','60分','x-level-7'],
            ['70','70分','x-level-8'],
            ['80','80分','x-level-9'],
            ['90','90分','x-level-10'],
            ['100','100分','x-level-11']
         ]
}),
id: 'myiconCombo',
    fieldLabel:'打分',
valueField:'levelGrade',
    displayField:'levelName',
    iconClsField:'levelIcon',
    triggerAction:'all',
    mode:'local',
    loadingText:'正在加载...',
    emptyText:'请选择紧急程度...',
    editable:false,
    anchor:'95%'
}
]});
adminLoginWin=new Ext.Window({id:'adminLoginWin', name:'adminLoginWin', title:'<h2><div style="width:100%"><marquee behavior="scroll" scrollamount="2"><font color="black">欢迎使用移动工单管理系统</font></marquee></div>& lt;/h2>', iconCls:'icon-lock-s', width:adminLoginForm.width, height:adminLoginForm.height, closable:false, collapsible:false, draggable:false, resizable:false, maximizable:false, modal:false, border:true, items:[adminLoginForm] });
adminLoginWin.show();
}
Ext.BLANK_IMAGE_URL= '../scripts/ext/resources/images/s.gif';
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget='side';
    openLoginWindow();
}
);

</script>
</body>
</html>