{"id":8883,"date":"2018-04-24T14:06:22","date_gmt":"2018-04-24T17:06:22","guid":{"rendered":"http:\/\/gianfratti.com\/?p=8883"},"modified":"2018-04-24T14:07:11","modified_gmt":"2018-04-24T17:07:11","slug":"reportviewer-instalando-no-visual-studio-2017","status":"publish","type":"post","link":"http:\/\/gianfratti.com\/index.php\/reportviewer-instalando-no-visual-studio-2017\/","title":{"rendered":"ReportViewer &#8211; Instalando no Visual Studio 2017"},"content":{"rendered":"<p>O <strong>ReportViewer<\/strong> n\u00e3o \u00e9 mais distribu\u00eddo junto com o Visual Studio<br \/>\nN\u00e3o se desespere. O ReportViewer continua a ser disponibilizado pela Microsoft.<br \/>\nA partir do VS 2017 o componente ReportViewer pode ser instalado da seguinte forma:<!--more--><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">1- Abra o VS 2017 Community e clique no menu <b> Tools-&gt; Extensions and Update<\/b><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8899\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_01.png\" alt=\"\" width=\"499\" height=\"184\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_01.png 499w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_01-300x111.png 300w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">2- Na janela<b> Extensions and Updates<\/b> clique na guia <b>(1) Online<\/b> e informe <b>(2)<\/b> <b>rdlc<\/b> na caixa de busca. A seguir clique no bot\u00e3o <b>(3) Donwload<\/b> para baixar o controle <b>Rdlc Designer<\/b>:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8900\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_02.png\" alt=\"\" width=\"971\" height=\"424\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_02.png 971w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_02-300x131.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_02-768x335.png 768w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">3- Ap\u00f3s fazer o download ser\u00e1 apresentada uma mensagem na base da janela informando que a instala\u00e7\u00e3o ser\u00e1 agendada para come\u00e7ar quando o Visual Studio for fechado.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8901\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_03.png\" alt=\"\" width=\"960\" height=\"418\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_03.png 960w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_03-300x131.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_03-768x334.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">4- Fechando o VS 2017 veremos o processo de instala\u00e7\u00e3o come\u00e7ar. Clique no bot\u00e3o <b>Modify<\/b> para concordar com a licen\u00e7a :<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8885\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_04.png\" alt=\"\" width=\"440\" height=\"330\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_04.png 440w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_04-300x225.png 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">5<\/span><span style=\"font-family: Segoe\\ UI; font-size: large;\">&#8211; Voc\u00ea ver\u00e1 algumas janelas durante a instala\u00e7\u00e3o at\u00e9 que o processo seja conclu\u00eddo com sucesso:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8886\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_05.png\" alt=\"\" width=\"1158\" height=\"297\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_05.png 1158w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_05-300x77.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_05-768x197.png 768w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_05-1024x263.png 1024w\" sizes=\"auto, (max-width: 1158px) 100vw, 1158px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Ap\u00f3s a conclus\u00e3o clique no bot\u00e3o <b>Close<\/b> e abra novamente o VS 2017 Community.<\/span><\/p>\n<p><span style=\"color: #000080; font-family: Segoe\\ UI; font-size: xx-large;\">Usando o ReportViewer no VS 2017 Community<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Vamos criar um novo projeto do tipo <b>Windows Forms no VS 2017 <\/b>e ver como podemos usar o <b>ReportViewer<\/b>.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">No menu <b>Project<\/b> clique em <b>Add New Item;<\/b><\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Se voc\u00ea procurar pela guia <b>Reporting<\/b> na janela n\u00e3o vai encontrar. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8887\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_06.png\" alt=\"\" width=\"268\" height=\"409\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_06.png 268w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_06-197x300.png 197w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Para localizar o controle digite <b>report<\/b> na caixa de busca e voc\u00ea ver\u00e1 as op\u00e7\u00f5es : <b>Report e Report Wizard <\/b> <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8888\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_07.png\" alt=\"\" width=\"846\" height=\"478\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_07.png 846w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_07-300x170.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_07-768x434.png 768w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Esses dois componentes agora fazem parte dos itens C# instalados :<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8889\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_08.png\" alt=\"\" width=\"801\" height=\"554\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_08.png 801w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_08-300x207.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_08-768x531.png 768w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Agora vamos selecionar a op\u00e7\u00e3o <b>Report<\/b> e incluir no formul\u00e1rio o controle <b>Report<\/b>: <i>(Voc\u00ea deve clicar em <b>Trust<\/b> para aceitar o template)<\/i><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8890\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_09.png\" alt=\"\" width=\"978\" height=\"328\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_09.png 978w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_09-300x101.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_09-768x258.png 768w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Pronto ! Voc\u00ea ver\u00e1 os mesmos componentes conhecidos do <b>Rdlc Designer<\/b> e poder\u00e1 criar o seu relat\u00f3rio da mesma forma como anteriormente.<\/span><\/p>\n<p><span style=\"color: #000080; font-family: Segoe\\ UI; font-size: xx-large;\">Instalando o ReportViewer no projeto Windows Forms<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Se voc\u00ea procurar pela guia <b>Report<\/b> na janela <b>ToolBox<\/b> n\u00e3o vai encontrar.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Agora podemos instalar o ReportViewer em um projeto Windows Forms ou Web <i>(Web Forms ou MVC<\/i>) via Nuget.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Para isso clique no menu <b>Tools -&gt; Nuget Package Manager -&gt; Manage Nuget Packages for Solution;<\/b><\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Clique na guia <b>Browse<\/b> e informe <b> reportviewercontrol<\/b> na caixa de busca. Voc\u00ea ver\u00e1 as duas op\u00e7\u00f5es atuais do controle: para <span style=\"color: #0000ff;\">Windows Forms e para WebForms:<\/span><br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8891\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_10.png\" alt=\"\" width=\"1386\" height=\"376\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_10.png 1386w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_10-300x81.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_10-768x208.png 768w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_10-1024x278.png 1024w\" sizes=\"auto, (max-width: 1386px) 100vw, 1386px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\"> Vamos selecionar a op\u00e7\u00e3o para <b>Winforms<\/b> e instalar no nosso projeto clicando em <b>Install<\/b>.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\"> Ao final da instala\u00e7\u00e3o voc\u00ea ver\u00e1 um texto com instru\u00e7\u00f5es de ajustes que devem ser feitos se voc\u00ea estava trabalhando com uma vers\u00e3o anterior do ReportViewer:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8892\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_11.png\" alt=\"\" width=\"843\" height=\"529\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_11.png 843w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_11-300x188.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_11-768x482.png 768w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/p>\n<p><span style=\"color: #000080; font-family: Segoe\\ UI; font-size: xx-large;\">Incluindo o controle em uma guia da ToolBox<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Vamos agora incluir o controle em uma guia <b>Reporting<\/b> da ToolBox.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Para isso na <b>ToolBox<\/b> clique com o bot\u00e3o direito do mouse e a seguir clique em <b>Add Tab:<\/b><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8893\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_12.png\" alt=\"\" width=\"405\" height=\"424\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_12.png 405w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_12-287x300.png 287w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">A seguir informe o nome <b>Reporting<\/b>. Depois clique com o bot\u00e3o direito sobre essa aba e a seguir em <b>Choose Items:<\/b><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8894\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_13.png\" alt=\"\" width=\"405\" height=\"430\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_13.png 405w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_13-283x300.png 283w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Na janela <b>Choose Toolbox Items<\/b> clique no bot\u00e3o <b>Browse<\/b> e navegue para o diret\u00f3rio onde criamos o nosso projeto. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8895\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_14.png\" alt=\"\" width=\"664\" height=\"479\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_14.png 664w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_14-300x216.png 300w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">No diret\u00f3rio do projeto localize o arquivo<b> Microsoft.ReportViewer.WinForms.dll<\/b> e clique no bot\u00e3o <b>Abrir<\/b> conforme mostra a figura abaixo:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8896\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_15.png\" alt=\"\" width=\"1003\" height=\"625\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_15.png 1003w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_15-300x187.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_15-768x479.png 768w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Ap\u00f3s clicar no bot\u00e3o <b>Abrir<\/b> o controle ser\u00e1 adicionado \u00e0 janela <b>Choose ToolBox Items.<\/b><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8897\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_16.png\" alt=\"\" width=\"945\" height=\"458\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_16.png 945w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_16-300x145.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_16-768x372.png 768w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Clique no bot\u00e3o OK.<\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Voc\u00ea ver\u00e1 o item <b>ReportViewer<\/b> adicionado \u00e0 guia <b>Reporting<\/b>. <\/span><\/p>\n<p><span style=\"font-family: Segoe\\ UI; font-size: large;\">Basta arrastar e soltar no formul\u00e1rio e usar conforme voc\u00ea j\u00e1 estava acostumado.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8898\" src=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_17.png\" alt=\"\" width=\"921\" height=\"471\" srcset=\"http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_17.png 921w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_17-300x153.png 300w, http:\/\/gianfratti.com\/wp-content\/uploads\/2018\/04\/ReportViwer_vs2017_17-768x393.png 768w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/p>\n<div id=\"selenium-highlight\"><\/div>\n<div id=\"selenium-highlight\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>O ReportViewer n\u00e3o \u00e9 mais distribu\u00eddo junto com o Visual Studio N\u00e3o se desespere. O ReportViewer continua a ser disponibilizado pela Microsoft. A partir do VS 2017 o componente ReportViewer pode ser instalado da seguinte forma:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,20],"tags":[240,239,238],"class_list":["post-8883","post","type-post","status-publish","format-standard","hentry","category-net-framework","category-dicas","tag-rdlc","tag-report-viewer","tag-reportviewer"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/8883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/comments?post=8883"}],"version-history":[{"count":3,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/8883\/revisions"}],"predecessor-version":[{"id":8903,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/8883\/revisions\/8903"}],"wp:attachment":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/media?parent=8883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/categories?post=8883"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/tags?post=8883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}