jqGrid with backbone

[brjewellParticipant]

I am try to integrate a jqxGrid into a Backbone view. Here’s my an excerpt from render function. Note that the data is being collected as part of an AJAX call; hence the “done” code block:

…
me.$(‘#jqxgrid’).jqxGrid(
{
width: 800,
//height: 450,
source: dataAdapter,
sortable: true,
filterable: true,
//pageable: true,
columnsresize: true,
//autoheight: true,
altrows: true,
columns: columnsArray
});

//me.$el.html(me.template(me));

}); // done

this.$el.html(this.template(this));

Here’s my HTML:

<div class=”tdw-recipe-view-main”>
<div id=’jqxWidget’ style=”font-size: 13px; font-family: Verdana;”>
<!–
<textarea id=’jqxTextArea’ style=”background-color: blue”></textarea>
–>
<div id=”jqxgrid”>
</div>
</div>
</div>

I’m including jqx-all.js in my code. The table is getting rendered, but it is “skewed”, as if no CSS is being applied. All the columns are pushed to the left.

Anyone have any ideas about what I am doing wrong? I assume it is not necessary to explicitly include jqx.base.css in my html, as it would be provided by jqx-all. Is that correct?

Thanks for any help.

B. Jewell

[Peter StoevKeymaster]

Hi brjewell,

We do not have integration tutorials or examples with that particular framework so we would not be able to help here.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts