Results 1 to 5 of 5

Thread: Creating Yahoo/Twitter/YouTube-like widgets from MVC app?

  1. #1
    Sencha User
    Join Date
    Nov 2011
    Location
    Toronto
    Posts
    105
    Vote Rating
    2
      0  

    Lightbulb Creating Yahoo/Twitter/YouTube-like widgets from MVC app?

    I have a full-fledged MVC app written in Ext JS 4. One of my views is a simple grid retrieving data from JSONP. My question is how can I provide this as Javascript widgets for my partners to use on their own websites? I obviously would not want to deploy my whole app to their website, but I would like to give them a single line of Javascript code that will render the grid and data coming from my central MVC app hosted on my side.. much like if I wanted to add a YouTube widget onto my website (I would only cut-and-paste a few lines of code onto my site). Any advice or experience would be greatly appreciated!

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,326
    Vote Rating
    1297
      0  

    Default

    Use namespacing... the name of a class dictates the folder it should be in.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Location
    Toronto
    Posts
    105
    Vote Rating
    2
      0  

    Default

    What if that folder is on a remote site.. can a namespace refer to a remote file?

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,326
    Vote Rating
    1297
      0  

    Default

    Quote Originally Posted by basememara View Post
    What if that folder is on a remote site.. can a namespace refer to a remote file?
    Haven't tried but I don't I don't see why not. Just have to make sure Ext.Loader doesn't do Ajax calls, <script> tags are able to. SDK Tools use PhantomJS which is just a headless browser really.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Nov 2011
    Location
    Toronto
    Posts
    105
    Vote Rating
    2
      0  

    Default

    Changing the appFolder to a remote path seemed to work:

    ~/app.js
    Code:
    Ext.application({
      name: 'MyApp',
      appFolder: 'http://remotesite.com/app'
    ...
    });
    Then on WordPress for example, I would add an HTML widget onto my page like this:
    Code:
    <link rel="stylesheet" type="text/css" href="http://remotesite.com/lib/sencha/ext-4.0.7-gpl/resources/css/ext-all.css" />
    <link rel="stylesheet" href="http://remotesite.com/css/styles.css" type="text/css" />
    <script type="text/javascript" src="http://remotesite.com/lib/sencha/ext-4.0.7-gpl/ext-all-debug-w-comments.js"></script>
    <script type="text/javascript" src="http://remotesite.com/app.js"></script>
    <div id="dataview-products"></div>
    This actually worked and rendered my DataView in the WordPress site, but does not seem so elegant. Also it makes the widget in full screen for some reason so it hides most of the WordPress site instead of being self-contained in the WordPress HTML widget. Any input or samples would be greatly appreciated.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •