WEBVTT

1
00:00:00.120 --> 00:00:02.320
Olá a todos e bem-vindo ao meu escritório.

2
00:00:02.320 --> 00:00:05.720
Hoje vamos fazer uma breve sessão
para mostrar como é rápido e fácil

3
00:00:05.720 --> 00:00:09.520
começar e construir algo
usando as ferramentas dentro do DataFlex Studio.

4
00:00:10.080 --> 00:00:13.560
Vamos pegar um banco de dados existente
e usá-lo para construir os primeiros passos

5
00:00:13.560 --> 00:00:15.320
de uma aplicação de entrada de pedidos.

6
00:00:15.320 --> 00:00:16.560
Então, cheguem um pouco mais perto,

7
00:00:16.560 --> 00:00:17.320
e vamos começar.

8
00:00:22.560 --> 00:00:25.560
Aqui temos uma Workspace DataFlex.

9
00:00:25.640 --> 00:00:27.720
Está praticamente vazia,

10
00:00:27.720 --> 00:00:28.360
exceto pelo fato

11
00:00:28.360 --> 00:00:32.000
de que já vinculamos esta Workspace
a um banco de dados existente.

12
00:00:32.680 --> 00:00:33.760
Ainda não há código aqui,

13
00:00:33.760 --> 00:00:35.200
não há projeto.

14
00:00:35.200 --> 00:00:38.200
Ainda precisamos criar tudo
nós mesmos.

15
00:00:38.320 --> 00:00:41.080
Então, vamos começar criando um novo projeto.

16
00:00:41.080 --> 00:00:42.240
Podemos fazer isso de várias maneiras.

17
00:00:42.240 --> 00:00:44.800
Podemos clicar aqui,
que diz "Create a new project".

18
00:00:44.800 --> 00:00:49.000
Ou podemos ir no canto superior esquerdo
em File, New e Project.

19
00:00:49.440 --> 00:00:51.680
E a partir daqui
podemos selecionar entre vários tipos de projetos.

20
00:00:51.680 --> 00:00:53.960
Podemos criar um projeto para Windows.

21
00:00:53.960 --> 00:00:56.800
Podemos criar
vários tipos de projetos web.

22
00:00:56.800 --> 00:00:59.800
Ou podemos criar um projeto Flextron drill down.

23
00:01:00.160 --> 00:01:05.440
Agora, o Flextron é uma maneira de construir

24
00:01:05.440 --> 00:01:08.920
aplicativos para Windows
usando as mais recentes tecnologias web,

25
00:01:09.360 --> 00:01:11.120
e é isso
que vamos usar hoje.

26
00:01:12.600 --> 00:01:16.480
Então, vou chamar isso de Flextron Drilldown,

27
00:01:16.480 --> 00:01:18.200
e então o Studio
vai começar a trabalhar para nós.

28
00:01:18.200 --> 00:01:20.440
Ele fará algumas configurações,
ele fará algumas cópias.

29
00:01:20.440 --> 00:01:26.320
E ele criará a base da
aplicação Flextron para nós.

30
00:01:26.320 --> 00:01:28.800
E já podemos executa-la imediatamente.

31
00:01:28.800 --> 00:01:33.160
E vemos que ele tem um painel de controle
para nós, mas isso é tudo.

32
00:01:33.240 --> 00:01:36.240
A estrutura de menu está praticamente vazia.

33
00:01:36.440 --> 00:01:38.680
Há alguns blocos aqui,
mas quando clicamos em um deles,

34
00:01:38.680 --> 00:01:42.000
recebemos imediatamente uma mensagem
informando que não sabe para onde navegar.

35
00:01:42.400 --> 00:01:44.080
Então, essas são coisas que precisamos corrigir,

36
00:01:44.080 --> 00:01:46.160
precisamos dar forma a este projeto.

37
00:01:46.160 --> 00:01:50.320
Então, vamos começar
adicionando views a este projeto.

38
00:01:51.280 --> 00:01:54.200
A maneira mais fácil de adicionar novas views
ao seu projeto

39
00:01:54.200 --> 00:01:56.080
é indo até o Designer de Navegação.

40
00:01:56.080 --> 00:01:57.400
Podemos acessar o Designer de Navegação

41
00:01:57.400 --> 00:02:00.400
clicando em vies
e depois Designer de Navegação.

42
00:02:01.040 --> 00:02:04.240
Ou podemos clicar neste pequeno ícone aqui
e depois entrar no

43
00:02:04.240 --> 00:02:05.120
Designer de Navegação.

44
00:02:06.640 --> 00:02:07.360
Aqui à esquerda,

45
00:02:07.360 --> 00:02:11.960
temos todas as tabelas
associadas ao nossa Workspace.

46
00:02:12.000 --> 00:02:14.240
Estas são as tabelas
que estão no banco de dados

47
00:02:14.240 --> 00:02:16.320
que estarão vinculadas à workspace.

48
00:02:16.320 --> 00:02:20.560
E podemos usar essas tabelas
e usar o Designer de Navegação,

49
00:02:21.240 --> 00:02:23.720
para traduzir nossa estrutura de banco de dados,

50
00:02:23.720 --> 00:02:26.720
para uma estrutura de view e navegação.

51
00:02:27.120 --> 00:02:29.760
para o seu projeto.

52
00:02:29.760 --> 00:02:33.280
Então podemos pegar a tabela "Customer",
e da tabela "Customer",

53
00:02:33.280 --> 00:02:36.280
podemos arrastar este bloco "Select Customer"

54
00:02:36.520 --> 00:02:40.280
para o Designer de Navegação
e aparecerá este menu,

55
00:02:40.720 --> 00:02:43.120
dizendo quais campos você quer incluir
nesta view.

56
00:02:43.120 --> 00:02:44.680
Esses são todos os campos
associados

57
00:02:44.680 --> 00:02:47.680
com a tabela de clientes
dentro do seu banco de dados.

58
00:02:47.920 --> 00:02:51.240
Podemos provavelmente remover "Limite_Crédito", "Email",

59
00:02:51.240 --> 00:02:54.280
"Fax", "Telefone" e adicionar "PSaldo".

60
00:02:55.480 --> 00:02:56.520
Clique em Ok

61
00:02:56.520 --> 00:02:59.640
e agora ele irá gerar uma view para nós.

62
00:03:00.080 --> 00:03:02.800
E quando clicamos duas vezes nela,

63
00:03:02.800 --> 00:03:05.440
podemos ver que esta é a view
que ele gerou para nós.

64
00:03:05.440 --> 00:03:09.760
É uma estrutura para uma pequena lista
que vai conter

65
00:03:09.760 --> 00:03:12.760
todos os nossos registros de clientes.

66
00:03:12.960 --> 00:03:16.160
Mas a primeira coisa que gostaríamos de fazer é
antes de começar a trabalhar com a view,

67
00:03:17.040 --> 00:03:19.960
é ser capaz de navegar do painel de controle

68
00:03:19.960 --> 00:03:22.960
para a nova view "Select Customer".

69
00:03:23.480 --> 00:03:25.720
E podemos fazer isso
clicando neste ícone aqui

70
00:03:25.720 --> 00:03:28.960
e arrastando uma seta
de um bloco para o outro.

71
00:03:28.960 --> 00:03:31.960
Então, neste caso,
estamos criando um caminho de navegação

72
00:03:32.480 --> 00:03:36.080
do painel de controle
para a nova view "Select Customer",

73
00:03:36.680 --> 00:03:39.320
e quando inspecionamos esta pequena seta,

74
00:03:39.320 --> 00:03:42.640
ele dirá que, quando clicarmos 
no oTile2,

75
00:03:43.600 --> 00:03:47.240
nos levará para o oSelectCustomer,
que é a nossa nova view.

76
00:03:49.120 --> 00:03:49.640
Bom.

77
00:03:49.640 --> 00:03:52.640
Agora vamos para a view do cliente.

78
00:03:53.640 --> 00:03:55.520
Esta é a view que foi criada para nós.

79
00:03:55.520 --> 00:03:58.000
Mas podemos ajustar um pouco esta view
se quisermos.

80
00:03:58.000 --> 00:04:01.160
Por exemplo,
este "Customer Number" é bem grande,

81
00:04:01.160 --> 00:04:03.680
não precisa ser tão largo.
Então podemos torná-lo um pouco menor.

82
00:04:03.680 --> 00:04:06.920
Diretamente através do nosso

83
00:04:06.920 --> 00:04:10.200
designer visual do WebApp.

84
00:04:10.240 --> 00:04:11.400
Esta coluna "Saldo Devido"

85
00:04:11.400 --> 00:04:14.480
provavelmente nem sempre precisaremos vê-la,
então podemos clicar nela,

86
00:04:15.000 --> 00:04:17.840
e então, no painel de propriedades
aqui no canto inferior direito,

87
00:04:17.840 --> 00:04:20.640
isso contém todas as propriedades
para o objeto que agora selecionamos.

88
00:04:21.440 --> 00:04:24.960
Queremos, por padrão, esconder esta coluna.

89
00:04:24.960 --> 00:04:26.800
Então, vamos em pbHidden,

90
00:04:26.800 --> 00:04:29.600
e definimos isso como True.

91
00:04:29.600 --> 00:04:31.480
E agora, esta coluna
será escondida por padrão.

92
00:04:32.720 --> 00:04:33.720
Agora nós

93
00:04:33.720 --> 00:04:37.880
vamos ver se o que fizemos
realmente funciona.

94
00:04:37.880 --> 00:04:39.840
Então vamos compilar nosso projeto.

95
00:04:39.840 --> 00:04:42.840
Ele será iniciado novamente.

96
00:04:44.160 --> 00:04:45.280
E agora devemos ser capazes

97
00:04:45.280 --> 00:04:48.280
de navegar deste "Tile 2"

98
00:04:48.280 --> 00:04:51.280
para a nossa visualização "Select Customer"
que foi criada para nós.

99
00:04:51.280 --> 00:04:53.880
E o que você pode ver imediatamente
é que ele preencheu

100
00:04:53.880 --> 00:04:57.880
toda esta lista com todos os registros
dentro da nossa tabela de clientes.

101
00:04:57.880 --> 00:05:00.280
Então, todos esses dados são da nossa base de dados.

102
00:05:00.280 --> 00:05:04.920
E o DataFlex vinculou automaticamente
todos os dados dessa base de dados

103
00:05:05.320 --> 00:05:08.320
a componentes visuais dentro da nossa view.

104
00:05:09.720 --> 00:05:11.920
Agora podemos ver
todos os registros de clientes.

105
00:05:11.920 --> 00:05:16.040
Mas o que ainda não podemos fazer é
ver os detalhes de um cliente específico.

106
00:05:16.080 --> 00:05:19.440
Gostaríamos de poder
clicar em um cliente e então ver

107
00:05:20.320 --> 00:05:23.160
os detalhes do cliente.

108
00:05:23.160 --> 00:05:26.160
Mas quando clicamos nesse pequeno ícone de "I" 
informações,

109
00:05:26.720 --> 00:05:28.560
ainda não acontece nada.

110
00:05:28.560 --> 00:05:29.480
Então esse é o nosso próximo passo,

111
00:05:29.480 --> 00:05:31.800
vamos criar uma view
onde podemos ver os detalhes do cliente.

112
00:05:33.160 --> 00:05:35.840
Voltando ao nosso Designer de Navegação.

113
00:05:35.840 --> 00:05:42.280
Vamos arrastar o tile de zoom do cliente
para o Designer de Navegação desta vez.

114
00:05:42.280 --> 00:05:47.800
Novamente, aparecerá o pop-up onde podemos
selecionar quais campos queremos nesta view.

115
00:05:47.800 --> 00:05:50.880
Vamos adicionar todas as informações de contato,

116
00:05:50.880 --> 00:05:54.160
mas não precisamos dos limites de crédito
e algumas outras coisas.

117
00:05:55.200 --> 00:05:56.000
Isso basta.

118
00:05:56.000 --> 00:05:56.800
Clique em Ok.

119
00:05:56.800 --> 00:06:00.520
Novamente, funcionará e vai gerar
uma pequena view para nós.

120
00:06:00.800 --> 00:06:03.160
Agora, antes de realmente entrarmos na view,

121
00:06:03.160 --> 00:06:05.960
vamos primeiro garantir
que podemos realmente navegar até a view.

122
00:06:05.960 --> 00:06:08.960
Então, assim como da última vez, vamos

123
00:06:09.680 --> 00:06:11.200
clicar nesse pequeno ícone aqui.

124
00:06:11.200 --> 00:06:12.760
E então, da view de Seleção de Cliente

125
00:06:12.760 --> 00:06:15.760
queremos ser capazes de navegar para a view de Zoom
do Cliente.

126
00:06:15.760 --> 00:06:17.080
Então, criamos uma pequena seta aqui.

127
00:06:18.040 --> 00:06:18.960
Inspecione essa seta

