Editor

nested array

jdrm — Mon, 20 May 2013 18:38:01 +0100

I have a function like this to populate my columns on my datatable:

getColumns: function(){
            var columns = [];
            _.each(this.model.attributes.attributes, function(item, index) {
                columns.push({
                    sTitle: item.name,
                    mData: "attributes." + index + ".value"
                });
            });
            return columns;
        }

As you can Imagine my attributes are in an array so my structure is something like this:

{"id": "-1","attributes": [{"value": "Luis"},{"value": "Torrico"}]}

I have a similar function for the fields to be used on the editor (currently evaluating for purchase):

        getFields: function(){
            var fields = [];
            _.each(this.model.attributes.attributes, function(item, index) {
                fields.push({
                    label: item.name,
                    name: "attributes." + index + ".value"
                });
            });
            return fields;
        }

Everything works fine but when using the editor and creating a new row the data gets structured like this:

{"id": "-1","attributes":{ "0":{ "value":"Luis" },"1":{ "value":"Torrico"} } }

So it is not actually an array of attributes but an object.

I already tried using "attributes[" + index + "].value" as de mData/name prop but it doesn't seems to be working.

Any way to have the editor data to be structured like an array to avoid having to proccess the data before sending it to the backend that expects an array?

Editing multiple fields at the same time

laura_rb — Mon, 20 May 2013 19:13:45 +0100

It's a couple of weeks I'm using DataTables, I think it's great!
I'm sorry if I'm asking something it was answered in another conversation. I have a table with pagination where some of the fields can be
updated, there are some input text, hiddens and a column with checkbox. Before using DataTables I could send everything in a form and do all the logic after, with DataTables any of these form fields are passed. I found DataTables Editor with Twitter Bootstrap but it's not useful for me because I would like to edit multiple fields at the same time. Is there not a way of submitting all the form fields in the table?

Thanks in advance!

testing edit function - getting error message

ashiers — Fri, 17 May 2013 23:14:34 +0100

Hi there,

I've done a search regarding this error message on your site but I'm spinning my wheels trying to understand it. Error Message: Requested unknown parameter 'LASTNAME' from the data source for row 0. I get this when I click on the EDIT button and after making a small change on one of the fields, regardless of which one, and click on the UPDATE button. A request is sent to the server and it returns a valid JSON string. I'm hoping you can point out the error of my ways. Please advise.

Alan

Following is my code:

HTML:
*******************


  
  
  
  jQuery Example
  
  
	

  


   
   CRUD DataTable Example
    
   
   
    
	
		
		    
			LASTNAME
			FIRSTNAME
			TITLE
			EMAIL_ADDRESS			
		
	
	
		
		    
			LASTNAME
			FIRSTNAME
			TITLE
			EMAIL_ADDRESS

LASTNAME	FIRSTNAME	TITLE	EMAIL_ADDRESS
LASTNAME	FIRSTNAME	TITLE	EMAIL_ADDRESS

********************************
crud.js:

var editor; // use a global for the submit and return data rendering in the examples

			$(document).ready(function() {
                                
				editor = new $.fn.dataTable.Editor( {
					"ajaxUrl": "http://localhost:8080/JQuery/data2.jsp",
					"domTable": "#employees",
					"fields": [ {
							"label": "LASTNAME:",
							"name": "LASTNAME",
							"type": "text"
						}, {
							"label": "FIRSTNAME:",
							"name": "FIRSTNAME",
							"type": "text"
						}, {
							"label": "TITLE:",
							"name": "TITLE",
							"type": "text"
						}, {
							"label": "EMAIL_ADDRESS:",
							"name": "EMAIL_ADDRESS",
							"type": "text"
						}
					]
				} );

				$('#employees').dataTable( {
					"sDom": "Tfrtip",
					"sAjaxSource": "http://localhost:8080/JQuery/data2.jsp",
					"aoColumns": [
						{ "mData": "LASTNAME" },
						{ "mData": "FIRSTNAME" },
						{ "mData": "TITLE" },
						{ "mData": "EMAIL_ADDRESS" }						
					],
					"oTableTools": {
						"sRowSelect": "single",
						"aButtons": [
							{ "sExtends": "editor_create", "editor": editor },
							{ "sExtends": "editor_edit",   "editor": editor },
							{ "sExtends": "editor_remove", "editor": editor }
						]
					}
				} );
			} );

The post made to the server:

action edit
data[EMAIL_ADDRESS] ladongo@eastlink.ca
data[FIRSTNAME] Louiseee
data[LASTNAME] Adongo
data[TITLE] Janitor
id row_552
table

