Grid RecordForm Plugin

[jsakalos]

Yes, your guess is right. Now, if cm config held an information on how to place fields you could use the info. Anything you add to cm config that is not recognized by ColumnModel itself is ignored, so you can add any info you need and then utilize it for a custom RecordForm layout.

[NicP]

@franklt69 - I wonder whether anyone has come up with a method of customized form layout for the recordForm plugin? I wish I was better versed in javascript and extjs but I'm afraid I'm not. I've got as far as I can but have some pretty large forms to present to the user and can't splodge everything on one panel... I am really stuck on how to pass my own fancy forms to the ux plugin.
Please if you have any suggestions, I'd really appreciate it.

[NicP]

Thanks Saki,

I'll persevere with this!!

[jsakalos]

Well, if the form(s) are really complex then it's questionable if the fastest way is to use the ux, primarily designed for simple form, or if to create layouts manually.

[richgoldmd]

Saki,

On Ext 3.1.1 - I recommend the following changes:

Surround the fields updates with beginEdit/endEdit:

   ,updateRecord:function() {
        this.record.beginEdit();
        // loop through form fields and update underlying record
        this.form.getForm().items.each(function(item, i) {
            this.record.set(item.name, item.getValue());
        }, this);
        this.record.endEdit();
        
        this.afterUpdateRecord(this.record);

    } // eo function updateRecord

Also the field descriptor has changed. In create form config, use c.editor.field for 3.1.1.

-Rich

[NicP]

@Jove76

Replace your sqlite code with:

protected function getOdb($dsn, $user, $pass) {
try {
$dsn='mysql:host=localhost;dbname=trucksoft';
$user='trucksoft';
$pass='trucksoft';
/* obtain a database connection handle */
$odb = new PDO($dsn, $user, $pass);

} catch (PDOException $exception) {
printf("Failed to connect to the database. Error: %s", $exception->getMessage());
}

$odb->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$odb->setAttribute(PDO::ATTR_AUTOCOMMIT, false);

return $odb;
} // eo function getOdb

[NicP]

Hello Cleverer people than me!

Has anyone come up with or willing to assist me with a custom form layout for the Grid RecordForm plugin? I have been trying to get this to work with frustratingly little result, in fact, make that ZERO result and after almost two weeks, I am ready to render myself to the dustbin!

Appreciate your help.
Nic

[Dumas]

Hi Saki!

I'm using the recordForm together with a directstore and had to change the updateRecord so it works with the directstore. If you like it feel free to add it to the recordForm so everybody can use it with a directgrid with a writer.
The problem is you change one field at a time, so the directstore writer sends multiple request (which get's exponentially more through an ext.direct "bug" or planning error). To just get one request I use a transaction, so here's my updateRecord:

    ,updateRecord:function() {
        var record = this.record;
        
        // because of the directStore this has to be a transaction (for only one update)
        record.beginEdit();
        
        // loop through form fields and update underlying record
        this.form.getForm().items.each(function(item, i) {
            record.set(item.name, item.getValue());
        }, this);
        
        // end transaction
        record.endEdit();
        
        this.afterUpdateRecord(this.record);

    } // eo function updateRecord

And a second thing where I'm not sure if my solution is the right one (but it works).

When I open a recordForm window (first time, so it gets created), then scroll and open another one (second time, so it just gets shown) the window is not in the middle of the page and can be quite off the page. So what i did was going to here:

    ,show:function(record, animEl) {


        // lazy create window
        if(!this.window) {
            this.window = this.getPanel();
        }

and changing it to:

    ,show:function(record, animEl) {


        // lazy create window
        if(!this.window) {
            this.window = this.getPanel();
        } else {
            // center it, because the viewport can have changed
            this.window.center();
        }

best regards
Roland


PS: What are the dependecies for the recordForm? Do I need anything exept the rowActions (if I want to use it inside the grid)?

[jsakalos]

Thank you very much for the info you provided.

autoSave property of the Store can also be interesting.

You do not even need RowActions if you have other way to display the RecordForm, for example a toolbar button that opens the RF window and loads it with the selected record.

[Dumas]

I'm using stores autoSave, that's why the transaction is needed ;-)

Of course, I just ment if there are any non-obvious dependencies. (Your example uses many plugins, e.g. Ext.ux.util, Ext.ux.Toast, ...)
So for example the gridSearch needs Ext.ux.util. Are there any other dependencies?

regards,
Roland