MES開發(fā)與應(yīng)用 課件 3.5.5 工業(yè)管理軟件開發(fā)基礎(chǔ)-命令的使用-刪除命令

3.5命令的使用深圳市信息職業(yè)技術(shù)學(xué)院——?jiǎng)h除命令目

錄平臺(tái)刪除命令介紹01自定義刪除命令開發(fā)示例02自定義刪除命令注意事項(xiàng)03知識(shí)回顧平臺(tái)添加命令介紹自定義添加命令使用示例平臺(tái)修改命令介紹自定義修改命令使用示例學(xué)習(xí)目標(biāo)通過(guò)本節(jié)學(xué)習(xí)可以：掌握平臺(tái)刪除命令的實(shí)現(xiàn)邏輯；掌握刪除命令的重寫；了解自定義刪除命令的注意事項(xiàng)。01平臺(tái)刪除命令介紹平臺(tái)刪除命令介紹平臺(tái)刪除命令介紹刪除命令框架是在SIE.cmd.Delete中實(shí)現(xiàn)的。重寫添加命令需要繼承SIE.cmd.Delete對(duì)相應(yīng)方法進(jìn)行重寫?？蚣軇h除命令實(shí)現(xiàn)的方法只有canExecute和execute，項(xiàng)目上重寫canExecute方法的場(chǎng)景較多。重寫刪除命令的定義SIE.defineCommand('SIE.Web.LibMan.ReaderCats.Commands.DeleteReaderCatCommand',{extend:'SIE.cmd.Delete’,meta:{text:"刪除",group:"edit",iconCls:"icon-DeleteEntityicon-red"},});其中：SIE.defineCommand為命令的定義；extend：繼承，繼承框架的刪除命令SIE.cmd.Delete；meta：text為命令文本，group為編輯模式（設(shè)置為edit），iconCls為圖標(biāo)和圖標(biāo)顏色的設(shè)置。刪除命令前端實(shí)現(xiàn)刪除命令前端實(shí)現(xiàn)SIE.defineCommand('SIE.cmd.Delete',{meta:{text:"刪除",group:"edit",iconCls:"icon-DeleteEntityicon-red"},selectedItems:[],isImmediate:false,canExecute:function(view){if(view.isListView){if(view.hasSelectedEntities()){returntrue;}returnfalse;}varentity=view.getCurrent();returnentity!=null;},_viewReload:function(view){varpv=view.getParent();//判斷childif(pv){view.loadChildData(true);}else{view.reloadData();}},全局變量選擇的行，默認(rèn)為空全局變量，是否立即保存，默認(rèn)為false是否可執(zhí)行操作，刪除按鈕在列表上的執(zhí)行邏輯：存在選擇的數(shù)據(jù)則允許刪除操作，否則刪除按鈕不可操作。是否可執(zhí)行操作，刪除按鈕在表單上的執(zhí)行邏輯：當(dāng)前操作行不為null則允許刪除操作，否則刪除按鈕不可操作。判斷是否存在父，存在說(shuō)明是子為子，則加載子列表的數(shù)據(jù)。為父，則加載當(dāng)前列表的數(shù)據(jù)。刪除命令前端實(shí)現(xiàn)刪除命令前端實(shí)現(xiàn)execute:function(view){varme=this;if(view.isListView){varisImmediate=view.isImmediate();varmsg=Ext.String.format('你確定刪除選擇的{0}條數(shù)據(jù)嗎？'.L10N(),view.getSelection().length);if(isImmediate)msg+="確定后將直接刪除！".L10N();elsemsg+="刪除后，需要再次點(diǎn)擊保存！".L10N();}else{//formview}}//cmdend});刪除按鈕在列表上的的執(zhí)行邏輯。刪除按鈕在表單上，框架未實(shí)現(xiàn)其邏輯，項(xiàng)目上也基本沒有遇到到在表單上使用刪除按鈕的場(chǎng)景。刪除按鈕執(zhí)行方法的操作邏輯獲取是否立即保存的值，為表單編輯模式則為true，否則為false根據(jù)判斷是否立即保存，拼接提示信息的內(nèi)容刪除命令前端實(shí)現(xiàn)刪除命令前端實(shí)現(xiàn)SIE.Msg.askQuestion(msg,function(){if(isImmediate){view.removeSelection();varchildren=view.getChildren();varwithChildren=children.length>0;varstore=view.getData();view.execute({withChildren:withChildren,success:function(res){mitChanges();me._viewReload(view);view.setCurrent(null,true);},error:function(res){store.rejectChanges();}});}});表單編輯模式刪除按鈕執(zhí)行的邏輯移除選擇的行獲取子獲取子的數(shù)量獲取當(dāng)前視圖的數(shù)據(jù)view.execute為向后端請(qǐng)求數(shù)據(jù)，存在子將子一起傳到后端去處理保存操作的邏輯。后面請(qǐng)求成功后的回調(diào)操作，設(shè)置變更后的數(shù)據(jù)，處理加載數(shù)據(jù)的邏輯，設(shè)置當(dāng)前操作行為null。請(qǐng)求后端數(shù)據(jù)失敗，則回退前端移除選擇行的操作。刪除命令前端實(shí)現(xiàn)刪除命令前端實(shí)現(xiàn)SIE.Msg.askQuestion(msg,function(){else{view.removeSelection();vardata=view.getData().data;if(data.length>0){//不選中一行，列表的tbar（如果命令過(guò)多）會(huì)變更位置

view.getControl().setSelection(data.items[0]);view.setCurrent(data.items[0],true);}else{view.setCurrent(null,true);}}});行內(nèi)編輯模式刪除按鈕執(zhí)行的邏輯移除選擇的行獲取數(shù)據(jù)行判斷表格是否存在數(shù)據(jù)設(shè)置第0行為選擇行，并將第一行設(shè)置為當(dāng)前操作行。表格不存在數(shù)據(jù)，設(shè)置當(dāng)前操作行為null。刪除命令后端實(shí)現(xiàn)刪除命令后端實(shí)現(xiàn)刪除命令平臺(tái)默認(rèn)只有設(shè)置為表單編輯模式，操作刪除按鈕才會(huì)走后端邏輯。

public

class

DeleteCommand:ListViewCommand

{

public

const

stringCommandName="SIE.cmd.Delete";

protected

override

objectExcute(ViewArgsargs,stringscope)

{EntityListdeserializeData=GetDeserializeData(args,scope);OnSaving(deserializeData);DoSave(deserializeData);OnSaved(deserializeData);

return

true;

}

}前端view.execute執(zhí)行進(jìn)來(lái)的邏輯獲取反序列化數(shù)據(jù)空方法，有保存前要執(zhí)行的邏輯可以在該方法實(shí)現(xiàn)執(zhí)行保存邏輯空方法，保存后要處理的邏輯可以在該方法實(shí)現(xiàn)思考題平臺(tái)刪除按鈕，在表單頁(yè)面使用刪除按鈕，刪除的邏輯平臺(tái)是否有實(shí)現(xiàn)？思考題SMOM命令中前端向后端請(qǐng)求數(shù)據(jù)是如何實(shí)現(xiàn)的？02自定義刪除命令開發(fā)示例思考題讀者管理刪除邏輯控制，為啟用狀態(tài)時(shí)不允許刪除，編輯模式為行內(nèi)編輯，如何實(shí)現(xiàn)？自定義刪除命令行內(nèi)編輯開發(fā)示例在界面端Commands文件夾下添加js文件，屬性生成操作設(shè)置為嵌入的資源。實(shí)現(xiàn)步驟自定義刪除命令行內(nèi)編輯開發(fā)示例命令繼承SIE.cmd.Delete，重寫canExecute方法，在canExecute中實(shí)現(xiàn)邏輯。SIE.defineCommand('SIE.Web.XyTest.ReaderMans.Commands.DeleteReaderManCommand',{extend:'SIE.cmd.Delete',meta:{text:"刪除",group:"edit",iconCls:"icon-DeleteEntityicon-red"},canExecute:function(view){varresult=this.callParent(arguments);if(result===false)returnfalse;varentity=view.getCurrent();if(entity!=null&&entity.getState()==1)returnfalse;returntrue;

},});實(shí)現(xiàn)步驟自定義刪除命令行內(nèi)編輯開發(fā)示例在界面端使用命令及效果，狀態(tài)為禁用點(diǎn)擊刪除按鈕，可以正常刪除數(shù)據(jù)。實(shí)現(xiàn)步驟思考題讀者管理刪除邏輯控制，為啟用狀態(tài)時(shí)不允許刪除，編輯模式為表單編輯，如何實(shí)現(xiàn)？自定義刪除命令表單編輯開發(fā)示例在界面端Commands文件夾下添加js文件，屬性設(shè)置為嵌入的資源。實(shí)現(xiàn)步驟自定義刪除命令表單編輯開發(fā)示例命令繼承SIE.cmd.Delete，重寫canExecute方法，在canExecute中實(shí)現(xiàn)邏輯。SIE.defineCommand('SIE.Web.XyTest.ReaderMans.Commands.DeleteReaderManCommand',{extend:'SIE.cmd.Delete',meta:{text:"刪除",group:"edit",iconCls:"icon-DeleteEntityicon-red"},canExecute:function(view){varresult=this.callParent(arguments);if(result===false)returnfalse;varentity=view.getCurrent();if(entity!=null&&entity.getState()==1)returnfalse;returntrue;

},});實(shí)現(xiàn)步驟自定義刪除命令表單編輯開發(fā)示例添加刪除命令的CS文件，命名空間與js命令命名空間完全一致，繼承DeleteCommand。實(shí)現(xiàn)步驟自定義刪除命令表單編輯開發(fā)示例界面端啟用表單編輯模