Quantcast
Channel: SCN: Message List
Viewing all articles
Browse latest Browse all 3019

how to create a 3 level filter for custom list item

$
0
0

hello there

 

i want to apply filter on my custom list item plzz help

 

i have a cutom list item its structure is

  • i have list of workorders as panels
  • inside each panels i have a table of operations

so basically heirarchy is like this

 

workorder1

     operation 1

     operatoin 2

 

workorder2

     operation 1

     operatoin 2

 

workorder3

     operation 1

     operatoin 2

 

and each operation have fileds like

operation name(string like operation 1,2...)

operatoin status(low medim hight)

etc

 

 

so i want to create a filter so that user can search for any

  • workorder name
  • operation name,operation status

and only matched fileds should appear


my json structure is


{  "WorkOrderCollection": [  {  "WorkOrderName": "WorkOrder1",  "Location": "Argentina",  "Date":"01/16/2016",     "Shift":"2",  "Completedby":"Bryan",  "WorkOrder" : "Work Order",  "Materials":   [   {   "MaterialName":"Material11",   "materialAvailability":"accept"   },   {   "MaterialName":"Material12",   "materialAvailability":"alert"   },   {   "MaterialName":"Material13",   "materialAvailability":"alert"   },   {   "MaterialName":"Material14",   "materialAvailability":"accept"   },   {   "MaterialName":"Material15",   "materialAvailability":"alert"   },   {   "MaterialName":"Material16",   "materialAvailability":"accept"   }  ],  "Operations":  [  {   "OperationName": "Operation1",   "OperationType": "OperationType1",   "Materials": "true",   "Time": "3h",   "Priority":"Low",   "Status":"",   "Workers":   [      {      "WorkerName":"John Snow",      "WorkerSpeciality":"MACH"      },      {      "WorkerName":"Tyrion Lannister",      "WorkerSpeciality":"CC"      },      {      "WorkerName":"Rob Stark",      "WorkerSpeciality":"BM"      },      {      "WorkerName":"Jammie Lannister",      "WorkerSpeciality":"CC"      }      ],   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}        ]     },  {   "OperationName": "Operation2",   "OperationType": "OperationType2",    "Time": "5h",   "Priority":"Medium",   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}        ]     },  {   "OperationName": "Operation5",   "OperationType": "OperationType4",    "Time": "2h",   "Priority":"High",   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}    ]    }  ]    },  {  "WorkOrderName": "WorkOrder2",  "Location": "Argentina",  "Date":"01/16/2016",     "Shift":"2",  "Completedby":"Bryan",  "WorkOrder" : "Work Order",  "Materials":   [  {   "MaterialName":"Material21"   },   {   "MaterialName":"Material22"   },   {   "MaterialName":"Material23"   },   {   "MaterialName":"Material24"   },   {   "MaterialName":"Material25"   },   {   "MaterialName":"Material26"   }  ],  "Operations":  [  {   "OperationName": "Operation1",   "OperationType": "OperationType1",   "Materials": "true",   "Time": "1h",   "Priority":"Low",   "Status":"",   "Workers":   [      {      "WorkerName":"John Snow",      "WorkerSpeciality":"MACH"      },      {      "WorkerName":"Tyrion Lannister",      "WorkerSpeciality":"CC"      },      {      "WorkerName":"Rob Stark",      "WorkerSpeciality":"BM"      },      {      "WorkerName":"Jammie Lannister",      "WorkerSpeciality":"CC"      }      ],   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}        ]     },  {   "OperationName": "Operation2",   "OperationType": "OperationType1",   "Materials": "true",   "Time": "4h",   "Priority":"Medium",   "Status":"",   "Workers":   [      {      "WorkerName":"John Snow",      "WorkerSpeciality":"MACH"      },      {      "WorkerName":"Tyrion Lannister",      "WorkerSpeciality":"CC"      },      {      "WorkerName":"Rob Stark",      "WorkerSpeciality":"BM"      },      {      "WorkerName":"Jammie Lannister",      "WorkerSpeciality":"CC"      }      ],   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}        ]     },  {   "OperationName": "Operation3",   "OperationType": "OperationType1",   "Materials": "true",   "Time": "5h",   "Priority":"High",   "Status":"",   "Workers":   [      {      "WorkerName":"John Snow",      "WorkerSpeciality":"MACH"      },      {      "WorkerName":"Tyrion Lannister",      "WorkerSpeciality":"CC"      },      {      "WorkerName":"Rob Stark",      "WorkerSpeciality":"BM"      },      {      "WorkerName":"Jammie Lannister",      "WorkerSpeciality":"CC"      }      ],   "Tasks":   [    {"TaskName": "Task 11",    "Location":  "Argentina",    "Date" : "01/16/2016",    "Shift": "1",    "Completed By": "Bryan Sinha"},     {"TaskName": "Task 12",    "Location":  "Kansas",    "Date" : "02/16/2016",    "Shift": "2",    "Completed By": "Bryan Kannaujia"},     {"TaskName": "Task 13",    "Location":  "Newyork",    "Date" : "03/16/2016",    "Shift": "2",    "Completed By": "Bryan Shastry"},     {"TaskName": "Task 14",    "Location":  "Washington",    "Date" : "04/16/2016",    "Shift": "1",    "Completed By": "Bryan Goel"}        ]     }  ]    }
]
}


