Jeditable in a Grid - How can it be done?

Code Examples Grid
, , ,
#1

Hello,

I have a grid form that displays a html field.

I am trying to implement Jeditable:

http://www.appelsiini.net/projects/jeditable

If I’m understating it correctly I need to do three things:
#1 - Put this stuff somewhere:
[INDENT]<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=“text/javascript” charset=“utf-8”></script>
<script src=“jquery.jeditable.js” type=“text/javascript” charset=“utf-8”></script>
<script type=“text/javascript” charset=“utf-8”>[/INDENT]

#2 - Put this stuff somewhere:
[INDENT]$(function() {
$(".editable_textarea").editable(“http://www.appelsiini.net/projects/jeditable/php/save.php”, {
indicator : “<img src=‘img/indicator.gif’>”,
type : ‘textarea’,
submitdata: { _method: “put” },
select : true,
submit : ‘OK’,
cancel : ‘cancel’,
cssclass : “editable”
});
});
</script>[/INDENT]

#3 - Put this in the html filed I want the user to be able to edit:
[INDENT]<p class=“editable_textarea” id=“paragraph_1”>Put the editable content here</p>[/INDENT]

I think I’m doing number 3 right, but I can’t figure out how to get Scriptcase to put #1 and #2 in the <HEAD> </HEAD section.

I’ve tried onApplication, OnScriptinit, onHeader…???

I cant get it to work…

Any help you can provide is greatly appreciated.

Thanks…

#2

You have to echo scripts on onappinit for example, but, what are you trying to do?

#3

I’m trying to use Jeditable to edit on of the fields on the Grid, inline, similar to editing a field in phpMyAdmin.

When I echo the content in #1 and #2 above it seams to go before the HTML tag, not between <HEAD> and </HEAD>?

#4

Got it… I was missing part of it… Thanks for your help…

#5

Could be great if you share the results. Otherwise, Remember grids don’t do any database update. This means, if you use this plugin to do some inline editing, you will have to manage your database updates manually.

Remember too, there are an “editable grid” on SC, but it’s not called grid, it’s a mode of Form application.

#6

I followed the example at:

http://www.appelsiini.net/projects/jeditable

It works great, but only for the first page. I have the grid form set to display 5 records at a time. The first page works great, but if I use the Scriptcase “GoTo” button, or the page selection arrows to go to a different page, the Jeditable JQuerry stopps working?

Any Idea why JQuerry/Javascript would only work on the first page?

#7

It’s difficult without seeing the code.

Maybe the code is outside onRecord?
Can you share an export of the application ready to test?