1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Various Ext4 blogs

    Various Ext4 blogs


    I had a case where I wanted to be able to click on an image and have it execute a transition within the Ext JS MVC framework. I originally looked into just using a regular button, but ran into several styling issues and most importantly a problem where the large image was being clipped. Due to a time crunch I threw a click listener on a container and set the container’s background using CSS.

    Check out the solution on our blog:

    http://www.appfoundation.com/?p=471

  2. #2
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Creating a dynamic TabPanel that contains dynamic GridPanels (Ext JS 4.x)

    Creating a dynamic TabPanel that contains dynamic GridPanels (Ext JS 4.x)


    This was in a case where the data needed to be displayed in a tab for each category, so tab A had grid A, tab B had grid B, and so on. The TabPanel was also only displayed in certain cases, which meant that the TabPanel itself also had to be dynamic.The issue with this is that the data within each of the grids on each tab was not refreshing when a new tab was selected. In order to get it looking right I ended up using a tab listener that refreshed the data in the grid on each tab selection. So if you selected Tab A the GridPanel in Tab A would have its store cleared and then reloaded.

    Check out the code on our blog:

    http://www.appfoundation.com/?p=469

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Adding columns dynamically to a GridPanel (Ext JS 4.x)

    Adding columns dynamically to a GridPanel (Ext JS 4.x)


    This was a little confusing to figure out because doing this is very different in the various versions of Ext JS. In this example there is a GridPanel with columns A,B,C,D and at some point within the application I want to be able to add column E.As a guideline I have read that you are not supposed to use headerCt objects, but I was unable to find a solution that didn’t use it that worked in 4.x.

    Check out the code on our blog:

    http://www.appfoundation.com/?p=467

  4. #4
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Calculating the scrollbar height of an iFrame (Ext JS 4.x)

    Calculating the scrollbar height of an iFrame (Ext JS 4.x)


    Getting the height though is more tricky business, because the actual height is not available until after the content is loaded into the iframe. Just listen for the onload event right, no. Even after the onload event the height is still not correct if you attempt to get it through the style element. As far as I can tell the height is available at some seemingly arbitrary point after onload.
    This is how you calculate the height of the scrollbar at that arbitrary point after onload:

    Check out the code on our blog:

    http://www.appfoundation.com/?p=464

  5. #5
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Writing an asynchronous task that takes a parameter (Ext JS 4.x)

    Writing an asynchronous task that takes a parameter (Ext JS 4.x)


    I couldn’t actually find an example of how to do this in any of the documentation, forums, or the rest of the internet so I resorted to looking at the source code for Ext.util.TaskRunner. I was able to find that the “task” object passed into the TaskRunner has an “args” attribute that is an array of objects.In this example that “updateClock” function is called every 100 ms with the alpha and bravo parameters.

    Check out the code on our blog:

    http://www.appfoundation.com/?p=462

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Displaying an iFrame at 100% height and width in a dynamic Panel (Ext JS 4.x)

    Displaying an iFrame at 100% height and width in a dynamic Panel (Ext JS 4.x)


    This ended up being pretty tricky. As it turns out you can use the html width attribute for the iFrame tag to set its width to 100%, however this won’t work for the height. For the height you have to set that manually, which you can do by retrieving the iframe element within the page DOM and settings its height to its parent.

    Check out the code on our blog:

    http://www.appfoundation.com/?p=453

  7. #7
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default Loading JSON data from a web service into a combobox (Ext JS 4.x)

    Loading JSON data from a web service into a combobox (Ext JS 4.x)


    Combo boxes don’t work like grids, in that you just can call the combo box “getStore().loadData” function and pass in the JSON data. I eventually found that you have to do several things in order to get JSON Data into a combo box. There is hopefully a better way to do this, but for the time being I just needed something that actually worked.Assume the JSON Data looks like the following:
    [ {“id”:”1”, “name”:”Alpha”}, {“id”:”2”, “name”:”Bravo”} ]

    Check out the code on our blog:

    http://www.appfoundation.com/?p=447

  8. #8
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    cgiamett is on a distinguished road

      0  

    Default What to include in app.js (Ext JS 4.x)

    What to include in app.js (Ext JS 4.x)


    The following should be specified above the Ext.application declaration in app.js:
    Ext.Loader.setConfig({enabled:true}); Ext.require([ 'Ext.data.Store', 'Ext.data.StoreManager', 'Ext.data.HasManyAssociation', 'Ext.data.BelongsToAssociation', 'Ext.container.Viewport', 'Ext.grid.*', 'Ext.util.*', 'Ext.state.*', 'Ext.form.*' ]); Ext.application({ name: 'Scoring', appFolder: 'app', autoCreateViewport: false, requires : [ 'Ext.container.Viewport'], ...Why?

    Check out the solution on our blog:

    http://www.appfoundation.com/?p=442

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar