micc83 / edittable Goto Github PK

Hi Admin
I have search and i see your github. I want to question: how to use this plugin but can auto complete on cell of column as excel

Things like return $(input).val(value) don't work, because the call to outerHTML doesn't seem to capture the value attribute you set.

Maybe this could eventually be rewritten to not rely as much on string manipulation someday?

Any chance you could upload this to the npm registry, or maybe add a package.json so we could npm install micc83/editTable from the github repo directly?

Thanks

HI
i was using a custom input of type text because in some places i need a placeholder in input and at some not so i created the custom input and when i try to set the value of that custom input[type="text"] then it is not setting the value just showing the placeholder in the input. Here is the code
$("#example").editTable({
field_templates: {
'select1' : {
html: selectFunction(),
getValue: function (input) {
return $(input).val();
},
setValue: function (input, value) {
var select = $(input);
select.find('option').filter(function() {
return $(this).val() == value;
}).attr('selected', true);
return select;
}
},
'select2' : {
html: selectFunction(),
getValue: function (input) {
return $(input).val();
},
setValue: function (input, value) {
var select = $(input);
select.find('option').filter(function() {
return $(this).val() == value;
}).attr('selected', true);
return select;
}
},
'select3' : {
html: selectFunction(),
getValue: function (input) {
return $(input).val();
},
setValue: function (input, value) {
var select = $(input);
select.find('option').filter(function() {
return $(this).val() == value;
}).attr('selected', true);
return select;
}
},
'placeHolder' : {

		html: '<input placeholder="Empty" type="text" />',     // Input type html

		// How to get the value from the custom input
		getValue: function (input) {
			return $(input).val();
		},

		// How to set the value of the custom input
		setValue: function (input, value) {
			console.log("The input value is="+value);
			if ( (value =='') || (typeof value =='undefined') ){
				return $(input).val('');
			}
			return $(input).text(value);
		}
	},					
	'idField' : {
			
		html: '<textarea style="display:none;"/>',     // Input type html

		// How to get the value from the custom input
		getValue: function (input) {
			return $(input).val();
		},

		// How to set the value of the custom input
		setValue: function (input, value) {
			if ( value ){
				return $(input).text(value);
			}
			return $(input).text('-1');
		}
	}					
},				
row_template: ['select1', 'select2','select3','placeHolder','idField'],				
headerCols: [
	'Filter On',
	'Data Type',
	'Operation',
	'Value'
]

});

Hi @micc83 great libary! I would like to integrate it but there is no license so I would not be able to include it due to copyright (the target-project is MIT). Is that by-design or are you open to the idea of adding a license?

If the textarea used for the table is inside another table, the plugin adds and removes too many rows.

Hi ,
I want to implement the autocomplete feature in the table. would it be possible ?
I am trying to implement the jquery autocomplete.I am trying to implement like this

<script>
          $(document).ready(function(){
var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
];
alert('ok');
$( "#autocomplete" ).autocomplete({
    source: availableTags
});
});
</script>

and adding Id in jauery-editable.js on line 46 is like

'<td><input type="text" id="tags" value="' + content.toString().replace(/"/g, "&quot;") + '" /></td>'

But this is not reflecting on Dom .Please help me in this .Efforts will be very much appreciated.

Unable to find option to sort the table...