1. #1
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,168
    Vote Rating
    119
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default Anatomy of the Grid in 1.0 Alpha1

    Anatomy of the Grid in 1.0 Alpha1


    After building an interface with the 1.0 Alpha1 Grid today and understanding how all of the components and classes relate to each other I put this together:


    It follows the following example quite closely:
    http://yui-ext.com/deploy/ext-1.0-al...id/paging.html

    Follow along, let me know if there are any errors and if its helpful to anyone.

    Aaron

  2. #2
    Ext User
    Join Date
    Mar 2007
    Posts
    17
    Vote Rating
    0
    seno is on a distinguished road

      0  

    Default


    great work!

    GridView render gui and Grid assemble all things together

  3. #3
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    Aaaron that's great. I am going to sticky this. That would be great for the new grid tutorial as well.

  4. #4
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,168
    Vote Rating
    119
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Thanks Jack.

    Could you tell me how to retrieve the index of the currently selected row?
    Code:
    var deleteRow = sm.getSelected();

    Now I'm Lost.... :cry:

  5. #5
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    How come you need the index? The idea was to eliminate dependencies on the grids rows and columns since both are now variable (columns can be moved, rows can be split).

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,498
    Vote Rating
    46
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    A small comment. And note that I am not an expert on the 1.0 Grid by a long way, so take with a pinch of salt...

    A very minor issue, but the graphic slightly blurs the client/server separation. It might be misunderstood to imagine that the “Reader” component is on the server side since it is immediately below the “Server Side Technology” header.

    It should be clear that the “Reader” is a javascript, client side component. I think it should also be at position 3. The Proxy is used by the "Ext.Store" to perform the network I/O and uses an Ext.Reader of appropriate type to read a data record and convert it to an object that can be processed by Ext.Store.loadRecords(). The output from a Reader is passed into Store.loadRecords() as param 1, and looks like

    {
    records: [[“row1col1”, “row1col2”],[“row2col1”,”row2col2”]], totalRecords: 2
    }

    I think we should mention the server side components which are required to provide the data, but we should use care in the naming of these. I suggest “Provider” as a term. And then make a visual split between the two sides of the network connection.

  7. #7
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,168
    Vote Rating
    119
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Animal:
    I agree with your comments and will try to update the graphic accordingly.

    Jack:
    The user clicks on a row on the grid. Then they click a "Delete" button on the toolbar. I can immediately determine what row is being deleted by:
    Code:
    var rowDelete = ds.getSelected();
    I can also retrieve any data out of this Row/Record with
    Code:
    rowDelete.get(propertyName)
    However I need to delete the row from the datastore and update the grid accordingly.

    What I believe to be a work-around and not a particularly elegant solution is to listen to the rowselection event and store the index in a private class variable. Then I always know what row is selected and can use it for operations in my toolbar.

    What's the best way to approach this?

  8. #8
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,168
    Vote Rating
    119
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    I thought this would work after looking through the code:
    Code:
    deleteFinding : function() {
    	var deleteRow = sm.getSelected();		
    	alert('Deleting: ' + deleteRow.get('title'));				
    	ds.remove(deleteRow);
    },
    However, I get the error "row has no properties" in the GridView after removing

  9. #9
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    That's fixed. I will be putting up a new build shortly.

  10. #10
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,168
    Vote Rating
    119
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Jack:

    I downloaded the build you just posted (Server time 21-Feb-2007 10:28) and still getting the same error.

    After removing the row I get the error:
    row has no properties
    https://10.222.187.151/javascripts/ext-all.js
    Line 200
    Subsequent clicks on a grid row:
    Index or size is negative or greater than the allowed amount" code: "1
    https://10.222.187.151/javascripts/ext-all.js
    Line 200
    Aaron

Similar Threads

  1. From Alpha1 to Alpha2
    By franklt69 in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 24 Feb 2007, 9:47 PM

Thread Participants: 4

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."