Browse Source

Added selection grid demo, removed old demos

pull/9/head
Max Guglielmi 6 years ago
parent
commit
0736390ff6
  1. 10
      Gruntfile.js
  2. 2469
      demos/advanced-grid.html
  3. 179
      demos/old/dev-complex.html
  4. 214
      demos/old/dev.html
  5. 179
      demos/old/dist-complex.html
  6. 152
      demos/old/dist.html
  7. 2
      dist/tablefilter/style/tablefilter.css
  8. 3
      dist/tablefilter/tf-1.js
  9. 2049
      libs/ezEditTable/docs/doc.html
  10. 154
      libs/ezEditTable/docs/doc_class.html
  11. 599
      libs/ezEditTable/docs/doc_methods.html
  12. 515
      libs/ezEditTable/docs/doc_properties.html
  13. 207
      libs/ezEditTable/docs/doc_utilities.html
  14. 473
      libs/ezEditTable/docs/index.html
  15. 1082
      libs/ezEditTable/docs/samples.html
  16. 195
      libs/ezEditTable/docs/starter.html
  17. 86
      libs/ezEditTable/ezEditTable-uncompressed.css
  18. 2081
      libs/ezEditTable/ezEditTable-uncompressed.js
  19. 7
      libs/ezEditTable/ezEditTable.css
  20. 9
      libs/ezEditTable/ezEditTable.js
  21. BIN
      libs/ezEditTable/themes/bg_mod_cell.png
  22. 23
      libs/ezEditTable/themes/default/ezDefault.css
  23. BIN
      libs/ezEditTable/themes/default/img/bg_col_header.gif
  24. BIN
      libs/ezEditTable/themes/icn_add.gif
  25. BIN
      libs/ezEditTable/themes/icn_cross.png
  26. BIN
      libs/ezEditTable/themes/icn_del.gif
  27. BIN
      libs/ezEditTable/themes/icn_edit.gif
  28. BIN
      libs/ezEditTable/themes/icn_save.gif
  29. BIN
      libs/ezEditTable/themes/icn_tick.png
  30. 68
      libs/ezEditTable/themes/skyblue/ezSkyBlue.css
  31. BIN
      libs/ezEditTable/themes/skyblue/img/sky_blue_grid.gif
  32. 3
      src/extensions/advancedGrid/adapterEzEditTable.js
  33. 2
      static/style/tablefilter.css
  34. 94
      static/templates/advanced-grid.html

10
Gruntfile.js

@ -79,6 +79,16 @@ module.exports = function (grunt) {
},{
pattern: /{VERSION}/ig,
replacement: pkg.version
},{
pattern: /{EZEDITTABLE_LINK}/ig,
replacement: '<a href="http://edittable.free.fr/' +
'zip.php?f=ezEditTable.zip&amp;p=1"' +
'target="_blank" title="ezEditTable is a ' +
'javascript code aimed at enhancing regular ' +
'HTML tables by adding features such as ' +
'inline editing components, advanced ' +
'selection and keyboard navigation ' +
'- Developed by Max Guglielmi">ezEditTable</a>'
},{
pattern: /<!-- @import (.*?) -->/ig,
replacement: function (match, p1) {

2469
demos/advanced-grid.html
File diff suppressed because it is too large
View File

179
demos/old/dev-complex.html

@ -1,179 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Filter Generator</title>
</head>
<body>
<div style="width: 500px;">
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th>By Rail (hrs)</th>
</tr>
</thead>
<!-- <tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot> -->
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript" src="../build/tablefilter/tablefilter.js"></script>
<script>
// var table = document.getElementById('demo');
// var totRowIndex = table.getElementsByTagName("tr").length;
var tf = new TableFilter("demo", {
col_0: 'select',
col_2: 'multiple',
col_3: 'checklist',
base_path: '../build/tablefilter/',
loader: true,
rows_counter: true,
enable_default_theme: true,
// slc_filling_method: 'innerhtml',
sort: true,
sort_config: {
sort_types: ['string','string','number','number','number']
},
paging: false,
paging_length: 4,
// page_selector_type: 'input',
results_per_page: ['Results per page', [2,4,6]],
remember_grid_values: true,
// remember_page_number: true,
// remember_page_length: true,
fill_slc_on_demand: false,
linked_filters: false,
popup_filters: false,
alternate_rows: true,
highlight_keywords: true,
match_case: false,
btn_reset: true,
status_bar: true,
watermark: [null, 'Filter column...', null, null, 'Helo'],
selectable: false,
editable: false,
ezEditTable_config:{
default_selection: 'both',
loadStylesheet: true
},
grid_layout: true,
grid_width: '600px',
// grid_height: '200px',
on_before_show_msg: function(tf){
// console.log('on_before_show_msg');
},
// rows_always_visible: [totRowIndex],
// col_operation: {
// id: ["sum1", "sum2"],
// col: [2, 3],
// operation: ["sum", "mean"],
// write_method: ["innerhtml", 'innerhtml'],
// exclude_row: [totRowIndex],
// decimal_precision: [0, 2],
// tot_row_index: [totRowIndex, totRowIndex]
// },
extensions: [{
/*** Columns Visibility Manager extension load ***/
name: 'colsVisibility',
description: 'Columns visibility manager',
// manager: true,
tick_to_hide: true,
// headers_table: true,
// container_target_id: 'test_cont',
// headers_text: ['1','2','3','4','5','6'],
// btn_target_id: 'test_cont',
// btn_text: 'Hola',
// btn_html: '<button>Columns</button>',
// btn_css_class: 'test',
// btn_close_text: 'jj',
// btn_close_html: '<button>close</button>',
// btn_close_css_class: 'test',
// stylesheet: 'hola.css',
// cont_css_class: 'test',
// checklist_item_css_class: 'test',
// at_start: [0,1,2,3,4],
// enable_hover: true,
enable_tick_all: true
// ,
// tick_all_text: 'Hola',
// text: 'tutu',
// on_loaded: function(){ console.log(arguments); },
// on_before_open: function(){ console.log('on_before_open', arguments); },
// on_after_open: function(){ console.log('on_after_open',arguments); },
// on_before_close: function(){ console.log('on_before_close',arguments); },
// on_after_close: function(){ console.log('on_after_close',arguments); },
// on_before_col_hidden: function(){ console.log('on_before_col_hidden',arguments); },
// on_after_col_hidden: function(){ console.log('on_after_col_hidden',arguments); },
// on_before_col_displayed: function(){ console.log('on_before_col_displayed',arguments); },
// on_after_col_displayed: function(){ console.log('on_after_col_displayed',arguments); }
}]
});
tf.init();
</script>
<button onclick="javascript:tf.ExtRegistry.colsVisibility.toggleCol(2);">Toggle col 2</button>
</body>
</html>

214
demos/old/dev.html

@ -1,214 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Filter Generator</title>
<link rel="stylesheet" type="text/css" href="../../dist/tablefilter/style/tablefilter.css">
</head>
<body>
<div id="test"></div>
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th>By Rail (hrs)</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
<div>
<button onclick="tf.ExtRegistry.advancedGrid.destroy();">Remove ezEditTable</button>
<button onclick="tf.ExtRegistry.advancedGrid.reset();">Reset ezEditTable</button>
<button onclick="tf.destroy();">Remove</button>
<button onclick="tf.init();">Reset</button>
</div>
<script type="text/javascript" src="../../dist/tablefilter/tablefilter.js"></script>
<script>
var table = document.getElementById('demo');
var totRowIndex = table.getElementsByTagName("tr").length;
var tf = new TableFilter("demo", {
col_0: 'select',
col_2: 'checklist',
col_3: 'select',
base_path: '../../dist/tablefilter/',
// fill_slc_on_demand: true,
rows_counter: true,
// enable_default_theme: true,
// help_instructions: false,
mark_active_columns: true,
auto_filter: false,
auto_filter_delay: 200,
loader: true,
// enter_key: false,
// themes: [{ name: 'skyblue'}],
// popup_filters: true,
paging: true,
paging_length: 3,
alternate_rows: true,
highlight_keywords: true,
match_case: false,
remember_grid_values: true,
col_widths: ['150px','150px','150px','200px','150px'],
btn_reset: true,
grid_layout: false,
rows_always_visible: [totRowIndex],
custom_options: {
cols: [3],
texts: [['0-0.5', '0.5-1', '1-2', '>2']],
values: [['>0 && <=0.5', '>0.5 && <=1', '>1 && <=2', '>2']],
sorts: [false]
},
// col_operation: {
// id: ["sum1", "sum2"],
// col: [2, 3],
// operation: ["sum", "mean"],
// write_method: ["innerhtml", 'innerhtml'],
// exclude_row: [totRowIndex],
// decimal_precision: [0, 2],
// tot_row_index: [totRowIndex, totRowIndex]
// },
// selectable: true,
// editable: true,
// ezEditTable_config: {
// path: '../libs/ezEditTable/ezEditTable.js',
// default_selection: 'both',
// auto_save: false
// },
extensions: [
{
name: 'sort',
types: ['string', 'string', 'number', 'number', 'number']
},{
name: 'advancedGrid',
// vendor_path: '../../libs/ezEditTable/',
filename: 'ezEditTable_min.js',
vendor_path: 'http://edittable.free.fr/ezEditTable/',
selectable: true,
editable: true,
default_selection: 'both',
// load_stylesheet: true,
auto_save: false
},{
name: 'colOps',
id: ["sum1", "sum2"],
col: [2, 3],
operation: ["sum", "mean"],
write_method: ["innerhtml", 'innerhtml'],
exclude_row: [totRowIndex],
decimal_precision: [0, 2],
tot_row_index: [totRowIndex, totRowIndex]
},{
name: 'filtersVisibility',
// enable_icon: true,
// target_id: 'test',
visible_at_start: false
// ,
// btn_text: 'Filters',
// filters_row_index: 0
}, {
/*** Columns Visibility Manager extension load ***/
name: 'colsVisibility',
description: 'Columns visibility manager',
// manager: true,
tick_to_hide: true,
// headers_table: true,
// container_target_id: 'test_cont',
// headers_text: ['1','2','3','4','5','6'],
// btn_target_id: 'test_cont',
// btn_text: 'Hola',
// btn_html: '<button>Columns</button>',
// btn_css_class: 'test',
// btn_close_text: 'jj',
// btn_close_html: '<button>close</button>',
// btn_close_css_class: 'test',
// stylesheet: 'hola.css',
// cont_css_class: 'test',
// checklist_item_css_class: 'test',
// at_start: [0,1,2,3,4],
// enable_hover: true,
enable_tick_all: true
// ,
// tick_all_text: 'Hola',
// text: 'tutu',
// on_loaded: function(){ console.log(arguments); },
// on_before_open: function(){ console.log('on_before_open', arguments); },
// on_after_open: function(){ console.log('on_after_open',arguments); },
// on_before_close: function(){ console.log('on_before_close',arguments); },
// on_after_close: function(){ console.log('on_after_close',arguments); },
// on_before_col_hidden: function(){ console.log('on_before_col_hidden',arguments); },
// on_after_col_hidden: function(){ console.log('on_after_col_hidden',arguments); },
// on_before_col_displayed: function(){ console.log('on_before_col_displayed',arguments); },
// on_after_col_displayed: function(){ console.log('on_after_col_displayed',arguments); }
}
]
});
tf.init();
</script>
</body>
</html>

179
demos/old/dist-complex.html

@ -1,179 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Filter Generator</title>
</head>
<body>
<div style="width: 500px;">
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th>By Rail (hrs)</th>
</tr>
</thead>
<!-- <tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot> -->
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript" src="../dist/tablefilter/tablefilter.js"></script>
<script>
// var table = document.getElementById('demo');
// var totRowIndex = table.getElementsByTagName("tr").length;
var tf = new TableFilter("demo", {
col_0: 'select',
col_2: 'multiple',
col_3: 'checklist',
base_path: '../dist/',
loader: true,
rows_counter: true,
enable_default_theme: true,
// slc_filling_method: 'innerhtml',
sort: true,
sort_config: {
sort_types: ['string','string','number','number','number']
},
paging: false,
paging_length: 4,
// page_selector_type: 'input',
results_per_page: ['Results per page', [2,4,6]],
remember_grid_values: true,
// remember_page_number: true,
// remember_page_length: true,
fill_slc_on_demand: false,
linked_filters: false,
popup_filters: false,
alternate_rows: true,
highlight_keywords: true,
match_case: false,
btn_reset: true,
status_bar: true,
watermark: [null, 'Filter column...', null, null, 'Helo'],
selectable: false,
editable: false,
ezEditTable_config:{
default_selection: 'both',
loadStylesheet: true
},
grid_layout: true,
grid_width: '600px',
// grid_height: '200px',
on_before_show_msg: function(tf){
// console.log('on_before_show_msg');
},
// rows_always_visible: [totRowIndex],
// col_operation: {
// id: ["sum1", "sum2"],
// col: [2, 3],
// operation: ["sum", "mean"],
// write_method: ["innerhtml", 'innerhtml'],
// exclude_row: [totRowIndex],
// decimal_precision: [0, 2],
// tot_row_index: [totRowIndex, totRowIndex]
// },
extensions: [{
/*** Columns Visibility Manager extension load ***/
name: 'colsVisibility',
description: 'Columns visibility manager',
// manager: true,
tick_to_hide: true,
// headers_table: true,
// container_target_id: 'test_cont',
// headers_text: ['1','2','3','4','5','6'],
// btn_target_id: 'test_cont',
// btn_text: 'Hola',
// btn_html: '<button>Columns</button>',
// btn_css_class: 'test',
// btn_close_text: 'jj',
// btn_close_html: '<button>close</button>',
// btn_close_css_class: 'test',
// stylesheet: 'hola.css',
// cont_css_class: 'test',
// checklist_item_css_class: 'test',
// at_start: [0,1,2,3,4],
// enable_hover: true,
enable_tick_all: true
// ,
// tick_all_text: 'Hola',
// text: 'tutu',
// on_loaded: function(){ console.log(arguments); },
// on_before_open: function(){ console.log('on_before_open', arguments); },
// on_after_open: function(){ console.log('on_after_open',arguments); },
// on_before_close: function(){ console.log('on_before_close',arguments); },
// on_after_close: function(){ console.log('on_after_close',arguments); },
// on_before_col_hidden: function(){ console.log('on_before_col_hidden',arguments); },
// on_after_col_hidden: function(){ console.log('on_after_col_hidden',arguments); },
// on_before_col_displayed: function(){ console.log('on_before_col_displayed',arguments); },
// on_after_col_displayed: function(){ console.log('on_after_col_displayed',arguments); }
}]
});
tf.init();
</script>
<button onclick="javascript:tf.ExtRegistry.colsVisibility.toggleCol(2);">Toggle col 2</button>
</body>
</html>

152
demos/old/dist.html

@ -1,152 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Filter Generator</title>
</head>
<body>
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th width="15%">By Rail (hrs)</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="../dist/tablefilter/tablefilter.js"></script>
<script>
var table = document.getElementById('demo');
var totRowIndex = table.getElementsByTagName("tr").length;
var tf = new TableFilter("demo", {
col_0: 'select',
col_3: 'checklist',
base_path: '../dist/tablefilter/',
rows_counter: true,
// enable_default_theme: true,
themes: [{ path: '../dist/tablefilter/themes/mytheme/mytheme.css' }],
paging: false,
alternate_rows: true,
highlight_keywords: true,
match_case: false,
remember_grid_values: true,
btn_reset: true,
grid_layout: true,
sort: true,
sort_config: {
sort_types: ['string','string','number','number','number']
},
rows_always_visible: [totRowIndex],
col_operation: {
id: ["sum1", "sum2"],
col: [2, 3],
operation: ["sum", "mean"],
write_method: ["innerhtml", 'innerhtml'],
exclude_row: [totRowIndex],
decimal_precision: [0, 2],
tot_row_index: [totRowIndex, totRowIndex]
}/*,
extensions: [{
name: 'colsVisibility',
description: 'Columns visibility manager',
// manager: true,
tick_to_hide: true,
// headers_table: true,
// container_target_id: 'test_cont',
// headers_text: ['1','2','3','4','5','6'],
// btn_target_id: 'test_cont',
// btn_text: 'Hola',
// btn_html: '<button>Columns</button>',
// btn_css_class: 'test',
// btn_close_text: 'jj',
// btn_close_html: '<button>close</button>',
// btn_close_css_class: 'test',
// stylesheet: 'hola.css',
// cont_css_class: 'test',
// checklist_item_css_class: 'test',
// at_start: [0,1,2,3,4],
// enable_hover: true,
enable_tick_all: true
// ,
// tick_all_text: 'Hola',
// text: 'tutu',
// on_loaded: function(){ console.log(arguments); },
// on_before_open: function(){ console.log('on_before_open', arguments); },
// on_after_open: function(){ console.log('on_after_open',arguments); },
// on_before_close: function(){ console.log('on_before_close',arguments); },
// on_after_close: function(){ console.log('on_after_close',arguments); },
// on_before_col_hidden: function(){ console.log('on_before_col_hidden',arguments); },
// on_after_col_hidden: function(){ console.log('on_after_col_hidden',arguments); },
// on_before_col_displayed: function(){ console.log('on_before_col_displayed',arguments); },
// on_after_col_displayed: function(){ console.log('on_after_col_displayed',arguments); }
}]*/
});
tf.init();
</script>
</body>
</html>

2
dist/tablefilter/style/tablefilter.css

@ -283,7 +283,7 @@ div.grd_Cont .odd{ background-color:#DFE8F6; }/*row bg alternating color*/
/* Selection */
.ezActiveRow{ background-color:#2852A8 !important; color:#fff; }
.ezSelectedRow{ background-color:#316AC5; color:#fff; }
.ezSelectedRow{ background-color:#316AC5 !important; color:#fff; }
.ezActiveCell{
background-color:#D9E8FB !important;
color:#000 !important; font-weight:bold;

3
dist/tablefilter/tf-1.js

@ -198,10 +198,7 @@ webpackJsonp([1],[
}
cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
// var editable = tf.editable;
var editable = cfg.editable;
// cfg.editable = editable;
// var selectable = tf.selectable;
var selectable = cfg.selectable;
cfg.selection = selectable;

2049
libs/ezEditTable/docs/doc.html
File diff suppressed because it is too large
View File

154
libs/ezEditTable/docs/doc_class.html

@ -1,154 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>ezEditTable, enhance HTML tables easily, advanced inline editing, selection and keyboard navigation - script by Max Guglielmi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="ezEditTable is an open source javascript code aimed at enhancing regular HTML tables by adding features such as inline editing components, advanced selection and keyboard navigation" />
<meta name="keywords" content="html table editing, html table inline cell editing, inline cell editor, row selection, script, javascript, max guglielmi" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Max Guglielmi" />
<style type="text/css" media="screen, projection">
@import "http://edittable.free.fr/includes/common.css";
</style>
<script language="javascript" type="text/javascript" src="../ezEditTable.js"></script>
<link href="../ezEditTable.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen">
div#navmenu li a#lnk03{
color:#333; font-weight:bold;
border-top:2px solid #ff9900;
background:#fff;
}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div id="navmenu">
<ul>
<li><a id="lnk01" href="index.html">Home</a></li>
<li><a id="lnk02" href="samples.html">Samples</a></li>
<li><a id="lnk03" href="doc.html">Documentation</a></li>
</ul>
</div>
</div>
<!-- BEGIN CONTENT -->
<div id="content">
<div id="divsubmenu">
<ul class="submenu">
<li class="dir">
<a id="co" href="./doc.html">Configuration Object <small>&#9660;</small></a>
<ul>
<li><a href="./doc.html#ez_common">General</a></li>
<li><a href="./doc.html#ez_selection">Selection</a></li>
<li><a href="./doc.html#ez_sel_events">Selection callback events</a></li>
<li><a href="./doc.html#ez_editable">Editable</a></li>
<li><a href="./doc.html#ez_cell_editors">Cell editors</a></li>
<li><a href="./doc.html#ez_editable">Command buttons</a></li>
<li><a href="./doc.html#ez_uploader">Uploader editor <sup>new</sup></a></li>
<li><a href="./doc.html#ez_editable_events">Editable callback events</a></li>
<li><a href="./doc.html#ez_actions">Actions</a></li>
<li><a href="./doc.html#ez_actions_events">Actions callback events</a></li>
<li><a href="./doc.html#ez_msg">Messages</a></li>
</ul>
</li>
<li class="dir">
<a id="cl" href="./doc_class.html">TF Class<small>&#9660;</small></a>
<ul>
<li><a href="./doc_class.html#ez_constructor">Constructor</a></li>
<li><a href="./doc_methods.html#ez_methods">General public methods</a></li>
<li><a href="./doc_methods.html#ez_selection_methods">Selection public methods</a></li>
<li><a href="./doc_methods.html#ez_editable_methods">Editable public methods</a></li>
<li><a href="./doc_properties.html#ez_properties">General public properties</a></li>
<li><a href="./doc_properties.html#ez_selection_properties">Selection public properties</a></li>
<li><a href="./doc_properties.html#ez_editable_properties">Editable public properties</a></li>
</ul>
</li>
<li><a id="uf" href="./doc_utilities.html">Utility Functions</a></li>
</ul>
</div>
<h1 class="marginTop30">Documentation</h1>
<a name="class" id="class"></a>
<h2>EditTable Class</h2>
<!--[if lt IE 8]>
<p>
<a href="./doc_class.html#ez_constructor">Constructor</a></li> |
<a href="./doc_methods.html#ez_methods">General public methods</a></li> |
<a href="./doc_methods.html#ez_selection_methods">Selection public methods</a></li> |
<a href="./doc_methods.html#ez_editable_methods">Editable public methods</a></li> |
<a href="./doc_properties.html#ez_properties">General public properties</a></li> |
<a href="./doc_properties.html#ez_selection_properties">Selection public properties</a></li> |
<a href="./doc_properties.html#ez_editable_properties">Editable public properties</a></li>
</p>
<![endif]-->
<a name="ez_constructor" id="ez_constructor"></a>
<h3>Constructor</h3>
<h3><code>EditTable(id, startRow, config);</code></h3>
<table id="tblConstructor" cellspacing="0" class="ezEditableTable" >
<thead>
<tr>
<th>Parameter</th>
<th>Type</th>
<th>Description</th>
<th>Remarks</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>id</strong></td>
<td>string</td>
<td>id of the <code>table</code> element</td>
<td>&nbsp;</td>
<td><code>var myEditTable = new EditTable("myTableId");</code></td>
</tr>
<tr>
<td><strong>startRow</strong> </td>
<td>number</td>
<td>index of the first row from which row selection can start</td>
<td>optional parameter</td>
<td><code>var myEditTable = new EditTable("myTableId", 2);</code></td>
</tr>
<tr>
<td><strong>config</strong></td>
<td>object</td>
<td>&nbsp;configuration object</td>
<td>optional parameter</td>
<td><code>var myEditTable = new EditTable("myTableId", 2, { editable: true });</code></td>
</tr>
</tbody>
</table>
<hr/>
</div>
<!-- END CONTENT -->
<div id="footer"></div>
</div>
</body>
</html>

599
libs/ezEditTable/docs/doc_methods.html

@ -1,599 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>ezEditTable, enhance HTML tables easily, advanced inline editing, selection and keyboard navigation - script by Max Guglielmi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="ezEditTable is an open source javascript code aimed at enhancing regular HTML tables by adding features such as inline editing components, advanced selection and keyboard navigation" />
<meta name="keywords" content="html table editing, html table inline cell editing, inline cell editor, row selection, script, javascript, max guglielmi" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Max Guglielmi" />
<style type="text/css" media="screen, projection">
@import "http://edittable.free.fr/includes/common.css";
</style>
<script language="javascript" type="text/javascript" src="../ezEditTable.js"></script>
<link href="../ezEditTable.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen">
div#navmenu li a#lnk03{
color:#333; font-weight:bold;
border-top:2px solid #ff9900;
background:#fff;
}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div id="navmenu">
<ul>
<li><a id="lnk01" href="index.html">Home</a></li>
<li><a id="lnk02" href="samples.html">Samples</a></li>
<li><a id="lnk03" href="doc.html">Documentation</a></li>
</ul>
</div>
</div>
<!-- BEGIN CONTENT -->
<div id="content">
<div id="divsubmenu">
<ul class="submenu">
<li class="dir">
<a id="co" href="./doc.html">Configuration Object <small>&#9660;</small></a>
<ul>
<li><a href="./doc.html#ez_common">General</a></li>
<li><a href="./doc.html#ez_selection">Selection</a></li>
<li><a href="./doc.html#ez_sel_events">Selection callback events</a></li>
<li><a href="./doc.html#ez_editable">Editable</a></li>
<li><a href="./doc.html#ez_cell_editors">Cell editors</a></li>
<li><a href="./doc.html#ez_editable">Command buttons</a></li>
<li><a href="./doc.html#ez_uploader">Uploader editor <sup>new</sup></a></li>
<li><a href="./doc.html#ez_editable_events">Editable callback events</a></li>
<li><a href="./doc.html#ez_actions">Actions</a></li>
<li><a href="./doc.html#ez_actions_events">Actions callback events</a></li>
<li><a href="./doc.html#ez_msg">Messages</a></li>
</ul>
</li>
<li class="dir">
<a id="cl" href="./doc_class.html">TF Class<small>&#9660;</small></a>
<ul>
<li><a href="./doc_class.html#ez_constructor">Constructor</a></li>
<li><a href="./doc_methods.html#ez_methods">General public methods</a></li>
<li><a href="./doc_methods.html#ez_selection_methods">Selection public methods</a></li>
<li><a href="./doc_methods.html#ez_editable_methods">Editable public methods</a></li>
<li><a href="./doc_properties.html#ez_properties">General public properties</a></li>
<li><a href="./doc_properties.html#ez_selection_properties">Selection public properties</a></li>
<li><a href="./doc_properties.html#ez_editable_properties">Editable public properties</a></li>
</ul>
</li>
<li><a id="uf" href="./doc_utilities.html">Utility Functions</a></li>
</ul>
</div>
<h1 class="marginTop30">Documentation</h1>
<a name="class" id="class"></a>
<h2>EditTable Class</h2>
<!--[if lt IE 8]>
<p>
<a href="./doc_class.html#ez_constructor">Constructor</a></li> |
<a href="./doc_methods.html#ez_methods">General public methods</a></li> |
<a href="./doc_methods.html#ez_selection_methods">Selection public methods</a></li> |
<a href="./doc_methods.html#ez_editable_methods">Editable public methods</a></li> |
<a href="./doc_properties.html#ez_properties">General public properties</a></li> |
<a href="./doc_properties.html#ez_selection_properties">Selection public properties</a></li> |
<a href="./doc_properties.html#ez_editable_properties">Editable public properties</a></li>
</p>
<![endif]-->
<a name="ez_methods" id="ez_methods"></a>
<h3>General Public Methods</h3>
<table id="tblMethods" cellspacing="0" class="ezEditableTable" >
<thead>
<tr>
<th >Method</th>
<th width="200">Description</th>
<th >Remarks</th>
<th >Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong> Init()</strong></td>
<td>EditTable object initialisation</td>
<td>&nbsp;</td>
<td><code> var myET = new EditTable('myTableId');<br>
myET.editable = true;<br />
... <br />
myET.Init();</code></td>
</tr>
<tr>
<td><strong>GetCellsNb( rowIndex )</strong></td>
<td>returns number of cells of a specified row</td>
<td>&nbsp;</td>
<td><code> myET.GetCellsNb(4);</code></td>
</tr>
<tr class="newBg">
<td><strong>GetRowsNb()</strong></td>
<td>returns total number of rows</td>
<td>&nbsp;</td>
<td><code>myET.GetRowsNb();</code></td>
</tr>
<tr>
<td><strong>GetRow(e)</strong></td>
<td>returns the DOM row element for a given event</td>
<td>&nbsp;</td>
<td><code>function myFunction(e){ var clickedRow = myET.GetRow(e); }</code></td>
</tr>
<tr>
<td><strong>GetRowByIndex( rowIndex )</strong></td>
<td>returns the DOM row element for a given row index</td>
<td>&nbsp;</td>
<td> <code>myET.GetRowByIndex(5);</code></td>
</tr>
<tr>
<td><strong>GetCell(e)</strong></td>
<td>returns the DOM cell element for a given event</td>
<td>&nbsp;</td>
<td> <code>function myFunction(e){ var clickedCell = myET.GetCell(e);
}</code></td>
</tr>
<tr>
<td><strong>IsSelectable()</strong></td>
<td>checks if table rows are selectable and returns a boolean </td>
<td>&nbsp;</td>
<td><code>myET.IsSelectable();</code></td>
</tr>
<tr>
<td><strong>IsEditable()</strong></td>
<td>checks if table is editable and returns a boolean </td>
<td>&nbsp;</td>
<td><code>myET.IsEditable();</code></td>
</tr>
<tr>
<td><strong>ClearSelections()</strong></td>
<td>clears current row(s) and/or cell selection</td>
<td>&nbsp; </td>
<td> <code>myET.ClearSelections();</code></td>
</tr>
</tbody>
</table>
<a href="javascript:window.scroll(0,0);">Top of page</a>
<hr/>
<a name="ez_selection_methods" id="ez_selection_methods"></a>
<h3>Selection Public Methods</h3>
<table id="tblSelectionMethods" cellspacing="0" class="ezEditableTable" >
<thead>
<tr>
<th >Method</th>
<th >Description</th>
<th >Remarks</th>
<th >Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong> Init()</strong></td>
<td>Selection object initialisation</td>
<td>&nbsp;</td>
<td><code> var myET = new EditTable('myTableId');<br />
... <br />
myET.Selection.Init();</code></td>
</tr>
<tr>
<td><strong>Set()</strong></td>
<td>enables selection feature</td>
<td>&nbsp;</td>
<td><code> myET.Selection.Set();</code></td>
</tr>
<tr class="newBg">
<td><strong>Remove()</strong></td>
<td> disables selection feature</td>
<td>&nbsp;</td>
<td><code>myET.Selection.Remove();</code></td>
</tr>
<tr>
<td><strong>SetEvents()</strong></td>
<td>sets click and keyboard events to table element</td>
<td>&nbsp;</td>
<td><code>myET.Selection.SetEvents();</code></td>
</tr>
<tr>
<td><strong>RemoveEvents()</strong></td>
<td>removes click and keyboard events to table element</td>
<td>&nbsp;</td>
<td><code>myET.Selection.RemoveEvents();</code></td>
</tr>
<tr>
<td><strong>GetActiveRow()</strong></td>
<td>returns the active row element, that is, the row currently selected</td>
<td>&nbsp;</td>
<td> <code>var activeRow = myET.Selection.GetActiveRow();<br>
if(activeRow){ ... }</code></td>
</tr>
<tr>
<td><strong>GetActiveCell()</strong></td>
<td>returns the active cell element, that is, the cell currently selected</td>
<td>&nbsp;</td>
<td><code>var activeCell = myET.Selection.GetActiveCell();<br>
if(activeCell){ ... }</code></td>
</tr>
<tr>
<td><strong>GetSelectedRows()</strong></td>
<td>returns an array of the row elements currently selected, if selection
model is multiple</td>
<td>returns: <br>
[rowobject, rowobject, rowobject, ... rowobject] </td>
<td> <code>var selRows = myET.Selection.GetSelectedRows();<br>
if(selRows.length &gt; 0){ ... }</code></td>
</tr>
<tr>
<td><strong>GetSelectedValues()</strong></td>
<td>returns an array containing a collection of selected rows values
</td>
<td>returns: [<br>
['value 0', 'value 1', 'value 2', ... 'value 3'],<br>
['value 0', 'value 1', 'value 2', ... 'value 3'],<br>
['value 0', 'value 1', 'value 2', ... 'value 3'],<br>
...<br>
['value 0', 'value 1', 'value 2', ... 'value 3']<br>
] </td>
<td><code>var selValues = myET.Selection.GetSelectedValues();<br>
if(selValues.length &gt; 0){<br>
var firstValueOfFirstSelectedRow = selValues[0][0];<br>
} </code></td>
</tr>
<tr>
<td><strong>GetActiveRowValues()</strong></td>
<td>returns an array containing the cell values of active row</td>
<td>returns ['value 0', 'value 1', 'value 2', ... 'value 3']</td>
<td><code>var activeValues = myET.Selection.GetActiveRowValues();<br>
if(activeValues.length &gt; 0){ ... } </code></td>
</tr>
<tr>
<td><strong>GetRowValues( row )</strong></td>
<td>returns an array containing the cell values of a given row, it accepts
only a row DOM element</td>
<td>returns ['value 0', 'value 1', 'value 2', ... 'value 3'] </td>
<td> <p><code>var myRow = myET.GetRowByIndex(7);<br>
if(myRow){ <br>
myRowValues = myET.Selection.GetRowValues(myRow);<br>
</code><code>}</code></p></td>
</tr>
<tr>
<td><strong>SelectRowByIndex( rowIndex )</strong></td>
<td>selects a row for a given row index</td>
<td>&nbsp;</td>
<td><code> myET.Selection.SelectRowByIndex(9);</code></td>
</tr>
<tr>
<td><strong>SelectRowsByIndexes( rowIndexes )</strong> <sup>new</sup></td>
<td>selects rows for a given array of row indexes</td>
<td>Multiple selection needs to be active (selection_model: 'multiple')</td>
<td><code> myET.Selection.SelectRowsByIndexes([2, 7, 9, 12]);</code></td>
</tr>
<tr>
<td><strong>SelectRow( row )</strong></td>
<td>selects given row element</td>
<td>&nbsp;</td>
<td><code>var myRow = myET.GetRowByIndex(6);<br>
if(myRow){<br>
myET.Selection.SelectRow(myRow);<br>
} </code></td>
</tr>
<tr>
<td><strong>DeselectRow( row )</strong></td>
<td>deselects given row element</td>
<td>&nbsp;</td>
<td><code>var myRow = myET.GetRowByIndex(6);<br>
if(myET.Selection.IsRowSelected(myRow)){<br>
myET.Selection.DeselectRow(myRow);<br>
} </code></td>
</tr>
<tr>
<td><strong>SelectCell( cell )</strong></td>
<td>selects given cell element</td>
<td>&nbsp;</td>
<td><code>var myCell = myET.GetRowByIndex(3).cells[2];<br>
if(myCell) myET.Selection.SelectCell(myCell);</code></td>
</tr>
<tr>
<td><strong>DeselectCell( cell )</strong></td>
<td>deselects given cell element</td>
<td>&nbsp;</td>
<td><code>var myCell = myET.GetRowByIndex(3).cells[2];<br>
if(myCell) myET.Selection.DeselectCell(myCell);</code></td>
</tr>
<tr>
<td><strong>ClearSelections()</strong></td>
<td>clears current row(s) and/or cell selection</td>
<td>The general <code>ClearSelections()</code> invokes this method (<code>
myET</code><code>.ClearSelections</code>() )</td>
<td><code>myET.Selection.ClearSelections();</code></td>
</tr>
<tr>
<td><strong>IsRowSelected( row )</strong></td>
<td>determines if given row is selected and returns a boolean</td>
<td>&nbsp;</td>
<td><code>var myRow = myET.GetRowByIndex(6);<br>
if(myET.Selection.IsRowSelected(myRow)){ ... } </code></td>
</tr>
<tr>
<td><strong>IsCellSelected( cell )</strong></td>
<td>determines if given cell is selected and returns a boolean</td>
<td>&nbsp;</td>
<td><code>var myCell = myET.GetRowByIndex(3).cells[2];<br>
if(myET.Selection.IsCellSelected( myCell )){ ... }</code></td>
</tr>
</tbody>
</table>
<a href="javascript:window.scroll(0,0);">Top of page</a>
<hr/>
<a name="ez_editable_methods" id="ez_editable_methods"></a>
<h3>Editable Public Methods</h3>
<table id="tblEditableMethods" cellspacing="0" class="ezEditableTable" >
<thead>
<tr>
<th >Method</th>
<th >Description</th>
<th >Remarks</th>
<th >Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong> Init()</strong></td>
<td>Editable object initialisation</td>
<td>&nbsp;</td>
<td><code> var myET = new EditTable('myTableId');<br />
... <br />
myET.Editable.Init();</code></td>
</tr>
<tr>
<td><strong>Set()</strong></td>
<td>enables inline editing feature</td>
<td>&nbsp;</td>
<td><code> myET.Editable.Set();</code></td>
</tr>
<tr class="newBg">
<td><strong>Remove()</strong></td>
<td> disables inline editing feature</td>
<td>&nbsp;</td>
<td><code>myET.Editable.Remove();</code></td>
</tr>
<tr>
<td><strong>SetEvents()</strong></td>
<td>sets click and keyboard events to table element</td>
<td>&nbsp;</td>
<td><code>myET.Editable.SetEvents();</code></td>
</tr>
<tr>
<td><strong>RemoveEvents()</strong></td>
<td>removes click and keyboard events to table element</td>
<td>&nbsp;</td>
<td><code>myET.Editable.RemoveEvents();</code></td>
</tr>
<tr>
<td><strong>GetModifiedRows()</strong></td>
<td>returns an array containing the modified rows objects</td>
<td>returns: <br>
[<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [true, false, ...]<br>
}],<br>
...<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [true, false, ...]<br>
}] <br>
] <br>
urlParams are the paramaters names that are expected server-side.
If the parameters' names are not defined by the property <code>param_names</code>
in the actions object (configuration object <a href="doc.html#ez_actions">actions</a>),
the param name by default equals to 'col_<strong>n</strong>' where
n is the column index (col_0, col_1, ... col_n)</td>
<td> <p><code>var modRowObjs = myET.Editable.GetModifiedRows();<br>
for(var i=0; i&lt;modRowObjs.length; i++){<br>
var rowIndex = modRowObjs[i][0]; //int<br>
var obj = modRowObjs[i][1]; //object<br>
var objValues = obj.values; //array<br>
var objModValues = obj.modified; //array of booleans<br>
var objUrlParams = obj.urlParams //string<br>
} </code></p></td>
</tr>
<tr>
<td><strong>GetAddedRows()</strong></td>
<td>returns an array containing the added rows objects</td>
<td>returns: <br>
[<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [true, true, ...]<br>
}],<br>
...<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [true, true, ...]<br>
}] <br>
] <br>
urlParams are the paramaters names that are expected server-side.
If the parameters' names are not defined by the property <code>param_names</code>
in the actions object (configuration object <a href="doc.html#ez_actions">actions</a>),
the param name by default equals to 'col_<strong>n</strong>' where
n is the column index (col_0, col_1, ... col_n)</td>
<td><code>var addRowObjs = myET.Editable.GetAddedRows();<br>
for(var i=0; i&lt;addRowObjs.length; i++){<br>
var rowIndex = addRowObjs[i][0]; //int<br>
var obj = addRowObjs[i][1]; //object<br>
var objValues = obj.values; //array<br>
var objModValues = obj.modified; //array of booleans<br>
var objUrlParams = obj.urlParams //string<br>
} </code></td>
</tr>
<tr>
<td><strong>GetDeletedRows()</strong></td>
<td>returns an array containing the deleted rows objects</td>
<td>returns: <br>
[<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [false, false, ...]<br>
}],<br>
...<br>
[rowIndex, <br>
{ values: [val0, val1, ...valn], <br>
urlParams: '&amp;ColName0=cellvalue0&amp;ColName1=cellvalue1',<br>
modified: [false, false, ...]<br>
}] <br>
] <br>
urlParams are the paramaters names that are expected server-side.
If the parameters' names are not defined by the property <code>param_names</code>
in the actions object (configuration object <a href="doc.html#ez_actions">actions</a>),
the param name by default equals to 'col_<strong>n</strong>' where
n is the column index (col_0, col_1, ... col_n)</td>
<td> <code>var delRowObjs = myET.Editable.GetDeletedRows();<br>
for(var i=0; i&lt;delRowObjs.length; i++){<br>
var rowIndex = delRowObjs[i][0]; //int<br>
var obj = delRowObjs[i][1]; //object<br>
var objValues = obj.values; //array<br>
var objModValues = obj.modified; //array of booleans<br>
var objUrlParams = obj.urlParams //string<br>
}</code></td>
</tr>
<tr>
<td><strong>SubmitEditedRows()</strong></td>
<td>submits edited rows to server according to <a href="doc.html#ez_actions">actions</a> configuration
options </td>
<td>modified rows objects are sent to server (uri property in 'update'
<a href="doc.html#ez_actions">actions</a> configuration options)</td>
<td><p><code>function SaveEditedRows(){<br>
myET.Editable.SubmitEditedRows();<br>
}</code></p>
</td>
</tr>
<tr>
<td><strong>SubmitAddedRows()</strong></td>
<td>submits added rows to server according to <a href="doc.html#ez_actions">actions</a> configuration
options </td>
<td>added rows objects are sent to server (uri property in 'insert'
<a href="doc.html#ez_actions">actions</a> configuration options)</td>
<td><code>function SaveAddedRows(){
myET.Editable.SubmitAddeddRows();
}</code></td>
</tr>
<tr>
<td><strong>SubmitDeletedRows()</strong></td>
<td>submits deleted rows to server according to <a href="doc.html#ez_actions">actions</a> configuration
options </td>
<td>deleted rows objects are sent to server (uri property in 'delete'
<a href="doc.html#ez_actions">actions</a> configuration options). A
confirmation prompt appears before sending data to server</td>
<td> <p><code>function DeleteSelectedRows(){
myET.Editable.SubmitDeletedRows();
}</code></p