jQuery Grid Plugin - jqGrid - Topic: Datepicker - what am I doing wrong? http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong Simple:Press Version 5.7.5.3 Rukbat on Datepicker - what am I doing wrong? http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p24131 Help http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p24131 Just to let you know, Tony, I have this working fine with 4.1.2.  (It's slow, because I'm doing a linear search of almost 13 million records, but that's not jqGrid's fault.)

Thank you for the code, and thank you for jqGrid.  I'm still learning more about it every day, but there's always something new to learn about such a complex toy.

BTW, in trying to get the search window to do a search by pressing Enter, I seem to have found that ui-reset and ui-search are reversed somehow.  ($(".ui-reset").click(); does a search.  $(".ui-search").click(); resets.)

]]> Wed, 03 Aug 2011 01:07:20 +0300 tony on Datepicker - what am I doing wrong? http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p23956 Help http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p23956 Hello,

The below text is from documentation about the dataInit

Note: Some plugins require the position of the element in the DOM and since this event is raised before inserting the element into the DOM you can use a setTimeout function to accomplish the desired action. This is especially valid for jQuery UI datepicker

In order to work the datepicer (timepicker, colorpicker) you should do

                    colModel :[
                        {name:'ID', index:'ID', width:55},
                        {name:'Surname', index:'Surname', width:90, editable: true},
                        {name:'MyDate', index:'MyDate',  width:70, editable:true,
                           editoptions: {
                              size: 8, maxlength: 10,
                              dataInit: function(el) {
                                setTimeout( function() { $(el).datePicker({dateFormat: 'dd-mm-yyyy'});}, 200);
                              }
                           }
                        }
                    ],

Please let me know if the avove code work.

Kind Regards

Tony

]]> Thu, 14 Jul 2011 19:43:00 +0300 computergenius on Datepicker - what am I doing wrong? http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p23755 Help http://www.trirand.com/blog/?page_id=393/help/datepicker-what-am-i-doing-wrong#p23755 Please have a look at my code, I have been round so many times I am going crazy.  I know that I have a stupid mistake in there somewhere.  The javascript executes for the datepicker as the page is loading, I have tracked it via Firebug, but clicking on the date on the edit page does nothing.

    <link rel="stylesheet" type="text/css" href="../css/ui-lightness/jquery-ui-1.7.1.custom.css" />
    <link rel="stylesheet" type="text/css" href="../css/ui.jqgrid.css" />

    <script src="../js/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script src="../js/grid.locale-en.js" type="text/javascript"></script>
    <script src="../js/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="../js/jquery.datePicker.js" type="text/javascript"></script>
    <script src="../js/date.js" type="text/javascript"></script>

    <script type='text/javascript'>
        //<![CDATA[
            jQuery(document).ready(function () {
                $('#list').jqGrid({
                    url:'getdata2a.php',
                    datatype: 'xml',
                    mtype: 'GET',
                    colNames:['ID', 'Surname', 'MyDate'],
                    colModel :[
                        {name:'ID', index:'ID', width:55},
                        {name:'Surname', index:'Surname', width:90, editable: true},
                        {name:'MyDate', index:'MyDate',  width:70, editable:true,
                           editoptions: {
                              size: 8, maxlength: 10,
                              dataInit: function(el) {
                                $(el).datePicker({dateFormat: 'dd-mm-yyyy'})
                              }
                           }
                        }
                    ],
                    rowNum:10,
                    rowList:[5,10,20],
                    editurl: 'editdata.php',
                    pager: '#pager',
                    sortname: 'cliID',
                    viewrecords: true,
                    sortorder: 'asc',
                    caption: '',
                    height: '100%'
                }).jqGrid('navGrid','#pager',{add:true,edit:true,del:true, width:'500px'},
                        {
                            recreateForm: true
            }
                );
            });
            function liveFmatter(el, cellval, opts ) {
                if (el==1) {return 'Y'} else {return ''};
            }
        //]]>
    </script>
</head>
<body>
            <center>
                <table id="list"><tr><td></td></tr></table>
                <div id="pager"></div>
            </center>
</body>

</head>
<body>
            <center>
                <table id="list"><tr><td></td></tr></table>
                <div id="pager"></div>
            </center>
</body>

I am no longer sure if liveFmatter() should be in or not, but whether in or out, the datepicker doesn't appear.

]]> Sat, 25 Jun 2011 18:49:57 +0300