使用 Dojo TreeGrid 管理 WebSphere Process Server 工作流为数据创建 Web 2.0 风格的 UI

<table dojoType="dojox.grid.TreeGrid" store="storeId">   <thead>     <tr>       <th field="field1" width="200px">Field 1</th>       <th field="childAttr">         <table>           <thead>             <tr>               <th field="cField1" width="200px">Child Field 1</th>               <th field="cField2" width="200px">Child Field 2</th>             </tr>           </thead>         </table>       </th>     </tr>   </thead> </table>

// Obtain the default initial JNDI context InitialContext initialContext = new InitialContext(); // Lookup the remote home interface of the BusinessFlowManager bean Object result = initialContext.lookup("com/ibm/bpe/api/BusinessFlowManagerHome"); // Convert the lookup result to the proper type BusinessFlowManagerHome processHome =    (BusinessFlowManagerHome) javax.rmi.PortableRemoteObject.narrow(result,        BusinessFlowManagerHome.class); BusinessFlowManager processManager = processHome.create();

ProcessTemplateData[] processTemplates =    processManager.queryProcessTemplates(null, null, 0, null); for(int i = 0; i < processTemplates.length; i++){   //Do something to the process template }

ProcessTemplateData template = processManager.getProcessTemplate(templateName); if(template != null){   // create a message for the single starting receive activity   ClientObjectWrapper input = processManager.createMessage(template.getID(),      template.getInputMessageTypeName());   DataObject myMessage = null;   if (input.getObject() != null && input.getObject() instanceof DataObject) {     myMessage = (DataObject) input.getObject();     // set the strings in the message, for example, a parameter named “input”     myMessage.setString("input", initialString);   }   // start the process   PIID piid = processManager.initiate(template.getName(), instanceName, input); }

QueryResultSet result = processManager.query(     "ACTIVITY.AIID, TASK.NAME",      "ACTIVITY.STATE = ACTIVITY.STATE.STATE_READY AND " +     "ACTIVITY.KIND = ACTIVITY.KIND.KIND_STAFF AND " +     "WORK_ITEM.REASON = WORK_ITEM.REASON.REASON_POTENTIAL_OWNER AND " +     "PROCESS_INSTANCE.NAME = '" + entity.getAttributeValue("NAME") + "'",     (String)null, (Integer)null, (TimeZone)null);  for(int k = 0; k < result.size(); k++){   // Get the AIID and the name of the task   result.next();   out.print("{id:'" + result.getOID(1) + "',");   out.print("label:'" + result.getString(2) + "'}"); }

ClientObjectWrapper input = processManager.claim(aiid); DataObject activityInput = null; if (input.getObject() != null && input.getObject() instanceof DataObject) {   activityInput = (DataObject) input.getObject();   String inputStr = activityInput.getString("input"); } processManager.cancelClaim(aiid);

ActivityInstanceData activity = processManager.getActivityInstance(aiid); ClientObjectWrapper output = processManager.createMessage(aiid,    activity.getOutputMessageTypeName()); DataObject myMessage = null ; if(output.getObject() != null && output.getObject() instanceof DataObject) {   myMessage = (DataObject) output.getObject();   // set the parts in your message, for example, an order number   myMessage.setString("output", msg); } //complete the activity processManager.complete(aiid, output); Define the data exchange format

{   identifier: "id",   label: "label",   items: [{     id: "1",     label: "Template 1",     instances: [{       id: "2",       label: "Instance 1",       tasks: [{         id: "3",         label: "ToDo 1",       },       {         id: "4",         label: "ToDo 2",       }]     }]   } }

<span dojoType="dojox.data.JsonRestStore"     jsId="jsonStore" target="SimpleSolution/ShowAll/"> </span>

<table dojoType="dojox.grid.TreeGrid" class="grid" autoHeight="true" jsId="grid"     store="jsonStore" rowSelector="true" defaultOpen=true>   <thead>     <tr>       <th field="label" width="20em" formatter="processSummary">Process Template</th>       <th field="instances" aggregate="sum">         <table>           <thead>             <tr>               <th field="label" width="20em" formatter="instanceSummary">Instance</th>               <th field="tasks" aggregate="sum">                 <table>                   <thead>                     <tr>                       <th field="label" width="25em" formatter="taskSummary">Tasks</th>                       <th field="status" width="20em">Status</th>                     </tr>                   </thead>                 </table>                </th>              </tr>            </thead>          </table>       </tr>   </thead> </table>

// create an object to save all these ComboBox var comboObj = {}; var fmtStatus = function(value, idx, treepath){   // summary:   //    format the cell to a comboBox Widget   // value: string   //    the attribute value of this cell   // idx: integer   //    row index, it would be negative if the cell is header cell or summary cell   if(idx >= 0) {     // get the identifier     var id = jsonStore.getIdentity(grid.getItem(treepath));     comboObj[id] = new dijit.form.ComboBox({       store: comboStore,        searchAttr:"status"     });     comboObj[id].setValue(value);     return comboObj[id];   }else{     // for summary cell     return "";   } } 		 var fmtSubmit = function(value, idx){   if(idx >= 0){     return new dijit.form.Button({       label: "submit",        onClick: dojo.hitch(null, "submit", value)});   }else{     return "";   } }

<th field="status" width="20em" formatter=” fmtStatus”>Status</th> <th field="id" width="20em" formatter=” fmtSubmit”>Action</th>

var submit = function(id){	   var status = comboObj[id].getValue();     dojo.xhrPost({       url: "SimpleSolution/" + status + "/" + id,       load: function(data){         if(data === "successful"){           grid.update();         }else{           console.warn("operation failed:", data);         }       },       error: function(error){         console.err(error);       }   }); }