128
00:06:18.960 --> 00:06:21.600
e ela dirá, do botão de detalhes

129
00:06:21.640 --> 00:06:25.120
estamos navegando para o Zoom Cliente.
O que é exatamente o que queremos.

130
00:06:26.280 --> 00:06:30.440
Também queremos ser capazes de criar imediatamente
um novo registro de cliente.

131
00:06:30.440 --> 00:06:33.160
Então, precisamos de outro caminho de navegação.

132
00:06:33.160 --> 00:06:35.200
Vamos criar outra seta.

133
00:06:35.200 --> 00:06:40.600
E então vamos inspecionar essa pequena seta

134
00:06:40.600 --> 00:06:44.800
E aqui podemos dizer ok, em vez de
"oFindLast",

135
00:06:44.800 --> 00:06:48.360
eu quero navegar do
"oNewButton", que é um pequeno botão

136
00:06:48.360 --> 00:06:50.920
que também foi gerado na nossa view de seleção,

137
00:06:50.920 --> 00:06:52.960
quando criamos essa view.

138
00:06:52.960 --> 00:06:55.680
E então queremos ser capazes
de navegar para o Zoom Cliente.

139
00:06:55.680 --> 00:06:59.200
E já foi reconhecido que queremos
criar um novo registro nesse caso,

140
00:06:59.200 --> 00:07:00.640
o que é perfeito.

141
00:07:03.400 --> 00:07:04.520
Ok, isso está feito.

142
00:07:04.520 --> 00:07:08.880
Entrando na view, esta é a view
que foi gerada para nós.

143
00:07:08.880 --> 00:07:12.040
E ela contém todos os campos
que selecionamos

144
00:07:12.040 --> 00:07:15.040
quando arrastamos aquela pequena
tile para o nosso Designer de Navegação.

145
00:07:15.880 --> 00:07:18.880
Agora ela adicionou todos os campos,

146
00:07:19.080 --> 00:07:20.640
mas poderia ter uma aparência melhor.

147
00:07:20.640 --> 00:07:24.760
Então, o que vamos fazer é reorganizar essa view um pouco.

148
00:07:25.880 --> 00:07:28.880
Agora estamos no designer visual do WebApp
e podemos,

149
00:07:29.080 --> 00:07:32.440
neste designer visual, pegar diretamente qualquer um desses campos,

150
00:07:33.040 --> 00:07:36.040
e então ele exibirá
o layout de grid,

151
00:07:36.760 --> 00:07:40.240
onde podemos pegar um desses campos
e soltá-los em qualquer outro lugar

152
00:07:40.240 --> 00:07:41.560
dentro da nossa view.

153
00:07:41.560 --> 00:07:43.800
Então, podemos pegar o nome do cliente,
por exemplo,

154
00:07:43.800 --> 00:07:46.120
e soltá-lo ao lado do número do cliente.

155
00:07:46.120 --> 00:07:49.720
Podemos redimensioná-lo
um pouco para torná-lo um pouco menor.

156
00:07:50.800 --> 00:07:55.440
Vamos
reorganizar isso um pouco também.

157
00:07:55.480 --> 00:07:57.520
Deixar um pouco mais limpo.

158
00:07:57.520 --> 00:08:00.520
Mover todos esses campos um pouco para cima.

159
00:08:00.800 --> 00:08:02.520
Pronto.

160
00:08:02.520 --> 00:08:05.520
Deixar todos esses campos com a mesma largura.

161
00:08:05.600 --> 00:08:06.320
Certo.

162
00:08:06.320 --> 00:08:09.640
Agora nossa view está muito mais limpa
do que quando começamos.

163
00:08:11.240 --> 00:08:14.000
Agora, além de apenas poder modificar

164
00:08:14.000 --> 00:08:17.320
a view que foi criada para nós,
também podemos

165
00:08:18.480 --> 00:08:21.120
adicionar novos elementos à nossa view.

166
00:08:21.120 --> 00:08:24.120
Então, aqui à esquerda, temos
o que é chamado de Class Palette.

167
00:08:24.520 --> 00:08:28.920
E a Class Palette contém
basicamente todos os controles

168
00:08:28.920 --> 00:08:32.800
da ambiente DataFlex
que você pode adicionar à sua aplicação.

169
00:08:33.600 --> 00:08:36.600
E o que vamos fazer
é ir até os contêineres web,

170
00:08:36.760 --> 00:08:40.080
e vamos adicionar um grupo web
ao nossa aplicação.

