jQWidgets Forums
jQuery UI Widgets › Forums › Grid › ColumnResizable not working
Tagged: columnresizable
This topic contains 11 replies, has 2 voices, and was last updated by xcoderN 10 years, 5 months ago.
-
Author
-
I have listed the reference
<script type=”text/javascript” src=”/Scripts/jqxgrid.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.columnsresize.js”></script>but i get the error missing jqxgrid.columnsresize.js reference when i use columnResizable=True
helpHi xcoderN,
There’s no property called columnResizable. The Grid will always raise an error when someone tries to use Invalid API. For more information about the Grid’s API, please refer to its API Documentation page.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/i meant this , columnsresize=true
Also i cant seem to use the editable: true, property
<script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxcore.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxdata.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxbuttons.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxmenu.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxlistbox.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.edit.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.grouping.js”></script>thanks
Hi xcoderN,
See: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm and look at the implementation of the Demos to learn how to use that widget. As you can see from them editing is supported and columns resize works perfectly well, too. If you do the same, if will work on your side, too.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/thanks
you can see i have implimeted the demo here
<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=”description”>Edit Item</title>
<link rel=”stylesheet” href=”/Content/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxcore.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxdata.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxbuttons.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxmenu.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.edit.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxlistbox.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”/Scripts/jqxgrid.grouping.js”></script>
<script type=”text/javascript” src=”/Scripts/globalize.js”></script><script type=”text/javascript”>
$(document).ready(function () {
…………..var detailsAdapter = new $.jqx.dataAdapter(detailsSource, { autobind: true });
$(“#jqxgrid”).jqxGrid({
source: detailsAdapter,
selectionmode: ‘singlecell’,
editable: true,
pageable: true,
autoheight:true,columns: [
{ text: ‘Item Name’, dataField: ‘FullItemName’, width: 200, editable: false },
{ text: ‘Unit’, width: 100, editable: true },
{ text: ‘Beginning Balance’, width: 180, editable: true },
{ text: ‘Loss’, width: 80, editable: true, cellsalign: ‘right’ },
{ text: ‘Quantity Recieved’, width: 90, editable: true, cellsalign: ‘right’},
{ text: ‘DOS’, width: 100, editable: true, cellsalign: ‘right’ },
{ text: ‘Requested Quantity’, width: 100, editable: true, cellsalign: ‘right’}
],
});
}
// }
});});
}
</script></head><body class=’default’>
<div id=’jqxWidget’><div style=”overflow: hidden;”>
<table>
<tr>
<td align=”right”>RRGroup:</td>
<td align=”left”><div id=”jqxdropdownlist1″></div><td align=”right”>Period</td>
<td align=”left”><div id=”jqxdropdownlist2″></div></td>
</tr></table>
</div>
<div id=”jqxgrid”></div></div>
</body>
</html>but i get the error Uncaught Error: jqxGrid: Missing references to the following module(s): jqxgrid.edit.js
Hi xcoderN,
If it’s giving such error, then the module can’t be found on the url you’ve set.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/no thats not the problem.. i can go to the url with the module. i even deleted and inserted again.
i am using the latest verion btw
Hi xcoderN,
I am telling you why you get this error. There is no other reason. This is Exception raised by Our Grid when it can’t a method from a specific module which 100% means that the module is not loaded.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/ok i couldnt solve that so i used datatable.
Is there a way to get the edited value to controller?
thanks -
AuthorPosts
You must be logged in to reply to this topic.