

rhenan silverio
Members-
Content count
64 -
Joined
-
Last visited
Community Reputation
0 ComumAbout rhenan silverio

- Birthday 07/09/1994
Informações Pessoais
-
Sexo
Masculino
-
Localização
Curitiba
Contato
-
Skype
rhenan.teixeira
-
Twitter
rhenanteixeira
Recent Profile Visitors
768 profile views
-
-
Bem eu fiz um dropdown criando valores como Maior preço, menor preço etc... porém quando eu seleciono um dos dois ele não volta o valor e não trás o objeto que faz referencia. import React, { PureComponent } from 'react' class Dropdown extends PureComponent { constructor(props) { super(props); this.state = {value: '4'}; this.handleChange = this.handleChange.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } render() { const { itens, className} = this.props console.log(itens) //let x = event.target.value; return ( <div className='select'> <select onChange={this.handleChange} value={this.state.value} className={className} > {itens.map((item, i) => <option key={i} value={item.id}>{item.value} </option> )} </select> </div> ) } } Dropdown.defaultProps = { className: 'select__filter' }; export default Dropdown import React, { PureComponent } from 'react' import { Tab } from '../../../../components/Tabs/Tab' import { Tabs } from '../../../../components/Tabs/Tabs' import RestaurantCard from '../../../../components/RestaurantCard/index' import Dropdown from '../Dropdown' const SECTION = [ { name: "Ver Restaurantes" }, { name: "Ver Pratos" } ]; const dropdownItens = [{id: 'DISCOUNT', value: 'Melhores descontos'}, { id: 'BIGGER_PRICE', value: 'Maior Preço'}, {id: 'LOWER_PRICE', value: 'Menor Preço'}, {id: 'EVALUATION', value: 'Melhor Avaliado', selected: 'selected'}, {id: 'LOCATION', value: 'Mais Próximos'}] class FilterTabs extends PureComponent { state = { value: '', id: '' } handleChange = (event) => { this.setState({ value: event.target.value }); //this.setState({value: event.target.id}); } render() { const { restaurants, size} = this.props; return ( <section className="filter__tabs"> <section className="container"> <Tabs> { SECTION.map(section => ( <Tab text={`${section.name} (${size})`} key={section.name}> <section className="filter__tabs--info"> <span className="filter__tabs--info-text"> {`${size} restaurantes encontrados`} </span> <Dropdown onChange={this.handleChange} itens={dropdownItens}/> </section> <div className="row"> { restaurants.map( restaurant => <RestaurantCard key={restaurant.id} extra={true} data={restaurant} /> ) } </div> </Tab> )) } </Tabs> </section> </section> ) } } export default FilterTabs;
-
ClientException {#462 ▼ -request: Request {#450 ▶} -response: Response {#459 ▶} -handlerContext: [] #message: """ Client error: `POST https://api.mocaplatform.com/v2/segments/?appId=` resulted in a `401 Unauthorized` response:\n {"error":"Unauthorized","error_description":"Access is denied"}\n """ #code: 401 #file: "/Users/rhenansilverioteixeira/pharebee-console/vendor/guzzlehttp/guzzle/src/Exception/RequestException.php" #line: 113 trace: {▶} } -uri: Uri {#447 ▼ -scheme: "https" -userInfo: "" -host: "api.mocaplatform.com" -port: null -path: "/v2/segments/" -query: "appId=" -fragment: "" } Quando vou salva ou editar ele aparece isso
-
-
Opa, ainda está por ai?? queria poder tentar resolver esse problema. Como posso conversar com você??
-
Na verdade nem sei como, porque eu to usando ele de base pra desenvolver por cima, ele ja estava pronto porque usei a algum tempo, e depois que comecei a alterar a parte da conexão ele apareceu isso
-
Então o negocio é que eu nao mexi em string ou query alguma, ele apenas me da esse erro. Eu tirei o Mysql e comecei a usar postgres
-
SQLSTATE[42P01]: Undefined table: 7 ERROR: relation "usuario" does not existLINE 1: select count(*) as aggregate from "usuario" where "email" = ...^ (SQL: select count(*) as aggregate from "usuario" where "email" = rhenan@gmail.com Bem eu tive esse erro, ao criar o cadastro, estou usando postgresql. Alguém pode me dar uma luz??
-
Galera tenho uma dúvida quanto a criar um newsletter, onde o usuário coloca o email e recebe noticias da página, alguém pode me ajudar com isso ou dar uma idéia de como fazer??
-
Não sei se faz muito sentido isso, ou se seria mais fácil criar com o Pivot, só que eu não to sabendo criar os filtros nele(Pivot)
-
Na verdade eu queria ja usar o JqxGrid e só implementar o pivot ali dentro, só não sei se consigo fazer isso
-
<!DOCTYPE html> <html lang="en"> <head> <title id='Description'>LogComex v3 </title> <meta name="description" content="jQuery Grid Filtering of Data" /> <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script> <script type="text/javascript" src="generatedata.js"></script> <script type="text/javascript"> $(document).ready(function () { var source = { datatype: 'json', datafields: [ { name: 'responsavel_data_conhec', type: 'data'}, { name: 'data_registro', type: 'data' }, { name: 'tipo_carga', type: 'string' }, { name: 'teus', type: 'number'}, { name: 'nmconsignatario', type: 'string' }, { name: 'nmportoorigem', type: 'string' }, { name: 'total_fcl', type: 'number'}, { name: 'txmercadoria', type: 'string'}, {name: 'txshipper', type: 'string'}, {name: 'dtoperacao', type: 'data'}, { name: 'nmportoorigem', type: 'string' }, {name: 'nmportodescarregamento', type: 'string'}, {name: 'nmportodestino', type: 'string'}, {name: 'indmodalidadefrete', type: 'string'}, {name: 'nrcemercante', type: 'number'}, {name: 'nmembarcacao', type: 'string'} ], id: 'id', url: 'http://comex.io/request/report/jsonimport', async: false }; var addfilter = function () { var filtergroup = new $.jqx.filter(); var filtervalue = ''; var filtercondition = ''; var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); filtervalue = ''; filtercondition = 'starts_with'; var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); // add the filters. $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup); // apply the filters. $("#grid").jqxGrid('applyfilters'); } var adapter = new $.jqx.dataAdapter(source); $("#grid").jqxGrid( { width: getWidth('Grid'), source: adapter, //pagesize: 100, // pagesizeoptions: ['10', '50', '100','200','300','400','500','1000','3000'], filterable: true, sortable: false, ready: function () { addfilter(); }, autoshowfiltericon: true, columns: [ {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160}, { text: 'Teus', datafield: 'teus', width: 160 }, { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 }, { text: 'Total FCL', datafield: 'total_fcl', width: 170 }, { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' }, { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' }, { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Navio', datafield: 'txshipper', widht: 140, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Data de Operação', datafield: 'dtoperacao', widht: 140, cellsalign: 'right', cellsformat: 'c2'}, {text: 'Porto de Descarregamento', datafield: 'nmportodescarregamento', widht: 100, cellsalign: 'right'}, {text: 'Porto de Destino', datafield: 'nmportodestino', widht: 100, cellsalign: 'right'}, {text: 'Modalidade Frete', datafield: 'indmodalidadefrete', widht: 100, cellsalign: 'right'}, {text: 'Numero Mercante', datafield: 'nrcemercante', widht: 100, cellsalign: 'right'}, { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'} ] }); $('#events').jqxPanel({ width: 300, height: 80}); $("#grid").on("filter", function (event) { $("#events").jqxPanel('clearcontent'); var filterinfo = $("#grid").jqxGrid('getfilterinformation'); var eventData = "Triggered 'filter' event"; for (i = 0; i < filterinfo.length; i++) { var eventData = "Filter Column: " + filterinfo[i].filtercolumntext; $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>'); } }); $('#clearfilteringbutton').jqxButton({ height: 25}); $('#filterbackground').jqxCheckBox({ checked: true, height: 25}); $('#filtericons').jqxCheckBox({ checked: false, height: 25}); // clear the filtering. $('#clearfilteringbutton').click(function () { $("#grid").jqxGrid('clearfilters'); }); // show/hide filter background $('#filterbackground').on('change', function (event) { $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked }); }); // show/hide filter icons $('#filtericons').on('change', function (event) { $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked }); }); }); </script> </head> <body class='default'> <div id="grid"> </div> <div id="eventslog" style="margin-top: 30px;"> <div style="width: 200px; float: left; margin-right: 10px;"> <input value="Remove Filter" id="clearfilteringbutton" type="button" /> <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div> <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div> </div> <div style="float: left;"> Evento de Log <div style="border: none;" id="events"> </div> </div> </div> </body> </html> Tipo, tem aqui o Jqx Grid, eu consigo integrar nele o visual do Pivot ou integrar o Pivot sem mudar o que ele está fazendo nas tabelas, que é um serach dos Json
-
Tipo eu queria que esse JqxGrid, ficasse com o estilo do Pivot apenas isso, na verdade é so isso, tirar esse estilo do Grid e passar como o Pivot, sem mudar nada nele, conseguiu entender mais ou menos??
-
Queria integrar o pivot ai, mas teria como??? tem algum jeito??
-
Não, não, eu tenho outro Grid so que eu queria integrar o Pivot nele <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>LogComex v3 </title> <meta name="description" content="jQuery Grid Filtering of Data" /> <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script> <script type="text/javascript" src="generatedata.js"></script> <script type="text/javascript"> $(document).ready(function () { var source = { datatype: 'json', datafields: [ { name: 'responsavel_data_conhec', type: 'data'}, { name: 'data_registro', type: 'data' }, { name: 'tipo_carga', type: 'string' }, { name: 'teus', type: 'number'}, { name: 'nmconsignatario', type: 'string' }, { name: 'nmportoorigem', type: 'string' }, { name: 'total_fcl', type: 'number'}, { name: 'txmercadoria', type: 'string'}, {name: 'txshipper', type: 'string'}, {name: 'nmembarcacao', type: 'string'} ], id: 'id', url: 'http://comex.io/request/report/jsonimport', async: false }; var addfilter = function () { var filtergroup = new $.jqx.filter(); var filtervalue = ''; var filtercondition = ''; var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); filtervalue = ''; filtercondition = 'starts_with'; var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); // add the filters. $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup); // apply the filters. $("#grid").jqxGrid('applyfilters'); } var adapter = new $.jqx.dataAdapter(source); $("#grid").jqxGrid( { width: getWidth('Grid'), source: adapter, filterable: true, sortable: false, ready: function () { addfilter(); }, autoshowfiltericon: true, columns: [ {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160}, { text: 'Teus', datafield: 'teus', width: 160 }, { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 }, { text: 'Total FCL', datafield: 'total_fcl', width: 170 }, { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' }, { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' }, { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Navio', datafield: 'txshipper', widht: 100, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'} ] }); $('#events').jqxPanel({ width: 300, height: 80}); $("#grid").on("filter", function (event) { $("#events").jqxPanel('clearcontent'); var filterinfo = $("#grid").jqxGrid('getfilterinformation'); var eventData = "Triggered 'filter' event"; for (i = 0; i < filterinfo.length; i++) { var eventData = "Filter Column: " + filterinfo[i].filtercolumntext; $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>'); } }); $('#clearfilteringbutton').jqxButton({ height: 25}); $('#filterbackground').jqxCheckBox({ checked: true, height: 25}); $('#filtericons').jqxCheckBox({ checked: false, height: 25}); // clear the filtering. $('#clearfilteringbutton').click(function () { $("#grid").jqxGrid('clearfilters'); }); // show/hide filter background $('#filterbackground').on('change', function (event) { $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked }); }); // show/hide filter icons $('#filtericons').on('change', function (event) { $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked }); }); }); </script> </head> <body class='default'> <div id="grid"> </div> <div id="eventslog" style="margin-top: 30px;"> <div style="width: 200px; float: left; margin-right: 10px;"> <input value="Remove Filter" id="clearfilteringbutton" type="button" /> <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div> <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div> </div> <div style="float: left;"> Evento de Log <div style="border: none;" id="events"> </div> </div> </div> </body> </html> Seria nesse
-
Passar dados de JSON para um PivotGrid
rhenan silverio replied to rhenan silverio's topic in Javascript
Draco, outra coisa, quando eu tenho um jqxGrid, como faço pra integrar o pivot nele??