SAPUI5 - Drag & Drop Row on List (Re-order Rows)

 <List

    id="idAttachList"
headerText="{i18n>piList}"
items="{
    path: 'sendFileData>/Attach'
}"
mode="MultiSelect"
updateFinished="onAttachListUpdateFinished"
selectionChange="onAttachListSelectionChange">
<dragDropConfig>
        <dnd:DragDropInfo sourceAggregation="items"
            targetAggregation="items"
            dropPosition="Between"
            drop="onAttachRowMove" />
</dragDropConfig>
    <items>
    <CustomListItem>
        </CustomListItem>
</items>
</List> //------ controller.js
onAttachRowMove: function (oEvent) {
    var sDropPosition = oEvent.getParameter("dragSession").getDropPosition(),
    oDragControl = oEvent.getParameter("dragSession").getDragControl(),
oDropControl = oEvent.getParameter("dragSession").getDropControl(),
sDragControlPath = oDragControl.getBindingContextPath("sendFileData"),
iDragIndex = parseInt(oDragControl.getBindingContextPath("sendFileData").split("/")[2]),
iDropIndex = parseInt(oDropControl.getBindingContextPath("sendFileData").split("/")[2]),
iNewPos = iDropIndex + (sDropPosition == "Before" ? 0 : 1) + (iDragIndex < iDropIndex ? -1 : 0),
oDragItem = oDragControl.getBindingContext("sendFileData").getProperty(sDragControlPath),
oListId = oDragControl.getParent().getId(),
sBindingPath = oDragControl.getParent().getBinding("items").getPath(),
oData = this.getView().getModel("sendFileData").getProperty(sBindingPath);

// remove the item
oData.splice(iDragIndex, 1);

// insert the control in target aggregation
oData.splice(iNewPos, 0, oDragItem);
/* if (sDropPosition === "Before") {
    oData.splice(iDropIndex, 0, oDragItem);
} else {
oData.splice(iDropIndex + 1, 0, oDragItem);
} */

// console.log("dragFromIndex:", iDragIndex);
// console.log("dragToIndex:", iDropIndex);

this.getView().getModel("sendFileData").setProperty(sBindingPath, oData);
//console.log(oData);

this._updateAttachListSelection(oListId);
},
_updateAttachListSelection: function (sListId) {
    var oList = this._oDialogSendToVerifier.getContent().find(x => x.sId.includes(sListId)),
    oItems = oList?.getItems();

if (oItems) {
    oList.removeSelections(true);

oItems.forEach((oItem) => {
    if (oItem.getBindingContext("sendFileData").getObject("Select")) {
    oList.setSelectedItem(oItem);
}
});
}
}

Popular posts from this blog

SAP CPI - Loop Process Call with SuccessFactor (oData V2)

Image
This example will show you how to fetch data from SuccessFactor (oData V2 Message Protocal) with a specific page size. For example, if your data has 10,000 total records and each record consists of 20 child nodes (the result size is around 10MB), you can fetch data by 500 records per request by using Loop Process Call. # My integration process consists of 1. Content Modifier " Initial Data " which I declare property "fetchData". 2. Loop Process Call " Loop Fetch Data " which calls Local Integration Process " Fetch Data From SF ". 3. Groovy Script which writes data from property "fetchData" in an attachment format. This example will focus on step 2 - Loop Process Call & Local Integration Process. # Local Integration Process "Fetch Data from SF".  How does it work? 1. Use Request Reply to call SuccessFactor to get data 500 records per request. 2. Use Groovy Script to get some fields and return in XML format. 3. Use XML to CS...
Read more

C# - BASE64 to Image

public void ConvertBase64ToImage(String strBASE64) {      String _outputFile = @"c:\temp\test.jpg";      try      {         Byte[] _imageBytes = Convert.FromBase64String(strBASE64);         MemoryStream ms = new MemoryStream(_imageBytes, 0, _imageBytes.Length);         // Convert byte[] to Image         ms.Write(_imageBytes, 0, _imageBytes.Length);         Image _image = Image.FromStream(ms, true);         _image.Save(_outputFile);         MessageBox.Show("save image success");      }      catch (Exception ex)      {      ...
Read more

PHP - cURL (post by parameter)

<?php //this url return result in xml format $url = http://www.example.com/receiveRequest.php ; $parameter = "name=henry"; $response = curl_xml($url, $parameter); /* ------- Response -------*/ //header for response result in xml format header('Content-type: text/xml'); echo $response; /* ------- CURL_XML -------*/ function curl_xml($_url, $_xmlRequest) {     $header = array("content-type: application/x-www-form-urlencoded");     // initialize curl handle     $c = curl_init();     // set url to post to     curl_setopt($c, CURLOPT_URL, $_url);     //include header as needed     curl_setopt($c, CURLOPT_HTTPHEADER, $header);     //not include the header in th output     curl_setopt($c, CURLOPT_HEADER, 0);     // set post method in request otherwise curl will do a GET request     curl_setopt($c, CURLO...
Read more