Jump to content

Search the Community

Showing results for tags 'requirejs'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Banco de Dados
    • Java
    • .NET
    • Mobile
    • Ambientes de Desenvolvimento
    • Agile
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 3 results

  1. Pessoal tudo bem? Tenho um arquivo em knckoutJS do meu site em magento define( [ 'jquery', 'ko', 'uiComponent', 'mage/url', 'mage/storage', 'Teste_AdvancedGrid/js/view/price', 'Magento_Customer/js/customer-data' ], function ($, ko, component, urlBuilder, storage , priceRender, customerData) { "use strict"; return component.extend({ // CLASS Product Product : function(id, sku , name , urlThumb ) { this.id = ko.observable(id); this.sku = ko.observable(sku); this.name = ko.observable(name); this.urlThumb = ko.observable(urlThumb); }, // CLASS CartItem CartItem : function(product, quantity) { var self = this; // Scope Trick self.product = ko.observable(product); self.quantity = ko.observable(quantity || 1); self.cost = ko.computed(function(){ return self.product().price() * self.quantity(); }); self.increaseQuantity = function() { self.quantity(self.quantity() + 1); }; self.formatMoney = function() { return "R$ " + self.cost().toFixed(2); }; }, // CLASS ViewModel ViewModel : function() { /** * Scope Trick * @type {[type]} */ var self = this; getModel: function(data, event) { var brand = $("#marca").val(); var self = this; var serviceUrl = urlBuilder.build('/grid/index/product?type=model&brand='+brand); return storage.get(serviceUrl,'').done( function (response) { var dados = JSON.parse(response); self.model(dados); } ).fail( function (response) { console.log(response); } ); }, initialize: function () { this._super(); }, _render:function(){ }, defaults: { template: 'Teste_AdvancedGrid/grid', }, }); } ); E tenho um JS que é invocado na mesma pagina com RequireJS requirejs(['algoliaBundle', 'knockout'], function(algoliaBundle , ko) { algoliaBundle.$(function ($ ,ko ) { if (!this.ko) { this.ko = ko; }; //AQUI QUE QUERO INVOCAR A FUNÇÂO DO KNOCKOUT this.getModel(parametro); }); }); Eu gostaria de chamar a função do Knockout "getModel" no arquivo acima passando um parametro como this.getModel(parametro) , mas não sei como invocar a view model no arquivo acima, alguem pode me ajudar ? Não sei como instaciar a View Model do magento no requireJS
  2. Johnny Saymon

    Require JS e módulos

    Boa tarde. Estou tentando modularizar meu código Javascript, e iniciei tentando trabalhar com o RequireJS mas ainda não consegui compreender a lógica, acredito que com um exemplo será melhor para explicar meu problema, abaixo colocarei o mínimo de código possível para ilustrar o problema, segue: // arquivo ClasseY.js define(["require", "exports", "pacote-x"], function (require, exports, pacote-x) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var ClasseY = (function () { function ClasseY { // código }; return ClasseY; })(); exports.ClasseY = ClasseY; }); Tenho outras "classes" que compõe esse pacote seguindo essa mesma estrutura do código acima. Rodei o RequireJs Optimizer para unir todos os arquivos em um só que chamei de "main.js", com isso tive uma concatenação e minificação do código que resultou em algo assim: define("ClasseY",["require","exports","pacote-x"],function(t,e,o){"use strict"; // e todo o restante do código segue... Por fim, parti para o html utilizando essas tags <script type="text/javascript" src="require.js"></script> <script type="text/javascript"> require(["main"], function(m){ var y = new m.ClasseY; }); </script> Mas meu código não funcionou, o Require JS até vai buscar o arquivo "main.js" mas o parâmetro "m" é "undefined". Onde está o erro? Esse é um bom fluxo de trabalho?
  3. Olá Pessoal.... seguinte... estou iniciando os trabalhos com Angular e estou construindo uma app com PHP puro no back-end. Só falei para ilustrar minha estrutura de diretórios, que é esta: app/ ---control/ [only PHPs] ---model/ ---view/ ---view/js/ng ---view/pages/ Então, eu andei estudando e uma fiz uma SPA (Single Page Aplication) e em app.js tenho uma config router, somelike that: /* app.js */ (function(){ 'use strict'; angular.module('app', ['ngRoute']) .config(['$routeProvider', function($routeProvider){ $routeProvider .when('/', { templateUrl : 'app/view/pages/inicio.html', controller : 'inicioCtrl' }) .when('/Pessoas/index', { templateUrl : 'app/view/pages/Pessoas/index.html', controller : 'pessoaCtrl' }) .when('/Pessoas/add', { templateUrl : 'app/view/pages/Pessoas/formAddPessoa.html', controller : 'inserirPessoaCtrl' }) .otherwise ({ redirectTo: '/' } }]) })(); Agora notem que o arquivo app.js não possui as controllers relacionadas no config. Porque? Visando o crescimento responsável da aplicação, não posso inserir toda nova controller no arquivo geral do app, confere? Continuando... Nos templates, a seguinte estrutura de codigo: <!-- Arquivo formAddPessoa.html --> <div ng-controller="inserirPessoaCtrl"> {{ algumAtributoDoScope }} </div> <!-- Arquivo de Controller apenas deste arquivo --> <script src="app/view/js/ng/Pessoas/inserirPessoaCtrl.js"></script> É aqui, no arquivo html do template, que penso em inserir o código js referente a controller que foi carregada e definida lá no config. Penso que assim posso implementar de forma saudável e visualmente compreensível para todos os devs. Por fim, o arquivo da Controller específica (function(){ 'use strict'; angular.module('app') .controller('inserirPessoaCtrl', ['$scope', function($scope) { $scope.algumAtributoDoScope= ' valor do atrib '; }]); })(); Bom, isso não funciona. ...Então fui pesquisar sobre e achei discussões - e soluções - muitos interessantes. O requirejs (http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs) parece ser o mais interessante para essa situação. Mas eu devo ser muito tapado mesmo, pois não consegui fazer funcionar... Então, voltei ao início e mantive a estrutura de diretórios da forma como postei aqui. Alguem pode me dar um norte? Uma saída, uma luz?? Outra ideia, de repente... Agradeço desde já a todos.. Abraços!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.