171
00:08:40.080 --> 00:08:41.600
Então, vamos arrastar
isso da Class Palette,

172
00:08:42.720 --> 00:08:45.720
diretamente para nossa view. 
Vamos soltá-lo aqui,

173
00:08:45.760 --> 00:08:48.760
e isso criará um novo grupo web para nós.

174
00:08:48.840 --> 00:08:49.360
A partir daqui

175
00:08:49.360 --> 00:08:52.840
podemos redimensioná-lo um pouco, porque ele
provavelmente precisa ser um pouco maior.

176
00:08:53.600 --> 00:08:54.880
E vamos usar esse grupo web

177
00:08:54.880 --> 00:08:58.120
para exibir as informações financeiras
do nosso cliente.

178
00:08:58.840 --> 00:09:02.160
Então, selecionando esse grupo web

179
00:09:02.480 --> 00:09:05.480
e indo para a parte inferior direita aqui
de volta para o painel de propriedades.

180
00:09:06.120 --> 00:09:08.960
Vamos primeiro mudar o psCaption

181
00:09:08.960 --> 00:09:12.280
de "Caption" simples para "Financeiro".

182
00:09:13.000 --> 00:09:14.800
Pronto.

183
00:09:14.800 --> 00:09:15.960
E agora, para esse grupo web,

184
00:09:15.960 --> 00:09:19.960
queremos adicionar alguns campos extras,
um pouco de informação extra

185
00:09:19.960 --> 00:09:23.840
do nosso cliente para mostrar as informações financeiras
deste cliente.

186
00:09:23.840 --> 00:09:27.080
Então, em vez de usar o painel de propriedades

187
00:09:27.080 --> 00:09:31.000
vamos para o Explorador DDO.
Agora, o Explorador DDO,

188
00:09:31.040 --> 00:09:33.960
sem entrar em muitos detalhes,

189
00:09:35.240 --> 00:09:37.680
o Explorador DDO é, um pequeno

190
00:09:37.680 --> 00:09:41.000
objeto que basicamente,

191
00:09:41.000 --> 00:09:45.960
contém todos os campos que estão dentro
da sua view associada ao seu banco de dados.

192
00:09:46.400 --> 00:09:50.280
E daqui,
podemos usar o Explorador DDO para criar diretamente

193
00:09:50.760 --> 00:09:53.760
campos dentro da nossa view.

194
00:09:54.320 --> 00:09:56.520
Então, eu poderia dizer,

195
00:09:56.520 --> 00:09:59.760
"Limite_de_credito", "Compras" e "Saldo",

196
00:09:59.800 --> 00:10:02.800
esses são todos os campos
que eu quero dentro da minha view.

197
00:10:03.360 --> 00:10:05.240
Então, eu posso

198
00:10:05.240 --> 00:10:09.400
pegar esses campos, arrastá-los
e soltá-los dentro do nosso grupo web.

199
00:10:10.520 --> 00:10:13.120
Agora, nosso grupo web ainda não é muito grande,

200
00:10:13.120 --> 00:10:16.920
e provavelmente precisamos de uma grade
um pouco maior do que temos agora.

201
00:10:16.920 --> 00:10:19.840
A primeira coisa que vou fazer é expandir um pouco esse grupo.

202
00:10:19.840 --> 00:10:22.840
Aqui no canto inferior direito temos o controle para isso,

203
00:10:23.400 --> 00:10:24.840
essa grade de objetos.

204
00:10:24.840 --> 00:10:25.720
E nós podemos

205
00:10:25.720 --> 00:10:29.440
adicionar facilmente duas novas linhas à grid,
onde os nossos controles ficarão.

206
00:10:30.120 --> 00:10:33.520
A partir daí podemos pegar os campos
que acabamos de adicionar.

207
00:10:33.520 --> 00:10:38.440
Então, “Total de compras” vai mover este para baixo
e depois “Saldo devedor”,

208
00:10:38.440 --> 00:10:39.760
movemos este também para baixo.

209
00:10:41.080 --> 00:10:44.080
E então, aumentamos todos um pouco

210
00:10:44.440 --> 00:10:47.440
para que possamos ver o que está acontecendo aqui.

211
00:10:49.240 --> 00:10:49.840
É isso.

212
00:10:49.840 --> 00:10:52.840
Então, quando compilarmos
e executarmos novamente nossa aplicação,

