jquery - Datepicker is not showing in jqGrid edit form fields -
i have jqgrid installed , working great date picker not show on edit form. have set u double click on row opens edit form datepicker not show? ideas? here head info.
<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.10.3.custom.min.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/nhf.css" /> <style type="text/css"> html, body { margin: 0; padding: 0; font-size: 95%; } </style> <script src="js/jquery-1.9.0.min.js" type="text/javascript"></script> <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> <script src="js/jquery.jqgrid.min.js" type="text/javascript"></script>
i warning in firebug "typeerror: $(...).datepicker not function" . i'm doing wrong?thanks
<script type="text/javascript"> $(function(){ $("#list").jqgrid({ url:'request.php', datatype: 'xml', mtype: 'get', height: 350, colnames:['id','project', 'assigned to','assign date','check date','due date','attachments'], colmodel :[ {name:'id', index:'id', width:20}, {name:'name', index:'name', width:200, align:'left',editable:true, editoptions:{ size:70} }, {name:'id_continent', index:'id_continent', width:80, align:'right',editable:true,edittype:'select', editoptions:{value: "henry:henry; ramon:ramon; paul:paul" } }, {name:'lastvisit', index:'lastvisit', width:70, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-y',editable:true, edittype: 'text', }, {name:'cdate', index:'cdate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-y', edittype: 'text',editable:true , editoptions: { datainit: function(el) { settimeout(function() { $(el).datepicker(); }, 200); } } }, {name:'ddate', index:'ddate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-y',date:'true',editable:true, edittype: 'text',}, {name:'email', index:'email', width:80,align:'center',sortable:false} ], pager: '#pager', rownum:20, rowlist:[20,40,80], sortname: 'id', sortorder: 'desc', viewrecords: true, gridview: true, caption: 'pending assignements', ondblclickrow: function(rowid) { jquery(this).jqgrid('editgridrow', rowid, {width:500,height:400,recreateform:true,closeafteredit:true, closeonescape:true,reloadaftersubmit:false}); } }); });
in html pasted above, don't see link jquery-ui javascript file.
Comments
Post a Comment