1 00:00:06,350 --> 00:00:07,910 Look at something new. 2 00:00:09,040 --> 00:00:14,670 What if I want to add something to Dalia? 3 00:00:17,320 --> 00:00:19,180 What I mean by this is. 4 00:00:24,010 --> 00:00:33,320 Can have certain elements head-on, and then when a certain event occurs, I can display them. 5 00:00:33,820 --> 00:00:35,870 So let's check how this will work. 6 00:00:36,370 --> 00:00:41,290 I'll just copy this E news and let's give this. 7 00:00:43,890 --> 00:00:46,290 Display elements. 8 00:00:47,830 --> 00:00:56,860 Based on event, OK, I'll remove this and I'll just take this and put. 9 00:01:01,450 --> 00:01:02,590 And let's add. 10 00:01:06,700 --> 00:01:07,360 This is only. 11 00:01:07,900 --> 00:01:13,020 There is nothing special now let's add a combo box. 12 00:01:14,560 --> 00:01:16,120 I'll give it a title. 13 00:01:17,990 --> 00:01:19,380 OK, text. 14 00:01:20,840 --> 00:01:22,550 This will be I am. 15 00:01:24,020 --> 00:01:25,520 I am Helen. 16 00:01:27,210 --> 00:01:28,860 And I'll give it a key. 17 00:01:31,160 --> 00:01:38,690 For example, CMB, and that is a property in all elements. 18 00:01:39,990 --> 00:01:41,190 Which is very. 19 00:01:43,110 --> 00:01:49,260 I'll set it as Foulds to this element will not be displayed, so. 20 00:01:50,140 --> 00:01:55,060 Now, this is our the combo box is not displaying. 21 00:01:56,030 --> 00:02:02,920 OK, so what I want is when I click on OK. 22 00:02:06,600 --> 00:02:12,720 Let's also change this talk instead of Samat when I click on. 23 00:02:16,230 --> 00:02:18,510 I want to update the value. 24 00:02:19,890 --> 00:02:22,860 And also, I want to. 25 00:02:24,140 --> 00:02:26,810 Show the Comox, so. 26 00:02:27,880 --> 00:02:29,920 We will use Windu. 27 00:02:30,990 --> 00:02:35,250 Oh, CMB, which is. 28 00:02:36,930 --> 00:02:42,030 The key for the combo box, not a date again. 29 00:02:44,750 --> 00:02:48,080 Update the property visible. 30 00:02:50,080 --> 00:02:51,190 Two to. 31 00:02:53,020 --> 00:02:55,660 And I'll also update. 32 00:02:58,160 --> 00:02:58,520 He. 33 00:03:04,740 --> 00:03:06,090 I'll update the text. 34 00:03:12,920 --> 00:03:22,330 OK, now let's try this one, I will just type something in here and click on OK, now we have updated 35 00:03:22,520 --> 00:03:23,180 Xbox. 36 00:03:24,740 --> 00:03:27,560 With the value in and we have displayed. 37 00:03:29,000 --> 00:03:35,270 The combo box and change its it's OK, this is great. 38 00:03:37,050 --> 00:03:39,030 This allowed us to. 39 00:03:39,910 --> 00:03:42,580 There are some elements to. 40 00:03:46,020 --> 00:03:50,820 But what if I don't know how many? 41 00:03:51,750 --> 00:03:53,500 Elements I want to add. 42 00:03:54,330 --> 00:04:03,030 For example, let's say that I will create an interface that will manipulate some files, so. 43 00:04:04,150 --> 00:04:13,240 I want to give the user option to add as many fine as they want, and then we will process them later. 44 00:04:14,380 --> 00:04:16,990 So I want to display. 45 00:04:17,780 --> 00:04:20,090 The filing along with. 46 00:04:20,980 --> 00:04:29,380 And X value beside of her name, to give the user an option to delete this file. 47 00:04:32,920 --> 00:04:36,320 The next processing, so let's see how this will work. 48 00:04:42,710 --> 00:04:48,260 Dynamic layout, and let's create our layout. 49 00:04:50,900 --> 00:04:51,920 Will be. 50 00:05:02,680 --> 00:05:08,800 We will create an input with key, I'll give it five, for example. 51 00:05:10,070 --> 00:05:15,500 And I'll give it size equals 40 and one. 52 00:05:16,960 --> 00:05:18,190 And I'll add. 53 00:05:19,640 --> 00:05:22,760 Is Jadot fine browse? 54 00:05:24,220 --> 00:05:30,450 Finally, I will add our two buttons is OK. 55 00:05:32,470 --> 00:05:34,540 And Gina Council. 56 00:05:36,780 --> 00:05:41,340 And let's also add and enable event. 57 00:05:42,270 --> 00:05:44,100 The true in his. 58 00:05:46,440 --> 00:05:48,210 Now, let's copy this. 59 00:05:51,270 --> 00:05:52,620 And let's execute. 60 00:05:59,870 --> 00:06:02,150 Remove everything. 61 00:06:05,690 --> 00:06:08,030 I would just change this to. 62 00:06:11,520 --> 00:06:15,600 So whenever the file name in here is Change It. 63 00:06:18,100 --> 00:06:19,570 Do something later. 64 00:06:20,140 --> 00:06:22,120 OK, now let me ask you this. 65 00:06:23,640 --> 00:06:27,930 This is our layout, we will choose a file, for example, this one. 66 00:06:33,860 --> 00:06:43,280 And it had created the event, what I want is to display Xbox in here with an X beside it. 67 00:06:47,520 --> 00:06:50,070 With each chosen file. 68 00:06:52,870 --> 00:07:00,760 And we will give you the option to click on the X to remove this, so let's see, how can we clear this? 69 00:07:03,600 --> 00:07:12,340 To be able to do this, we will have to create another layout and another window. 70 00:07:13,150 --> 00:07:17,100 I'll first create a list that will record the file names. 71 00:07:23,300 --> 00:07:28,550 When the file name changes in the input box, we will. 72 00:07:29,620 --> 00:07:31,600 Store this file name so. 73 00:07:33,290 --> 00:07:37,460 Name will equals to values. 74 00:07:43,760 --> 00:07:45,290 Now we will listen to the final. 75 00:07:47,120 --> 00:07:50,180 And if if name. 76 00:07:51,680 --> 00:07:56,870 Not in file, so we're not used to it more than once. 77 00:08:05,120 --> 00:08:10,810 Using this will allow us to store each file, name only one to. 78 00:08:12,340 --> 00:08:13,780 OK, now let's. 79 00:08:16,520 --> 00:08:19,220 Recreate our layout. 80 00:08:24,960 --> 00:08:26,400 The family, so. 81 00:08:27,600 --> 00:08:31,290 I would have to play the same exact layout. 82 00:08:33,760 --> 00:08:36,370 We have cut the first two elements. 83 00:08:39,360 --> 00:08:42,480 We will add the new tax. 84 00:08:45,600 --> 00:08:47,310 I will just add. 85 00:08:49,350 --> 00:08:50,940 As the text box. 86 00:08:52,580 --> 00:08:57,290 Which will be half and I'll give it a size. 87 00:08:58,410 --> 00:09:00,630 30 by one. 88 00:09:01,950 --> 00:09:03,450 I also gave it. 89 00:09:07,380 --> 00:09:09,600 The key will be a format and string. 90 00:09:11,220 --> 00:09:12,870 TAIEX, for example. 91 00:09:16,920 --> 00:09:17,980 I x. 92 00:09:24,000 --> 00:09:25,080 And this will be. 93 00:09:27,710 --> 00:09:31,830 IDEX, if in you know Meredith. 94 00:09:34,720 --> 00:09:44,080 So this will I train through the phylis, return its index and the files are stored in there and it 95 00:09:44,080 --> 00:09:45,910 will print only the file needs. 96 00:09:46,950 --> 00:09:50,010 Now, let's finalise the layout. 97 00:09:59,270 --> 00:10:01,480 Again, inside alist. 98 00:10:03,510 --> 00:10:08,880 Now, we have created the new layout we will need to create another window. 99 00:10:11,440 --> 00:10:13,600 It's not window. 100 00:10:15,830 --> 00:10:17,990 With the same name as the previous one. 101 00:10:20,830 --> 00:10:22,690 And with the new layout. 102 00:10:26,350 --> 00:10:28,870 We will close the old window. 103 00:10:30,720 --> 00:10:32,130 And we will. 104 00:10:33,210 --> 00:10:36,710 A sign the window variable to the window. 105 00:10:40,480 --> 00:10:45,970 So the next time I trade through the loop, we will win. 106 00:10:47,030 --> 00:10:50,410 OK, now let's execute this and see how it would work. 107 00:10:51,620 --> 00:10:53,420 Let's choose a five. 108 00:10:55,570 --> 00:11:01,450 And it had printed the file name in it, let's choose another five. 109 00:11:06,000 --> 00:11:15,450 OK, now we are not limited to something even we can choose any number of files dynamic. 110 00:11:20,380 --> 00:11:27,070 What if I want to also add an option to delete some of these? 111 00:11:29,540 --> 00:11:35,900 We can do this by adding another control in the same room in this. 112 00:11:37,190 --> 00:11:41,240 Beside the fine name, I will just add S.G. the. 113 00:11:44,120 --> 00:11:45,430 I had X. 114 00:11:47,050 --> 00:11:49,000 I will give him a key. 115 00:11:53,560 --> 00:11:55,780 I will give it something like delete. 116 00:11:59,610 --> 00:12:01,650 The theme so. 117 00:12:02,860 --> 00:12:06,100 The same number you need, I'll give it also to. 118 00:12:07,740 --> 00:12:09,120 The ex, Besi. 119 00:12:10,090 --> 00:12:14,800 So when I click on this X, it will delete this element. 120 00:12:16,480 --> 00:12:19,600 And I also gave it enable. 121 00:12:23,210 --> 00:12:24,530 Equals to. 122 00:12:25,920 --> 00:12:27,680 Now, let's explore this again. 123 00:12:29,420 --> 00:12:31,640 Let's choose five. 124 00:12:32,540 --> 00:12:33,850 OK, this is nice. 125 00:12:35,680 --> 00:12:37,900 Let's choose another five. 126 00:12:39,010 --> 00:12:40,450 And third one. 127 00:12:41,500 --> 00:12:48,940 Actually, you have chosen the same one great, this had created exactly what we want. 128 00:12:50,750 --> 00:12:53,930 We want to click on any of these. 129 00:12:54,960 --> 00:13:01,350 And it had created the event, as you can see, but we have not assigned this event to anything, but 130 00:13:01,350 --> 00:13:02,340 when I click. 131 00:13:03,420 --> 00:13:04,620 On each of those. 132 00:13:06,430 --> 00:13:12,460 It has created an event to be able to delete the element beside it. 133 00:13:13,330 --> 00:13:14,110 I will. 134 00:13:18,510 --> 00:13:19,950 As if in years. 135 00:13:21,640 --> 00:13:28,120 If the event, though, starts with because this is a string. 136 00:13:29,490 --> 00:13:31,560 Starts with the. 137 00:13:35,500 --> 00:13:41,140 Then I will need to know the index that we are talking about, which is. 138 00:13:43,370 --> 00:13:47,030 Which is the event the Splett. 139 00:13:48,440 --> 00:13:52,550 I'll split the deal and return the last element. 140 00:13:53,510 --> 00:14:04,110 OK, and I will convert this to Antigua because it will be strange because we are creating this in here. 141 00:14:04,160 --> 00:14:12,620 I need to get the integer value of this file, identify which one of these is click Veeru or one or 142 00:14:12,620 --> 00:14:12,860 two. 143 00:14:14,470 --> 00:14:18,520 Once I have this, I will print the index. 144 00:14:19,960 --> 00:14:26,230 And I will print the index to show it to you and then we will delete. 145 00:14:27,170 --> 00:14:29,390 The files of this element. 146 00:14:31,830 --> 00:14:33,060 Now, let's ask you this. 147 00:14:34,340 --> 00:14:37,310 Let's a couple of more fives. 148 00:14:38,680 --> 00:14:45,850 Now, let's click on this one, for example, I'll click again, it had deleted the element, but. 149 00:14:50,580 --> 00:14:59,670 The new window when we click the file, so if I choose another five, it had deleted two times because 150 00:14:59,670 --> 00:15:09,270 you have to delete it to find we can either replicate the school in here or move it to a function. 151 00:15:10,200 --> 00:15:15,120 And we can use it from both of these if say, OK. 152 00:15:16,440 --> 00:15:22,870 Now we are able to add and delete elements dynamically to the window. 153 00:15:23,460 --> 00:15:25,470 This will conclude our lecture. 154 00:15:25,950 --> 00:15:27,090 Thank you for watching. 155 00:15:27,390 --> 00:15:29,370 And join me in the next lecture.