213
00:10:52.960 --> 00:10:55.960
deveremos ser capazes de ir do

214
00:10:56.080 --> 00:10:57.480
painel de controle para a view de seleção.

215
00:10:57.480 --> 00:10:59.720
E então, da view de seleção
para a view ampliada.

216
00:10:59.720 --> 00:11:00.760
E dentro da view ampliada

217
00:11:00.760 --> 00:11:03.760
deveremos ser capazes de ver
todas as informações dos nossos clientes.

218
00:11:03.960 --> 00:11:06.960
Então vamos clicar
novamente neste pequeno ícone de informações.

219
00:11:07.800 --> 00:11:10.880
E você pode ver que agora podemos navegar diretamente
para essa nova view

220
00:11:10.880 --> 00:11:12.640
que foi criada para nós.

221
00:11:12.640 --> 00:11:14.080
Todas as informações do cliente estão lá.

222
00:11:14.080 --> 00:11:17.920
Todas as informações de contato
bem como as informações financeiras

223
00:11:17.920 --> 00:11:20.920
que adicionamos nós mesmos
usando o explorador DDO.

224
00:11:24.120 --> 00:11:24.520
Certo.

225
00:11:24.520 --> 00:11:27.480
Então, já construímos um bom começo

226
00:11:27.480 --> 00:11:30.520
para a nossa aplicação Flextron.

227
00:11:30.920 --> 00:11:32.320
Mas fizemos a maioria das coisas

228
00:11:32.320 --> 00:11:36.120
agora diretamente através da interface visual
do DataFlex Studio.

229
00:11:37.120 --> 00:11:38.720
Obviamente, você não

230
00:11:38.720 --> 00:11:41.240
precisa usar apenas a interface visual,

231
00:11:41.240 --> 00:11:44.360
você também pode escrever um pouco de código onde necessário.

232
00:11:45.520 --> 00:11:48.480
Então, só para mostrar a você,

233
00:11:48.480 --> 00:11:51.000
como é escrever um pouco de código
em DataFlex,

234
00:11:51.000 --> 00:11:54.360
vamos adicionar um pequeno evento
à nossa view de cliente

235
00:11:56.480 --> 00:11:58.880
que mudará a legenda do breadcrumb para nós.

236
00:11:58.880 --> 00:12:03.520
Então, o que quero dizer com isso é, vamos iniciar
nossa aplicação novamente.

237
00:12:03.520 --> 00:12:07.440
Quando agora navegarmos de,
a view de seleção

238
00:12:07.440 --> 00:12:11.720
para uma view de detalhes do cliente,
dirá “Detalhes do Cliente”.

239
00:12:12.400 --> 00:12:13.040
E não importa

240
00:12:13.040 --> 00:12:16.120
qual cliente selecionemos,
sempre dirá “Detalhes do Cliente”.

241
00:12:16.520 --> 00:12:19.240
Agora o que gostaríamos de fazer
é quando clicarmos em um cliente existente,

242
00:12:19.240 --> 00:12:20.800
deve dizer o nome do cliente.

243
00:12:20.800 --> 00:12:24.520
Então, “Access Miles” ou “Ace Manufacturers”,
qualquer cliente que selecionarmos.

244
00:12:24.920 --> 00:12:28.160
E se clicarmos no botão de novo
aqui, em vez de “Detalhes do Cliente”,

245
00:12:28.480 --> 00:12:30.400
deve dizer “Novo Cliente”.

246
00:12:32.320 --> 00:12:33.400
Então, vamos fazer isso acontecer.

247
00:12:33.400 --> 00:12:34.680
Vamos entrar no código.

248
00:12:34.680 --> 00:12:40.360
Então, em vez do designer visual,
queremos ver o código do DataFlex agora,

249
00:12:40.360 --> 00:12:41.800
então podemos pressionar F7

250
00:12:41.800 --> 00:12:44.920
o que nos levará do designer visual para o código DataFlex.

251
00:12:45.520 --> 00:12:48.960
E aqui você pode ver todo o código
que foi gerado para a nossa view,

252
00:12:49.720 --> 00:12:53.320
que compõe todos os campos de entrada
da nossa view.

253
00:12:53.320 --> 00:12:55.880
o que você vê dentro da view.

254
00:12:55.960 --> 00:12:57.920
Agora, eu não vou explicar
todo o código para isso,

255
00:12:57.920 --> 00:12:59.800
esse não é o objetivo.