The returned JSON string:

{"id":"row_552","error":"","fieldErrors":[],"data":[],"row":[{"DT_RowId":"row_552"},{"LASTNAME":"Adongo"},{"FIRSTNAME":"Louiseee"},{"TITLE":"Janitor"},{"EMAIL_ADDRESS":"ladongo@eastlink.ca"}]}

simple join

jgcaudet — Fri, 17 May 2013 13:18:20 +0100

Hi Allan.
I want to show in your datatables+editor, a simple join between two tables. The parent table "tritecno_categorias_mayorista" has a field "mayorista_id" that point to a field "mayorista_id" that is a primary key in the child table "tritecno_mayoristas". I dont want to modify any field in the child table, only show some fields of this child table.

I use this code

$editor = Editor::inst( $db, 'tritecno_categorias_mayorista' )
->fields(
Field::inst( 'mayorista_id' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'mayorista_categoria_id' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'categoria_mayorista' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'subcategoria_mayorista' )->set( false ),
Field::inst( 'virtuemart_category_id' )->validator( 'Validate::required' )
)
->join(
Join::inst( 'tritecno_mayoristas', 'object' )
->join( 'mayorista_id', 'mayorista_id' )
->table('tritecno_mayoristas')
->set( false )
->field(
Field::inst( 'tritecno_mayoristas.mayorista_acro', 'mayorista_acro' )->set( false )
)
)
;

I recieve this error :
DataTables warning (table id = 'example'): DataTables warning: JSON data from server could not be parsed. This is caused by a JSON formatting error.

and in firefox debug the answer to the get.php is this message
Warning: require(C:\xampp\htdocs\tritecno\php\lib/Exception/Exception.php) [function.require]: failed to open stream: No such file or directory in C:\xampp\htdocs\tritecno\php\lib\Bootstrap.php on line 40

However If I do this with another child table "ddqfu_virtuemart_categories_es_es" but the same parent table "tritecno_categorias_mayorista", it works. In yhis case I use this parent field "virtuemart_category_id" that point to a field "virtuemart_category_id" in the child table "ddqfu_virtuemart_categories_es_es" that is primary key.

The code that works :