My list structure is




<List  id ="idWorkOrderList"  mode="SingleSelectMaster"   growing="true"     class="sapMCustomListItemBorder" items="{/WorkOrderCollection}">  <CustomListItem class="sapMCustomListItemPanelStyle">  <Panel  class="sapMPanelPaddingForExpanders" id="workOrderPanelInWorkPLan" expandable="true" expanded="false"   >  <headerToolbar >  <Toolbar >  <HBox class="sapMCustomWorkNamePaddingTop">  <Title class="workorderHead" text="{WorkOrderName}"></Title>  </HBox><ToolbarSpacer></ToolbarSpacer>  <HBox >  <HBox class="sapMCustomButtonAlign" >  <Button class="sapMCustomButtonAd sapMFontFamilyArial sapMFontSize14Px sapMLocoListColor#666666" visible = "false" id="idbutton12345" icon = "sap-icon://comment" text="Comments" press="buttonPress"  ></Button>  </HBox>  <HBox class="sapMCustomButtonAlign" >  <Button class="sapMCustomButtonAd sapMFontFamilyArial sapMFontSize14Px sapMLocoListColor#666666" visible = "true" id="idbutton" icon = "sap-icon://add" text="Add Material" press="buttonPress"  ></Button>  </HBox>  <HBox class="sapMCustomButtonAlign" >  <Button class="sapMCustomButtonAd sapMFontFamilyArial sapMFontSize14Px sapMLocoListColor#666666" visible = "false" id="idbutton1234" icon = "sap-icon://redo" text="Defer Work" press="buttonPress"  ></Button>  </HBox>  <HBox  class="sapMCustomProgressIndicator" >  <ProgressIndicator visible = "true"  class="sapUiSmallMarginBottom progressHead"   percentValue="30"  displayValue="30%"  showValue="true"  state="Success" />  </HBox>  <HBox class="sapMCompletePaddingTop" >  <Title  visible="true"  text = "3/4 complete" />  </HBox>  </HBox>  </Toolbar>  </headerToolbar>  <content >  <Table class="sapMPaddingZero sapMTaskHeaderRowBackgroundColorWorkPlan" id="idWorkOrderTable" showHeader="false" inset="false"  items="{Operations}" >  <columns>  <Column width="32rem">  <Text text="Operation" /><footer>  <Toolbar>  <core:Icon src="sap-icon://add" color="#F2812F"/>  <Link  text=" ADD OPERATION"/>  </Toolbar>  </footer>  </Column>  <Column visible= "false" width="32rem">  <Text    text="Type" />  </Column>  <Column  visible= "true" width="32rem">  <Text text="Workers" />  </Column>  <Column>  <Text text="Materials" />  </Column>  <Column>  <Text text="Time"/>  </Column>  <Column >  <Text  visible="true" text="Status" />  </Column>  <Column visible= "false">  <Text    text="Priotity" />  </Column>  </columns>  <items>  <ColumnListItem >  <cells>  <Text text="{OperationName}" />  <Text visible="false" text="{OperationType}" />  <Button class="sapMCustomButtonWorker " visible = "true" id="idbutton1" icon = "sap-icon://person-placeholder" text="1"  ></Button>  <core:Icon press="handleMaterialListPopover" color="green"  src="sap-icon://accept"  visible="true" />  <!-- <core:Icon  color="red" src="sap-icon://alert"   visible="{Materials}"/> -->  <Text text="{Time}" />  <Text  visible="true"  text="{Priority}" />  <Text  visible="false" text="{Priority}" />  </cells>  </ColumnListItem>  </items>  </Table>  </content>  </Panel>  </CustomListItem>  </List>

Viewing all articles
Browse latest Browse all 3019

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>