256
00:12:59.800 --> 00:13:03.520
Mas o que eu quero fazer
é adicionar um pequeno evento a esta view.

257
00:13:03.840 --> 00:13:07.080
Agora, a maneira mais fácil de acessar
todos os eventos para esta view

258
00:13:08.800 --> 00:13:11.800
é indo aqui no seu cWebView.

259
00:13:11.920 --> 00:13:16.800
E então clicando com o botão direito,
e depois clicando em Propriedades do Objeto.

260
00:13:16.800 --> 00:13:19.800
Você também pode pressionar Ctrl+2
ou clicar aqui em Propriedades do Objeto.

261
00:13:20.080 --> 00:13:23.360
E então aqui no canto inferior direito
há uma aba chamada "Events".

262
00:13:23.960 --> 00:13:26.720
E esses são todos os eventos
que esta visualização contém.

263
00:13:26.720 --> 00:13:31.440
Eventos ou partes da lógica que são executadas em certas partes da sua aplicação.

264
00:13:32.760 --> 00:13:34.880
E aqui
você pode adicionar sua própria lógica de aplicação

265
00:13:34.880 --> 00:13:37.880
onde você pode fazer coisas
que a sua aplicação precisa fazer.

266
00:13:39.080 --> 00:13:42.400
No nosso caso, queremos adicionar algo
a OnNavigateForward.

267
00:13:42.400 --> 00:13:45.760
OnNavigateForward é executado
sempre que navegamos para esta view.

268
00:13:46.440 --> 00:13:47.560
E aqui queremos ser capazes

269
00:13:47.560 --> 00:13:50.560
de mudar a legenda do breadcrumb
com base no que estamos vendo.

270
00:13:51.440 --> 00:13:54.360
Então, o que vamos dizer aqui é

271
00:13:54.360 --> 00:13:58.720
se NavigateData,
que é uma informação

272
00:13:58.720 --> 00:14:00.840
que estamos recebendo dentro
deste método.

273
00:14:00.840 --> 00:14:01.880
.bNewRecord

274
00:14:01.880 --> 00:14:04.880
Então, se for um novo registro, vamos dizer

275
00:14:05.680 --> 00:14:08.240
set send, desculpe,

276
00:14:08.240 --> 00:14:11.760
send SetBreadcrumbCaption

277
00:14:11.760 --> 00:14:13.360
e vamos dizer “Novo Cliente”.

278
00:14:15.480 --> 00:14:18.520
E se não for um novo registro,
isso significa que clicamos em

279
00:14:18.520 --> 00:14:22.920
um cliente existente e vamos dizer Else
send SetBreadcrumbCaption.

280
00:14:23.560 --> 00:14:27.120
E queremos exibir o Customer.Name
aqui,

281
00:14:27.120 --> 00:14:29.320
então podemos dizer Customer.Name

282
00:14:29.320 --> 00:14:32.320
Então podemos acessar diretamente
campos do banco de dados dentro do nosso código.

283
00:14:35.480 --> 00:14:36.560
É isso.

284
00:14:36.560 --> 00:14:39.560
Então, quando agora compilarmos
e executar nossa aplicação novamente.

285
00:14:41.440 --> 00:14:43.360
Vamos para nossa view de seleção.

286
00:14:43.360 --> 00:14:47.000
Se agora selecionarmos qualquer
um desses clientes, por exemplo, “Access Miles”,

287
00:14:47.000 --> 00:14:50.080
em vez de “Detalhes do Cliente”,
agora dirá “Access Miles”.

288
00:14:50.080 --> 00:14:53.560
Se você clicar em outro cliente
dirá o nome desse cliente.

289
00:14:54.760 --> 00:14:58.360
E se clicarmos em Novo
dirá “Novo Cliente”.

290
00:14:59.120 --> 00:15:01.320
Apenas esse pedacinho de código fez com que

291
00:15:01.320 --> 00:15:04.160
a legenda do breadcrumb agora seja diferente.

292
00:15:06.560 --> 00:15:07.800
É isso por hoje.

293
00:15:07.800 --> 00:15:10.440
Espero que isso tenha dado uma ideia de
como é rápido e fácil

294
00:15:10.440 --> 00:15:13.960
transformar um banco de dados existente
em uma aplicação funcional de entrada de dados.

295
00:15:14.320 --> 00:15:16.280
Obrigado por me acompanhar. Tenha um bom dia.