jQWidgets Forums
Forum Replies Created
-
Author
-
Thanks Peter. Will post back.
Peter
I am using v3.2.2. I also notice that there is a conflict with the jquery ui themes. For example, I have a a dialog that uses a jquery ui theme and if I use say ‘arctic’ as a theme in widgets, then in the dropdownlist when selected, the background instead of being blue, takes on the appearance of the jquery theme, glass background with white unreadable text. Almost 3d like. Is there a way to use both your themes and jquery ui themes? ThanksHi Peter
I am loading required base and theme files like thus:
<link rel="stylesheet" href="../users/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../users/styles/jqx.ui-sunny.css" type="text/css" />
and have verified that they have loaded in net tab of firebug. Also, I notice in my dropdown that there is also a horizontal bar as well as vertical scrollbar. How do I remove horizontal scrollbar? I did note that changing position:absolute to relative kinda solved the problem but when a user selected a value, the background of the selected item, instead of being orange, it had the appearance of 3d text on a grey background. How can I troubleshoot this. Thanks
Hi Dimitar
Thank you for reply. 1 Question in response to your answer. How do I apply a theme to a single widget? In theme builder, when I build css it creates a style sheet for all widgets. Thanks
Hi Peter
Thank you for info. I also have additional problem using the php demo:server_side_grid_editing_with_popup
What tends to happen is before the grid loads, the popup is viewable. ie, it is not hidden. It hides when the grid has actually loaded its data. Any advice? Thanks
Dimitar
Thanks very much, but have now got it sorted. Many thanks for your help
Dimitar
I have taken your suggestion but if i set the autoOpen: false the window does not fire at all. In my external js files I have the code:
function helpWindow() { $("#content").show(); $("#jqxwindow").jqxWindow({ height:'auto', width: 'auto', theme: 'summer', showCollapseButton: true, isModal: true, animationType: 'fade', autoOpen: false }); }
and in my index.php page I have:
<script type="text/javascript"> $(function(){ $('#jqxwindow').jqxWindow('open'); }); </script>
where am I going wrong with this. Thanks
Dimitar
Thanks for reply. I am not quite sure I follow your answer. The amended code I have posted. is that correct? I didn’t think you could have 2 functions with the same name. Thanks
function helpWindow() { $("#jqxwindow").jqxWindow({ height:'auto', width: 'auto', theme: 'darkblue', showCollapseButton: true, isModal: true }); } function helpWindow() { $('#jqxwindow').jqxWindow('open'); }
April 7, 2014 at 3:03 pm in reply to: Passing value to php advice Passing value to php advice #52647Thank you very much peter. Good luck with the widgets.
Peter
In the example you give here on your site:
// create new row.
$("#addrowbutton").bind('click', function () {
var datarow = generaterow();
$("#jqxgrid").jqxGrid('addrow', null, datarow);
});That is fine on the fly and I can follow that. But my scenario is quite different. What I need to do is to click on a button which opens popup with form fields. I then need to capture those events to MySQL along with the row data. Can you show example for that? Easy as pie in php, but quite new to JavaScript and jQuery and certainly to your widgets. Many Thanks for your continuing help whilst I try and grasp this new way of working.
Peter
OK.May I put it like this. What is the correct way to retrieve data from a grid and pass to ajax for db inclusion. Once I have the framework, I can possibly figure the rest out from the API. ThanksHi Peter
I have looked at that tut extensively and still am slightly confused. For example, in the link you gave me, in the section where the grid is populated under the addrow code there is a line var datarow = generaterow(rowscount + 1); there is no generaterow function that I can see. That appears in the xml example. So how is datarow used in the php example? Also, this example is only good for adding the next available row to the grid from the db. What about if someone wanted to add new data by say using popup and submit to php through ajax? Thanks
<div id="header"> <div>ACTION ERROR</div> <div>You must select a row to action! <!-- The buttons should go into the "Content" <div> --> <button id="OK">OK</button> <button id="Cancel">Cancel</button> </div></div>
The input tags for the ok and cancel buttons seem to have dissapeared?
Dimitar. Still cannot get it to work. I have posted code and would be grateful for guidance. The window does not open. Thanks
var dataAdapter = new $.jqx.dataAdapter(source);
$("#deleterowbutton").jqxButton({ theme: 'classic' });
$("#actionrowbutton").jqxButton({ theme: 'classic' });
$("#Action").jqxButton({ theme: 'classic' });
$("#OK").jqxButton({ width: '50', height: '25' }); //makes use of jqxbuttons.js
$("#Cancel").jqxButton({ width: '50', height: '25' }); //makes use of jqxbuttons.js
$("#header").jqxWindow({ height: 150, width: 350 });
$('#header').jqxWindow({ okButton: $('#OK') }); //creates the OK button - returns true
$('#header').jqxWindow({ cancelButton: $('#Cancel') }); //creates the Cancel button - returns false$("#header").hide();
$("#actionWindow").hide();
$("#delete").hide();
$("#dialog").hide();
$("#actioned").hide();// action row.
$("#header").bind('click', function () {
var selectedrowindex = $("#jqxgrid").jqxGrid('getselectedrowindex');
//var datarow = $("#jqxgrid").jqxGrid('getrowdata');alert(datarow);
var rowscount = $("#jqxgrid").jqxGrid('getdatainformation').rowscount;
if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
var rows = $('#jqxgrid').jqxGrid('getrows', selectedrowindex);
var id = $("#jqxgrid").jqxGrid('getrowid', selectedrowindex);
//var service = datarow;
//console.log(id + service);
$("#jqxgrid").jqxGrid('actionrow', id, rows);
//alert(id + service);
/*
*$( "#actionWindow" ).dialog({//title: 'DELETE ERROR',
resizable: false,
modal: true,
buttons: {
"Ok": function() {
$(this).dialog("close");
}
}});
*/
$("#header").show();
$('#header').jqxWindow('open');
}
});ACTION ERRORYou must select a row to action!<!-- The buttons should go into the "Content"
-->
OK
Cancel -
AuthorPosts