jQWidgets Forums
Forum Replies Created
-
Author
-
February 6, 2015 at 4:27 pm in reply to: Button on a column in a dataTable Button on a column in a dataTable #66707
Hi Peter,
TY for your answer. I have try additionnal events but all without sucess on chrome under android.
I have also used http://api.jquerymobile.com/vclick/ the same result , no sucess on chrome but ok on firefox and safari.
It seems that when the datatable row is selected that all buttons on this row do not fire any event (on chrome browser).best,
franck B.Hi peter,
I understand. I would only expected that the viewPort.with and height have other values after a change of orientation.
that seems for me logical. But never mind, I will change myself the value.Thank you so much Peter, you save me…
However, is it normal that after a change of orientation, the response.refresh gives no change of the viewport
var response = new $.jqx.response();
$(window).on(“orientationchange”,function(){
alert(“The orientation has changed!”);
response.refresh() ;});
Hi Peter and thank you for your answer. I need your experience.
I use docking with 3 panels of 3 windows . Depending the width of the viewport i set up the horizontal mode or vertical mode.
when it is displayed on a tablet or smartphone, i know when the page is loaded the width of the viewPort but when the tablet/smartphone move to vertical or hozintal layout, i need to know this change to change the “vertical or horizontal mode” of the docking.Any idea how to do ?
August 4, 2014 at 12:56 pm in reply to: Minimize menu with json data source Minimize menu with json data source #57992Hi Peter,
you copy this code to test and explain me when it does not work when the minimize method is used.
Many thanks.<script type=”text/javascript”>
$(document).ready(function () {
var data = [{“id”:”mp1″,”parent_id”:”0″,”nom”:”Se Connecter”},
{“id”:”mpcc200″,”parent_id”:”0″,”nom”:”Mon Compte”},
{“id”:”mpcc201″,”parent_id”:”mpcc200″,”nom”:”Les données de mon compte”},
{“id”:”mpcc202″,”parent_id”:”mpcc200″,”nom”:”Modifier mon mot de passe”},
{“id”:”mpcc203″,”parent_id”:”mpcc200″,”nom”:”Historique de mes commandes”},
{“id”:”mpcc204″,”parent_id”:”mpcc200″,”nom”:”Attente”},
{“id”:”mpcc205″,”parent_id”:”mpcc200″,”nom”:”Gérer le site”},
{“id”:”mppr300″,”parent_id”:”0″,”nom”:”Nos Produits”},
{“id”:”300194″,”parent_id”:”mppr300″,”nom”:”Promotions”},
{“id”:”300193″,”parent_id”:”mppr300″,”nom”:”Duo”},
{“id”:”300174″,”parent_id”:”mppr300″,”nom”:”Nouveautées”},
{“id”:”300200″,”parent_id”:”mppr300″,”nom”:”Aromatherapie”},
{“id”:”300190″,”parent_id”:”mppr300″,”nom”:”Martel”},
{“id”:”300117″,”parent_id”:”mppr300″,”nom”:”Les créations de Doucilia”}] ;var sourceMenu =
{
datatype: “json”,
datafields: [
{ name: ‘id’ },
{ name: ‘parent_id’ },
{ name: ‘nom’ }
],
id: ‘id’,
localdata : data
};
var daMenu = new $.jqx.dataAdapter(sourceMenu, {
loadComplete: function () {
dsMenu = daMenu.getRecordsHierarchy(‘id’, ‘parent_id’, ‘items’, [{ name: ‘nom’, map: ‘label’}]);
console.log(dsMenu) ;
$(“#menuPrincipal”).jqxMenu({ source : dsMenu , width: ‘100%’});
$(“#menuPrincipal”).jqxMenu(‘minimize’)
}
})
/* Event Menu */
$(‘#menuPrincipal’).on(‘itemclick’, function (event){
var id = event.args.id;
console.log(id) ;
})
// Bind des données du Menu
daMenu.dataBind();
})
</script>
</head>
<body>
<!– MENU –>
<div id=’menuPrincipal’></div>
</body>
</html>August 3, 2014 at 9:03 am in reply to: Minimize menu with json data source Minimize menu with json data source #57966HiPeter,
It would be to difficult to setup in jsfiddle. That’s why I have publised the test website
on the url http://www.douciliafeerie.com/boutique/test/the index.hml contient the menu (id is menuPrincipal).
the file index.js have a main function DFMApplication can contains the application.
the method this.init() is executed to init the menu.
the method this.resize() is used to minimize the menu when the viewPort.width < 500
or you can just click on the option in the bar of the menu “Nos produit” to do a resize of the menu.As you can see in the body of index.hml is very simple because the html code is loaded dynamically
it would be appreciated if you can find what it’s wrong but it can imagine it would be enough difficult to find something.
many thanks, franck
March 13, 2014 at 9:36 am in reply to: validationSuccess is not fired with combobox validationSuccess is not fired with combobox #50990Thanks Dimitar
It works if i write like this.
{ input: ‘#fccPays input’, message: “Pays à remplir”, action: ‘change, blur’, rule: “required” }
I have added word “input” just after “#fccPays” and i have replaced the function in rule with the word “required”
August 27, 2012 at 1:18 pm in reply to: Very simple but it doest not work Very simple but it doest not work #7167Hello Dimitra,
That works now. I have not thought of this solution. Many thank.
I can now continue testing jqwidgets tools for my website. -
AuthorPosts