$editor = Editor::inst( $db, 'tritecno_categorias_mayorista' )
->fields(
Field::inst( 'mayorista_id' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'mayorista_categoria_id' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'categoria_mayorista' )->set( false )->validator( 'Validate::required' ),
Field::inst( 'subcategoria_mayorista' )->set( false ),
Field::inst( 'virtuemart_category_id' )->validator( 'Validate::required' )
)
->join(
Join::inst( 'ddqfu_virtuemart_categories_es_es', 'object' )
->join( 'virtuemart_category_id', 'virtuemart_category_id' )
->table('ddqfu_virtuemart_categories_es_es')
->set( false )
->field(
Field::inst( 'ddqfu_virtuemart_categories_es_es.category_name', 'category_name' )->set( false )
)
;

Is the code that I use correct to get the result I want ? If is correct, why in the first case doesn,t works ?

Thanks

Editor field type plugin for Bootstrap Datepicker

tomduke — Wed, 15 May 2013 12:58:17 +0100

Hi,

Has anyone created a field type plug-in for the Bootstrap datepicker? I have a page currently using it, and if I add a 'date' field type in a datatables editor I'm getting an error - I assume due to a conflict with the jQuery UI datepicker.

If no one has done it yet could you perhaps point me in the right direction to get started on this Allan?

Thanks
- Tom

DataTables warning (table id = 'example'): DataTables warning: JSON data from server could not be

Iijima — Sat, 06 Apr 2013 10:58:03 +0100

Allan,

"editor" was purchased and it was installed, the following message appears.

DataTables warning (table id = 'example'): DataTables warning: JSON data from server could not be
parsed. This is caused by a JSON formatting error.

The version of PHP was 5.3.12 although he thought whether to have been a version of php.

"editor" uses 1.2.3 and "datatables" uses 1.9.4.
It installs with a setup of the following sites and has not changed other than config.php.

http://editor.datatables.net/tutorials/installing

Please teach me how to avoid an error.

Regards,
iijima

How to Override Editor Remove to Act Exactly Like Editor Edit

doborsh — Tue, 09 Apr 2013 19:01:20 +0100

Great idea that the DataTable's editor sends an array of IDs to the web service to delete when data.action === 'remove'. Unfortunately we have already established our web services to act exactly like the editor edit function (ie: sending a JSON payload of data). So how can I override the editor remove process to act exactly like edit below?

} else if (data.action === 'edit') {
                        $.ajax({
                            "type": method,
                            "contentType": "application/json; charset=utf-8",
                            "url": url,
                            "data": JSON.stringify({
                                CT2_ID: data.data.CT2_ID.toString(),
                                NAME: data.data.NAME.toString(),
                                DESCRIPTION: data.data.DESCRIPTION.toString(),
                                DATA_VALUE: data.data.DATA_VALUE.toString(),
                                UPDATED_BY: data.data.UPDATED_BY.toString()
                            }),
                            "dataType": "json",
                            "headers": {
                                "APIAuthorization": "AuthID",
                                "APIEnvironment": "DEV",
                                "APIVersion": "1.00"
                            },
                            "success": function (json) {
                                successCallback(json);
                            },
                            "error": function (xhr, error, thrown) {
                                errorCallback(xhr, error, thrown);
                            }
                        });

I tried using

editor.on('onPreSubmit', function (e, data) {
                if (data.action === 'remove') {
                alert(JSON.stringify(data));
                }
});

but data is empty.

This is our only open item left with the editor.

Using Editor with ASP.NET - Is it a good fit?

JeffLee — Wed, 17 Apr 2013 17:16:03 +0100

I have used DataTables in the past for searching/displaying large amounts of data from SQL Server databases, using server-side (AJAX) processing, and have been very happy with it. Now I have a requirement to add CRUD style functionality to allow users to maintain data in a few dozen SQL Server database tables.

I'd like to use DataTables for this, since I'm familiar with it. I just now briefly looked at the Editor, and can see that all of the server side code appears to be PHP.

My server-side code is (and will be) implemented as ASP.NET web services (written in C#) that talk to a SQL Server database.

Does it make sense to use (and purchase) the Editor given my requirements? Are there going to be (or do they already exist) C# versions of the PHP scripts that are included with the Editor?

I'm just getting started with trying to decide on a CRUD approach, and am hoping that someone has already tried this with ASP.NET and DataTables.

Thanks,

Jeff

using a where clause applied to a joined table field in Editor

slemoine — Thu, 09 May 2013 19:38:27 +0100

Hi,

I'am trying unsuccessfully to applied a where clause on a joined table field with Editor.

Is there somebody you succed in such a query?

my code and thnks in advance for help!

Stephane

include( "../../DataTables/lib/DataTables.php" );
// Alias Editor classes so they are easy to use
use
	DataTables\Editor,
	DataTables\Editor\Field,
	DataTables\Editor\Format,
	DataTables\Editor\Join,
	DataTables\Editor\Validate;

/*
 * Jointure de la table des locataires avec celle des centres
 */
 

$editor = Editor::inst( $db, 'locations' )
	->field(
		Field::inst( 'id' )				, 
		Field::inst( 'nom_location' )	,
		Field::inst( 'Categorie' )		,
		Field::inst( 'Kilometrage' )	,
		Field::inst( 'avgkm' )			,
		Field::inst( 'Date_Msr' )		,
		Field::inst( 'Immatriculation' ),
		Field::inst( 'Nserie' )			,
		Field::inst( 'color' )			,
		Field::inst( 'ede' )			,
		Field::inst( 'kmfirstrev' )		,
		Field::inst( 'sect' )			,
		Field::inst( 'etat_loc' )		
	)
	->join(
		Join::inst( 'centre', 'object' )
			->join(
				array( 'id'	, 'id_pdt' ),
				array( 'id'	, 'id_ctr' ),
				'pdt_ctr'
			)
			->field(
				Field::inst( 'id' )->name('idctr'),
				Field::inst( 'Centre' )
			)
	);

// The "process" method will handle data get, create, edit and delete 
// requests from the client

$out = $editor
	->where('idctr',19)
	->process($_POST)
	->data();


// When there is no 'action' parameter we are getting data, and in this
// case we want to send extra data back to the client, with the options
// for the 'centre' select list

if ( !isset($_POST['action']) ) {

	$out['centre'] = $db
		->select( 'centre', 'id as value, Centre as label' )
		->fetchAll();
}

// Send it back to the client
echo json_encode( $out );

List of CSS classes for Editor

burnchar — Thu, 02 May 2013 23:41:44 +0100

Where can I find documentation for the CSS classes used by Editor and what they do?
I see various examples in the forums which use, say,

div.DTE_Field_Type_select

but as far as I can tell, those are magic strings from the void.
I tried searching each page in the Editor website (Options, Fields, Examples, etc.) for words like "styling", "css", "DTE_" but couldn't find anything promising. I tried searching the CSS provided with Editor itself, but only a subset of CSS can be found, and most isn't commented; it's all named really well, but still many names are non-obvious in function.

API to add or disable a button

whitbacon — Mon, 06 May 2013 17:36:52 +0100

I was trying to disable, add, or remove buttons.

"oTableTools": {
			"sRowSelect": "multi",
	
				"aButtons": [
				{ "sExtends": "editor_create", "editor": editor },
				{ "sExtends": "editor_edit",   "editor": editor },
				{ "sExtends": "editor_remove", "editor": editor }
			]
		}

I would like to be able to delete, add or hide the buttons but was unsure of what collection the belong to!

I was guessing

$(dataTable.oTableTools.('editor_create').update());

$(editor.oTableTools.('editor_create').update());

Thanks in advance.

Ipopts for asynchronous update on select.

whitbacon — Fri, 03 May 2013 01:10:10 +0100

I am trying to do a select with a sub select. What is the event after you update a select? Are there any examples?

Use Editor with Ajax Navigation get(), load(), etc

FreelancerAcc — Fri, 03 May 2013 19:08:39 +0100

I can't get Editor to work with ajax navigation, the target page works fine when you access it by it direct URL, the table loads fine, but when I use get(), or load() in another page, the tables appears but it1s collapsed.

Any solutions to use Editor with get(),load() or another similar option?
I don't like iFrames beause they are very messy depending on the browser.

Editor Query - Where Clause Issue

aziegler3 — Wed, 01 May 2013 17:38:33 +0100

In the php\lib\Database\Query.php code, under Editor, lines 407-418, there is an example on the usage of the where statement.

This specific example shows how to configure a sequence of AND and OR conditions.

Here is the code:

* @example

* The following will produce

* `'WHERE name='allan' AND ( location='Scotland' OR location='Canada' )`:

*

*





                *       $query



                *         ->where( 'name', 'allan' )



                *         ->where( function ($q) {



                *           $q->where( 'location', 'Scotland' );



                *           $q->where( 'location', 'Canada' );



                *         } );



                *

When I use this pattern trying to execute an OR condition (replacing the specific field names and values by ours), it produces and AND where clause condition as follows:

'WHERE name='allan' AND ( location='Scotland' AND location='Canada' )`

Thus, the query returns no records in our case. If I comment out the second where in the function (i.e., the one with ‘Canada’), it returns the records that is supposed to, as a validation that the database connectivity and other settings are working properly.

We are using Editor 1.2.2

I am wondering if they can suggest what may be wrong or if there is a patch in the near future that may fix this issue.

TablePress + DataTables Editor

davepmoll — Tue, 30 Apr 2013 18:06:08 +0100

Does the DataTables Editor work with the TablePress WP Plugin? I searched and didn't see an answer.

DataTables Editor Internal Server Error

icweb — Tue, 12 Feb 2013 13:35:48 +0000

Hi,

I've uploaded the dataTables editor and it runs the page with a AJAX error. MySQL is working fine on the site with PHP. The live page with the error is here http://messy-monkeys.com/DataTables-1.9.4/extras/Editor-1.2.3-Trial/examples/

and in Chrome I get the following error message....

GET http://messy-monkeys.com/DataTables-1.9.4/extras/Editor-1.2.3-Trial/examples/php/browsers.php?_=1360676062335 500 (Internal Server Error)

Any pointers would be much appreciated.
Ian

Is there a tutorial on using JQuery DataTable with MVC3?

CloudyKoper — Wed, 06 Jun 2012 20:26:40 +0100

I'm fairly new and I've found general tutorials but nothing detailed enough for a beginner. I have a table in Mvc and would like to convert it into a datatable. Please help.

Thanks

Get value from field in Editor with button

dts1 — Wed, 24 Apr 2013 10:43:25 +0100

Hi,
I have create in editor 1 button with this :
$.fn.DataTable.Editor.fieldTypes.bt_ing = $.extend( true, {}, $.fn.DataTable.Editor.models.fieldType, {
"create": function ( conf ) {

// Create the elements to use for the input
conf._input = $(
'

'+
''+
'

')[0];

$('#btnAdd', conf._input).click( function () {
var idfam = $('select', editor.node('iding')).val();
alert(idfam);
} );
return conf._input;
}
} );
It function and show well the button when I create or edit. But I want to get a value when I click but nothing !
In console.log, it says that 'editor' is not defined...
Is it possible to get a value from a field with specific field type ? How ?

Thanks.
dts1

Is there any easy way to add icons to editor buttons?

FreelancerAcc — Fri, 26 Apr 2013 19:43:35 +0100

For example AwesomeFont icons.

How do I focus a field on the window modal?

FreelancerAcc — Wed, 24 Apr 2013 18:49:21 +0100

The default setting is to focus the first field of the modal window.
How do I manually focus another one?

How to add 'First' and 'Last' to the bootstrap pagination?

FreelancerAcc — Fri, 26 Apr 2013 13:31:54 +0100

Is there any way?

refresh data table after create action

vinod_ccv — Thu, 25 Apr 2013 17:39:00 +0100

Hi,
Even though new row is added on completion of a create operation it does not give live data base status which may be updated by another user.
Is there any provision to refresh the data table on completion of a Create operation by the editor ? My data table is initialized by json data from a GET url.
Hope for your reply
Regards
Vinod

Step by step - JSON/PHP/MySQÇ

gladsonreis — Mon, 22 Apr 2013 04:09:33 +0100

http://editor.datatables.net/tutorials/api_manipulation
Please, I would like to make it work for me
Step by step, I can not use examples
thanks

How to add a user id

whitbacon — Thu, 25 Apr 2013 16:37:14 +0100

I am trying to figure out how to add a userid from a php session variable to a table. I would like to know who created the record, but don't want the user to know it exists in datatable or editor at all. I have a feeling using onpresubmit may be the ticket, but have no idea what that code would look like.

Error in the Example Code?

thdoubleu — Mon, 08 Apr 2013 22:31:49 +0100

Hi all,
I think I have found a mistake in one of the examples. See link below.

http://editor.datatables.net/release/DataTables/extras/Editor/examples/joinSelf.html

When I start editing an entry in the example,the values stored in the selectbox are not selected. It's always only the first entry of the selectbox active. I just got the exact same problem/error. What can I do to change that?

Thanks a lot!

Change the dataset based on a seession variable

whitbacon — Wed, 24 Apr 2013 22:44:10 +0100

Hello,
I am trying to change the records a user sees based on a session variable. In my case the session variable is auth level. Here is a generic sampl that does not work.

Editor::inst( $db, 'caseinfo' )
	->fields(
		Field::inst( 'casename' ),
		Field::inst( 'factsnum' ),
		Field::inst( 'socialsecurity' ),
		Field::inst( 'primdob' )
			->validator( 'Validate::dateFormat', 'D, j M y' )
			->getFormatter( 'Format::date_sql_to_format', 'D, j M y' )
			->setFormatter( 'Format::date_format_to_sql', 'D, j M y' ),
		Field::inst( 'id' )
	)
	
		switch ($_SESSION['auth_level']) {
    case 2:
      ->where( 'userid', 2, '=' );
        break;
    case 4:
       ->where( 'agencyid', 2, '=' );
        break;
    
}

	->process( $_POST )
	->json();

Editor Trial Version

natalius — Tue, 23 Apr 2013 04:33:05 +0100

I already downloaded Editor Trial Version and follow the installation process on http://editor.datatables.net/tutorials/installing. But when I'm running http://localhost/DataTables/extras/examples/php/join.php. The error comes out:
{ "sError": "The Join class is not available in the trial version of Editor. A license for Editor, including full source, can be purchased from http://editor.datatables.net ."}
My question is: can the example of editor trial version run ? or we must buy the license ? thanks

set values for idSrc

vinod_ccv — Wed, 17 Apr 2013 07:45:48 +0100

Hi Allan,
I used to set value for idSrc while initialing the editor

 
editor = new $.fn.dataTable.Editor( {
"ajaxUrl": {.....	},
"domTable": "#example",
"idSrc": "myId",
"fields": .....

In my project i need to assign idSrc after initialisation which will be depending on some browser events. Can I use this new values to update idSrc already set? If no any other method ?
Tried the following code but didnt work.

 
editor.on( 'onInitEdit', function (e) {e.idSrc=myNewId;} );

Please suggest a way to get out of it
Regards
vinod

Using 2 Editor forms the second being an extended version

ematav — Thu, 14 Mar 2013 19:49:31 +0000

In fact I want use one reduced form for the 'create' part which show only required fields and the complete form (with all fields) for the 'Edit' and 'delete' parts. Does Editor support this kind of thing?

editor.remove button inside editor.edit

vinod_ccv — Sat, 20 Apr 2013 20:22:10 +0100

Hi Allan,
I felt, it will be better to see the data before removing it by editor( Of course, the confirmation will do, but does not give details about the row which is clicked)
I tried to add editor.remove as button function in editor.edit..doesn't work. Also tried it as a button label inside editor.edit and wanted to ON click function to delete ..that also didn't work.
Any suggestion for me?
Regards
Vinod