目的: V80202 – 設定按鈕 icon
處理說明: 1>設定按鈕 icon:
{
xtype: 'button', text: '整機抽換紀錄匯出', id: 'Call_V80202I_Btn',
iconCls: 'icon-excel',
listeners: {
click: function () {
Call_V80202I();
}
}
},
{
xtype: 'button', text: '整機抽換紀錄匯出', id: 'Call_V80202I_Btn',
iconCls: 'icon-excel',
listeners: {
click: function () {
Call_V80202I();
}
}
},
{
iconCls: 'icon-edit',
text: '修改',
id: 'btn_edit' + unique,
disabled: false,
}
},
{
xtype: 'button', text: '刪除', id: 'btn_del1', iconCls: 'icon-delete',
listeners: {
click: function () {
mysuccessalert("按 [刪除]鈕");
}
}
2> icon-excel 定義的檔案: ext-patch.css
C:\Users\611292\source\repos\TLSWEB_AMM\TLSWEB_AMM\Content\ext-patch.css
C:\Users\611292\source\repos\TLSWEB_AMM\TLSWEB_AMM\images\icons\
1>>ext-patch.css - 定義 icon的實際對應檔案
.icon-excel {
background-image: url('../images/icons/excel.png');
}
.icon-add {
background-image: url('../images/icons/add.gif')
}
.icon-edit {
background-image: url('../images/icons/cog_edit.png')
}
.icon-delete {
background-image: url('../images/icons/delete.gif')
}
.icon-copy {
background-image: url('../images/icons/copy.png')
}
沒有留言:
張貼留言