Databases
StackOverflow2013
Postsdbo
POCall a function declared inside a variable by a parameter
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCall a function declared inside a variable by a parameter
    primarykey
    data
    text
    <p>I would like to be able to run a function declared within my variable "Table". The reason is to avoid a string based parsing to run a function... </p> <pre><code> var Table = function( params ){ var rowTemplate = params.rowTemplate; var table = params.table; function GetRow() { return $( rowTemplate ).html(); } function AddRow() { $( table ).append( GetRow() ); } function BindEvents() { for( a in params.bind ) { params.bind[ a ].action(); } } function Construct() { BindEvents(); } Construct(); return { AddRow: function() { AddRow(); } } }; var ProductsTable = new Table( { table: "#ProductsTable tbody", rowTemplate: "#ProductsTable_TemplateRow", bind: [ { action: AddRow, element: "#productsAddRowButton" } ] } ); </code></pre> <p>Can you see that my ProductsTable passes into my Construct an object with a property called "bind" which is an array of the actions and the element that instantiates them.</p> <p>AddRow is obviously not yet declared. so it throws an error. What I do not want to do is pass in a string "AddRow" because then i'll be parsing a string... to then run the function from within the Table scope and that's ugly.</p> <p>Any solutions to this?</p> <p>Here is my solution, thanks to the answer of "No it cannot be done" which put me on the track of the switch statement :( ... :) :</p> <pre><code> var Table = function( params ){ var rowTemplate = params.rowTemplate; var table = params.table; function GetRow() { return $( rowTemplate ).html(); } function AddRow() { $( table ).append( GetRow() ); } function BindEvents() { for( a in params.bind ) { switch( params.bind[ a ].action ) { case "AddRow": $( params.bind[ a ].element ).click( function(){ AddRow(); } ); break; } } } function Construct() { BindEvents(); } Construct(); return { AddRow: function() { AddRow(); } } }; var ProductsTable = new Table( { table: "#ProductsTable tbody", rowTemplate: "#ProductsTable_TemplateRow", bind: [ { action: "AddRow", element: "#productsAddRowButton" } ] } ); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJimmyt1988
    1. USJimmyt1988
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COWow, that's a lot of unnecessary function declarations… Just inline them!
      singulars
      1. POCall a function declared inside a variable by a parameter
      1. USBergi
    2. COI don't understand what `bindEvents` is supposed to do. It just executes a collection of given functions, but without any additional context - what does it have to do with `Table`? You might pass an empty array and simply execute `ProductsTable.AddRow()` afterwards.
      singulars
      1. POCall a function declared inside a variable by a parameter
      1. USBergi
    3. COWhat does declaring the functions you want to bind in Table's scope achieve? You would be able to bind them if they were declared outside.
      singulars
      1. POCall a function declared inside a variable by a parameter
      1. USPatrick Stephansen
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload