Hello, last video we developed the teachers page and the one point I need to show you how you can do it is for the Delete by default once you drag the delete button it is delete will delete the row actually from the iterator but it will not delete from the database it means if you press cancel this row will come again because it it actually not deleted from the database it is removed from the iterator only you have to press Save after that but in the real applications user own press Delete and to receive it will not do like this is actually you should add like a confirmation message Are you sure you want to delete or not? So let's now try to make once the user press the Delete displayable Bob for a confirmation message and wants to use a brace okay? It will delete otherwise it will not to do that actually We will create been for this page because we will write the code custom code plus we will add some component component i didn't explain it in during the course, but I said I will explain some more components while developing a complete EDF pitch ADF application.
So, now in this fleet I need to display a bob how you can do this actually to display above what no need for erotic input it is just built in component in ATF to add a column to either Bob in your page you you can add it if he says you will find component core pop up okay. Inside this pop up, you should add dialogue here okay is this dialog actually you will have the action which will execute you code. So in this dialogue, so title, maybe delete information this will be the title. Here's the type of delete sorry, the dialogue it will be has built in action like okay to cancel, cancel only. You don't need to display any buttons okay only so yes or no and so on. So I will make it okay to cancel why because cancel we will just hide it we'll just hide the bob was doing in action, but okay, we will write our code.
Okay, so I will keep it okay can sing, but if you say I don't want to say okay, I need to see Yes, yes and the content. Okay. So in the appearance here, there are tickets here. This is for cancer if you want to override the cancer, this is for Okay, so I will right here. Yes to display yes word instead of Okay. Who can sit.
So here to display above again, you should add the bulb component size this bowl component, you will add a dialog. In this dialog, it will be of type okay and cancel, you will just add the title of this dialog. Inside this dialog, I will add just output ticket the message which you want the user to read it so I can say Are you sure you want to delete? If you want to add as current delete, teacher, you can say Are you sure you want to delete teacher ID and you should point to the teacher ID here. It is if you want to display it. If you can display it like like this, you have to drag the teacher ID.
Here, you just drag it somewhere here. We'll take this. So this is the teacher ID column teacher ID. This is you take this value, and what it if you want to display if you want to display that teacher, Zack the decorated is a deleted arrow. So you can remove this in a way we just learned to get this value. So are you sure you want to delete teacher ID and get the current teacher of course once you actually drag it here, I want to display it is avoiding I want to actually add it in the binding here.
So that you will be able to write pointing To teach your ID to input value. So this way I dragged the teacher ID separately here to add this in the binding, and you can take this expression to display the current selected teacher ID. Okay? So one more thing. So you want this teacher ID to be updated once a user select the other column, so you won't want to select this. You want the teacher to be changing it.
So you just set one property in Baba to be lazy uncashed. Because we don't want it in the cache. So we can see easy on cash, like this. So this, review what I did now to add the book, I just add the mobile component. I prefer to make it always easy uncashed in case if you have some binding variable used inside Cisco Otherwise No need to do this. But I will say it is lazy uncashed because I actually inside this pop up I point to something from the binding okay it's inside this pub I add a dialogue from the lyric I just add the title what is the title?
By default it is okay cancel and as I said if you want to change the okey Cancel button you can come up here and you can add yes here or whatever any text you want. Inside this dialog I will just add a confirmation message Are you sure you want to delete teacher ID and I go into their current teacher ID I can just change maybe the color of this. Yeah, maybe to be wrong. Maybe we can make it Okay, so now the bob bob will How is that Bob will be appear once we delete the button so from the bottom itself to open this over inside this bottom you should add it if component call sure Bob behavior and from short Baba behavior you chose to select the table ID okay and from the template it is inside body manipulation here Do you want so here you see one and you can select here action okay it is actually be one or sorry it is I went to correct incorrect I should point to the bob itself is my mistake I'm sorry.
So you should open select the bob itself p one not the table so from show pop up behavior in the bob bob Id ask you to select what is the bob bob because you can have multiple jobs so you select the bob ID B one and set it here as the trigger action wants to use a brace on delete it means it is in action. You can display this so let's now try to have a look how it looks like it's a bitch. Once you press Delete, the Baobab will appear with by default it is okay we can see but because we changed our key to be yes. So it is yes and cancel. If you press cancel, nothing will happen. Shabaab would just disappear.
So now We displays this pop up, of course that surely is not played because we add some value in the binding we have to re run the application again. So, before we rerun the application again, let us now add the code once the user press Yes. Okay, so once it was a breeze, yes, we have to write our code so insert a look listener. This is the property from the dialog you can select the dialogue and the dialogue listener. I will point to method in the pack bean. So I will create a new manage bean for the teacher.
I will name it teacher class will be teacher bean. You can have your own stander while you are creating enemies for example, I create any bean start with the page name and the bean worked in the end. And B is a B name will be as big as the package will be viewed to be Okay, so now I created back been called teacher bean and inside this main meat I need an action call dialogue is not we can add a new method we can see delete teacher dialogue listener delete t shirt a vocalist, okay. So, now once the user brace on yes it will call this method. So, let us open the beam, you will find the method here. So, as I told you there are some predefined code you can use a on any if application.
So, let's now try to get the code which we use it before in during the course and we can edit here. So, I will add new class here I call it my if you till and it will not be in the bean beans are common we can add a package called common and I will add my ID if you tell you remember this utils class which we created before which has some predefined method. So, I will go and take the code and pass it here okay so I will now paste the code as I told you, we have a common clause called my a filter which has some predefined methods you can use in the bag bean to execute some code programmatically. So, now, in the teacher bean I need once user press delete or you want to execute the Delete operation, then Commit operation and you can display a successful message.
So, we can do something like my ID if you tell the class which we just defined now, dot execute operation. I siblings this before that if you want to execute execute operation from the big definition sorry from the big definition. Here we have operational accurate insert, delete commit rollback, you can use my idiot futile to execute operation and we can see delete and we will repeat this after Delete to be saved as a commit. So I will execute the Delete operation then I will execute the commit operation to save its database. After that I can display a successful message message to Sure, sexism message teacher delete sexism okay. So this is what we can do.
So, in the beach itself I add the bob up and says this bow other dialogue this dialogue at the dialogue listener is a bit is a method in the back been this method will be executed once the user press OK. In the delete button I add shoe bore behavior point to this problem. So let's now try to run the page and see how it will work okay So now let's select maybe t shirts too and I will press Delete so here are you sure you want to do teacher ID to cancel if you select another teacher three delete two will ask you teacher ID three. If you want to display teacher name you can drag the teacher name and take the expression and what instead of ID okay if I press cancel, nothing will do. If I press yes it should see is deleted and the confirmation messages are deleted successfully.
So now if you just consider the dishes, see is gone, even from the database, nothing. Okay, let's do it again. feature three, any date and see. Okay, so now we Know how you can display a bob, how you can execute the code inside this, Bob. So this page was almost done nothing missing in this page. So let's go for the next page students so see you in negativity