x-editable integration possible? about jquery-bootgrid HOT 13 CLOSED

If I remember correctly, it was the name of the span:

<td><span data-xedit='true'>03 Aug 2014</span></td>

$.fn.editable.defaults.mode = 'inline';

$("#gradebook").bootgrid({
  ...   
}).on("loaded.rs.jquery.bootgrid", function (e){
  $('[data-xedit]').each(function(entry){    
    entry.editable({
      type: 'text',
      name: 'score',
      url: "...someurl",      
      title: 'Enter score'
    });
  })
 });

from jquery-bootgrid.

Yes, it should at a first glance. You have to use formatter (see here) to create your anchor tags and intialize x-editable after data is loaded (see event load.rs.jquery.bootgrid here).

from jquery-bootgrid.

Thanks for the pointers! If I get it working I'll post a jsfiddle here.

from jquery-bootgrid.

@appel Did you get this to work?

from jquery-bootgrid.

Unfortunately, not yet. And then work got in the way... :( If I do get it working in the future I'll post it here.

from jquery-bootgrid.

I got it working like this:

$.fn.editable.defaults.mode = 'inline';

$("#gradebook").bootgrid({
  ...   
}).on("loaded.rs.jquery.bootgrid", function (e){
  $('[data-xedit]').each(function(entry){    
    entry.editable({
      type: 'text',
      name: 'score',
      url: "...someurl",      
      title: 'Enter score'
    });
  })
 });

from jquery-bootgrid.

@Nerian wow, that's awesome! Would you mind setting up a jsfiddle by forking this as a base?

from jquery-bootgrid.

@Nerian what is '[data-xedit]' in your code? Name of <tr> tag?
If it possible give example of marking

from jquery-bootgrid.

@Nerian Is this working now?

from jquery-bootgrid.

@Nerian Can you please post the x-editable bootgrid example in jsfiddle? Many thanks in anticipation

from jquery-bootgrid.

Hey, would anyone be kind enough to post the answer with jsfiddle! Would be really helpful. Thanks!

from jquery-bootgrid.

Sorry, I no longer have the code. It was 3 years ago.

from jquery-bootgrid.

1.- Add a class over the HTML

<th data-column-id="comentario" data-width="70%" data-css-class="student_name"> COMENTARIOS </th>

2.- Change the class property 'contenteditable' in the onloaded function.
.on("loaded.rs.jquery.bootgrid", function() { grid.find(".student_name").on("click", function(e){ $('.student_name').attr("contenteditable", "true"); });

from jquery-bootgrid.