jQWidgets Forums
Forum Replies Created
-
Author
-
Hi Nadezhda,
I got the following error: Invalid property: filtermode
I replaced all files with new ones.
I’m using now:
<link rel="stylesheet" href="css/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="css/jqx.office.css" type="text/css" /> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/jqx-all-3.7.1.js"></script>
Dear Nadezhda,
I upgraded jqxWidgets to 3.7.1 and none of my widgets work!!!They appears like if i had JS error.
Until now i’ve being using 3.5.0.
PLEASE HELP!March 26, 2015 at 7:23 pm in reply to: jqxInput doesn't return value jqxInput doesn't return value #69204Thank you Nadhezda.
This works , but is a bit strange:
$('#jqxInput').jqxInput('val').value;
Dear Nadezhda,
Thank you, but as i show on the picture, the problem is with the visualisation of the button with or w/out image is the same as shown on the pic.
The result is completely the same
$("#dataTable").jqxDataTable( { width: 750, pageable: true, pagerButtonsCount: 10, source: dataAdapter, filterable: true, filtermode: 'simple', sortable: true, selectionMode: 'none', enableHover:false, columnsResize: false, altRows: true, showAggregates: false, aggregatesHeight: 60, rendered: function () { $(".editButtons").jqxButton(); $(".editButtons").on('click', function (event) { alert('print'); }); }, columns: [ { text: 'Дата:', dataField: 'InvoiceDate' , width: 150}, { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 }, { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 }, { text: 'Партньор:', dataField: 'partnerName', width:250}, { text: 'Print', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row) { // render custom column. return "<button data-row='" + row + "' class='editButtons'><img src='css/myicons/icon_print.png' height='25' width='25'/></button>"; } } ] });
This is the code
$("#dataTable").jqxDataTable( { width: 750, pageable: true, pagerButtonsCount: 10, source: dataAdapter, filterable: true, filtermode: 'simple', sortable: true, selectionMode: 'none', enableHover:false, columnsResize: false, altRows: true, showAggregates: false, aggregatesHeight: 60, rendered: function () { $(".editButtons").jqxButton(); $(".editButtons").on('click', function (event) { alert("print"); }); }, columns: [ { text: 'Дата:', dataField: 'InvoiceDate' , width: 150}, { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 }, { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 }, { text: 'Партньор:', dataField: 'partnerName', width:250}, { text: 'Print', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row) { // render custom column. return "<button data-row='" + row + "' class='editButtons'><img src='css/myicons/icon_print.png' height='25'/></button>"; } } ] });
Dear Nadezhda,
Thank you a lot for your answer.
Following your example i got this:
Also i don’t want the user to click on the entire row, but only on the button.This is because there will be more buttons in another column.
March 24, 2015 at 11:19 am in reply to: send dataTable as json via ajax send dataTable as json via ajax #69082I ‘m getting this error SyntaxError: JSON Parse error: Unexpected EOF
When use this:
var rowData = { //credit note OperType: 27, Acct: 5, GoodID: 2, records: dataTableData }; var data = "creditnote=true&insert=true&" + $.param(rowData); console.log(data); $.ajax({ dataType: 'json', url: 'json_operations.php?', cache: false, data: data, success: function (data, status, xhr) { .....
March 24, 2015 at 9:33 am in reply to: send dataTable as json via ajax send dataTable as json via ajax #69061Dear Dimitar,
On thi sway the method to send is GET right?
Dear Nadezhda,
i’m attaching an image in order to show you what i mean.
I’m confused with the example in the DEMO, because i don’t want to achieve the same thing and i’m not sure which functions are obligated.
What i need is a column with same button (in my case ‘print’) and when the user click to get the row number.Nothing more, no edit, no changing and appearance of another buttons.i see <button data-row= is this a special way to get the row?
With this code, the table stacks on “loading”
$("#dataTable").jqxDataTable( { width: 750, pageable: true, pagerButtonsCount: 10, source: dataAdapter, filterable: true, filtermode: 'simple', sortable: true, selectionMode: 'none', enableHover:false, columnsResize: false, altRows: true, showAggregates: false, aggregatesHeight: 60, rendering: function() { $('#linkButton').jqxButton({ width: '80px' }); }, columns: [ { text: 'Дата:', dataField: 'InvoiceDate' , width: 150}, { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 }, { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 }, { text: 'Партньор:', dataField: 'partnerName', width:250}, { text: 'Print', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row) { // render custom column. return "<button id='linkButton'><img src='css/myicons/icon_print.png' height='25'/></button>"; } } ] });
Dear Nadezda,
This is from where i came.Unfortunately i can’t see the buttons as expected.
This is the line from the example and i thing i do the same:return "<button data-row='" + row + "' class='editButtons'>Edit</button><button style='display: none; margin-left: 5px;' data-row='" + row + "' class='cancelButtons'>Cancel</button>";
Thank you!
Following your advice it works as expected!
Could you explain, please!Thank you (Благодаря!)
Dear Nadezdha,
I know this, but this is not the problem.The problem is that when open the window and click to open a new myWindow it appears a window and i close it.After that i open another addWindow and click to open new myWindow, now there are two myWindow-s, it i close addWindow 3rd time and i’ll get 3 new myWindows…..
-
AuthorPosts