jQWidgets Forums

Forum Replies Created

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts

  • Franck
    Participant

    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.

    in reply to: resize method resize method #59141

    Franck
    Participant

    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.

    in reply to: resize method resize method #59116

    Franck
    Participant

    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() ;

    });

    in reply to: resize method resize method #59032

    Franck
    Participant

    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 ?


    Franck
    Participant

    Hi 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>


    Franck
    Participant

    HiPeter,

    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


    Franck
    Participant

    Thanks 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”


    Franck
    Participant

    Hello Dimitra,

    That works now. I have not thought of this solution. Many thank.
    I can now continue testing jqwidgets tools for my website.

Viewing 8 posts - 1 through 8 (of 8 total)