1. #11
    Ext JS Premium Member
    Join Date
    May 2008
    Posts
    373
    Vote Rating
    8
    ttbgwt is on a distinguished road

      0  

    Default


    bump
    Quote Originally Posted by ttbgwt View Post
    Any updates on the 4.1 version of this cool extension?

  2. #12
    Sencha User
    Join Date
    Jun 2012
    Location
    Kolkata, India
    Posts
    1
    Vote Rating
    0
    samgauti88 is on a distinguished road

      0  

    Default For your information

    For your information


    1.Use this store in your JS-------------------------
    var sparkPanelStore = new Ext.data.Store({
    url : sparkPanaleGridStoreUrl,
    autoLoad :
    false,
    reader :
    new Ext.data.JsonReader({
    root :
    'root'
    }, [{name : 'name'},
    {name :
    'value'},
    {name :
    'stats'}
    ]),
    listeners : {loadexception :
    function()
    {Ext.MessageBox.show({icon : Ext.MessageBox.ERROR,buttons : Ext.MessageBox.OK,msg :
    "Error.",title : 'Error'});
    }}
    });

    2.The correponding Java code will be -----
    protected Object handleGetSparkPanelGridData()
    {

    JSONObject object = null;
    JSONObject tempObject = null;
    JSONArray arr2 = new JSONArray();
    JSONArray arr = new JSONArray();
    Object num[] = {10,-2,39,49,35,78,20};
    arr2.addAll(Arrays.asList(num));
    object = new JSONObject();
    object.put(
    "name", "Memory: ");
    object.put(
    "value", "82.3%");

    tempObject =
    new JSONObject();
    tempObject.put(
    "values",array2);
    tempObject.put(
    "type","line" );
    tempObject.put(
    "maxSpotColor","red" );
    object.put(
    "stats", tempObject);
    array.add(object);

    object =
    new JSONObject();
    object.put(
    "root", array);
    return object;

    }


  3. #13
    Sencha User
    Join Date
    Feb 2012
    Posts
    27
    Vote Rating
    0
    murali3 is on a distinguished road

      0  

    Default


    Any direct implementation in current version of Extjs ??

  4. #14
    Sencha User Tim Vasil's Avatar
    Join Date
    Nov 2007
    Posts
    3
    Vote Rating
    0
    Tim Vasil is on a distinguished road

      0  

    Default Sparklines with Ext JS 4

    Sparklines with Ext JS 4


    I've written a column subclass to render Sparklines with Ext JS 4.

    sparkline.png

    You can grab the code here: https://github.com/timvasil/Sparkline
    You can see a demo here: http://jsfiddle.net/timvasil/2gVUh/1/

    Unlike the original code, I didn't embed the jQuery Sparkline code into the implementation. You'll need to download jQuery and Sparklines separately.

    Enjoy!
    Tim

Similar Threads

  1. Sparkline Grid Plugin
    By appshare in forum Ext 3.x: User Extensions and Plugins
    Replies: 7
    Last Post: 21 Apr 2012, 7:40 AM
  2. Ext.Direct Struts 2 plugin: extdirectj-s2-plugin
    By stefanorg in forum Ext.Direct
    Replies: 4
    Last Post: 12 Oct 2011, 3:39 AM
  3. Ext.ux.grid.ProgressColumn plugin
    By KRavEN in forum Ext 2.x: User Extensions and Plugins
    Replies: 33
    Last Post: 26 Jun 2011, 6:15 PM
  4. Lock Grid Column along with Ext.ux.grid.FilterRow plugin
    By taxidriver in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 15 Jul 2010, 1:12 AM

Thread Participants: 9

Tags for this Thread