jQWidgets Forums
Forum Replies Created
-
Author
-
Dear Sir,
Now,i am using append method to add in tab but still same error.
Thanks & Regards,
Vipin KumarDear Sir,
I am using jqxtabcontrol and add tabs dynamically and when i click on add tab button new tab is created and a partialview will be added in that tab.
And user create dynamically as much they want.Please tell me what is the option to append,prepend method while using jqxtabcontrol with partialview (loading using jquery return html) and add in the tab like:-var data1;//here data1 is the html of partial view load using jquery
$(‘#jqxTabs’).jqxTabs(‘addLast’, ‘Sale Bill Tab’, data1);
$(‘#jqxTabs’).jqxTabs(‘ensureVisible’, -1);Thanks & Regards,
Vipin KumarDear Sir,
Please suggest me if i want to load grid dynamically in jquery with partialview or any other alternate in MVC.
Thanks & Regards,
Vipin KumarHi Yoda,
I have got the answer with your post.Thank you so much.
Thanks & Regards,
Vipin KumarHi Peter,
Thanks for your reply.If grids exports it rows,then why an error occurred while exports in my code.
Is my code have some wrong data.Thanks & regards,
Vipin KumarHi Peter,
I have created this example for your reference,but in actual ,we have some server side code to return the array and bind the grid after that we will update row,addrow method as per our requirement. so that we are using add row & update row with these prototypes and it’s works great.But in export it will show error.
If grid bind successfully in updaterow and addrow then why it can not be exported.Thanks & Regards,
Vipin KumarHi Peter,
Please execute following code,After that click on Addrow button and after that export the grid to csv,excel etc.you will see error.
<!DOCTYPE html>
<html lang=”en”>
<head>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.10.2.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdata.export.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.export.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.sort.js”></script><script type=”text/javascript”>
var data = new Array();
var _columns = new Array();
$(document).ready(function () {
_columns.push(“Name”);
_columns.push(“LastName”);
for (var i = 0; i < 10; i++) {
var _cls = Object.create(null);
for (var j = 0; j < _columns.length; j++) {
defineProperty(_cls, _columns[j], _columns[j] + i);
}
data.push(_cls);
}
var source =
{
localdata: data,
datatype: “array”,
datafields:
[
{ name: ‘Name’, type: ‘string’ },
{ name: ‘LastName’, type: ‘string’ }
]
};var dataAdapter = new $.jqx.dataAdapter(source);
$(“#jqxgrid”).jqxGrid(
{
width: 850,
source: dataAdapter,
columnsresize: true,
columns: [
{ text: ‘Name’, datafield: ‘Name’, width: 120 },
{ text: ‘Last Name’, datafield: ‘LastName’, width: 120 }
]
});});
$(“#addRow”).jqxButton();
$(“#excelExport”).jqxButton();
$(“#xmlExport”).jqxButton();
$(“#csvExport”).jqxButton();
$(“#tsvExport”).jqxButton();
$(“#htmlExport”).jqxButton();
$(“#jsonExport”).jqxButton();$(“#addRow”).click(function () {
alert(”);var _cls = Object.create(null);
for (var j = 0; j < _columns.length; j++) {
defineProperty(_cls, _columns[j], _columns[j] + data.length);
}$(“#jqxgrid”).jqxGrid(‘addrow’, data.length, _cls);
});$(“#excelExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘xls’, ‘jqxGrid’);
});
$(“#xmlExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘xml’, ‘jqxGrid’);
});
$(“#csvExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘csv’, ‘jqxGrid’);
});
$(“#tsvExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘tsv’, ‘jqxGrid’);
});
$(“#htmlExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘html’, ‘jqxGrid’);
});
$(“#jsonExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘json’, ‘jqxGrid’);
});var config = {
writable: true,
enumerable: true,
configurable: true
};var defineProperty = function (obj, name, value) {
config.value = value;
Object.defineProperty(obj, name, config);
}</script>
</head>
<body class=’default’>
<div id=’jqxWidget’>
<div id=”jqxgrid”>
</div><div style=’margin-top: 20px;’>
<div style=’float: left;’>
<input type=”button” value=”Add Row” id=’addRow’ />
</div><div style=’float: left;’>
<input type=”button” value=”Export to Excel” id=’excelExport’ />
<br /><br />
<input type=”button” value=”Export to XML” id=’xmlExport’ />
</div>
<div style=’margin-left: 10px; float: left;’>
<input type=”button” value=”Export to CSV” id=’csvExport’ />
<br /><br />
<input type=”button” value=”Export to TSV” id=’tsvExport’ />
</div>
<div style=’margin-left: 10px; float: left;’>
<input type=”button” value=”Export to HTML” id=’htmlExport’ />
<br /><br />
<input type=”button” value=”Export to JSON” id=’jsonExport’ />
</div>
</div>
</div>
</body>Thanks & Regards,
Vipin KumarHi Peter,
Thanks for your quick reply.I am already using addrow method.But i also want to update row in the grid.
Problem is not here for updaterow or addrow,Problem is here while exporting the grid to excel,csv etc. .In your samples you bind the grid with array,json and works fine ,Please bind your grid with array using prototypes in javascript. And error has been occured.Thanks & Regards,
Vipin Kumar -
AuthorPosts