.Hello ,
I am trying to implement jqgrid with autocomplete in one of its column. But I have very strange problem, auto-complete list is shown below the jqgird edit form.
I have included following jquery js file.
|
1 2 3 4 5 6 |
<div class="sfcode">1. jquery-ui-1.10.4.custom.min.js<br /> 2. jquery.ui.core.js<br /> 3. jquery.ui.widget.js<br /> 4. jquery.ui.position.js<br /> 5. jquery.ui.menu.js<br /> 6. jquery.ui.autocomplete.js</div> |
following jqgrid js file.
|
1 2 3 4 5 6 |
<div class="sfcode">1. grid.locale-en.js<br /> 2. jquery.jqGrid.min.js<br /> 3. grid.common.js<br /> 4. jqModal.js<br /> 5. jqDnR.js<br /> 6. grid.formedit.js</div> |
Following jqgrid css file.
- ui.jqgrid.css
Following jquery css file.
|
1 2 3 |
<div class="sfcode">1. jquery-ui-1.10.4.custom.css<br /> 2. demos.css<br /> 3. jquery.ui.all.css</div> |
Following code to implement jqgrid colModel.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="sfcode"> colNames:['Id', 'First Name', 'Last Name'],<br /> colModel:[<br /> {name:'id',index:'id', width:55,editable:false,editoptions:readonly:true,size:10},hidden:true},<br /> {name:'firstname',index:'lastname', width:100,editable:true,edittype:'text',<br /> editoptions: {<br /> dataInit: function (elem) {<br /> myAutocomplete(elem, "${pageContext.servletContext.contextPath}/grid/autocomplete.action");<br /> }<br /> }},<br /> {name:'lastname',index:'firstname', width:100,editable:true, editrules:{required:true}, editoptions:{size:10}}<br /> ],<br /><br /><br /><p>Here autocomplete works fine, it lists all the username but it shows behind the editForm on jqgrid. Please suggest a solution.</p><br /> <p>Thanks & Regards,</p><br /> <p>Kartik Jajal</p></div> |
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
