Comments on: 16 jQuery Plugins i used the most http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/ PHP, JQUERY, JAVASCRIPT fun Wed, 01 Feb 2012 07:20:53 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Kugutsumen http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-964 Kugutsumen Wed, 28 Sep 2011 14:54:56 +0000 http://www.mahbubblog.com/?p=159#comment-964 I have a tutorial and a working demo with jqgrid access it here http://blog.markmirandilla.com/2011/09/04/codeigniter-jqgrid-library/ I have a tutorial and a working demo with jqgrid access it here
http://blog.markmirandilla.com/2011/09/04/codeigniter-jqgrid-library/

]]> By: Mahbub http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-209 Mahbub Wed, 23 Dec 2009 05:10:34 +0000 http://www.mahbubblog.com/?p=159#comment-209 You have to insert links in cells to do that like <pre> $(document).ready(function(){<br /> jQuery("#user_grid").jqGrid({<br /> url:'< ?php<br /> echo site_url ( "sales/leads/browse" );<br /> ?>',<br /> datatype: "json",<br /> mtype : "post",<br /> colNames:['ID','Submitted','Contact Name', 'Company Name','Web site','Phone','Email','Active','Action'],<br /> colModel:[<br /> {name:'sales_lead_id',index:'sales_lead_id', width:20}, <br /> {name:'submit_date',index:'date_submitted', width:120}, <br /> {name:'contact', index:'contact', width:150}, <br /> {name:'company', index:'company_name', width:100},<br /> {name:'website', index:'website', width:140},<br /> {name:'phone', index:'phone', width:120},<br /> {name:'email', index:'email', width:130},<br /> {name:'active', index:'active', width:80}, <br /> {name:'act',index:'act', sortable:false, width:60} <br /> <br /> ],<br /> rownumbers: false, <br /> rowNum:10,<br /> rowList:[10,20,30], <br /> pager: jQuery('#pager2'),<br /> sortname: 'sales_lead_id',<br /> autowidth: true, <br /> height: "100%", <br /> viewrecords: true, <br /> loadComplete: function(){<br /> var ids = jQuery("#user_grid").getDataIDs(); <br /> for(var i=0;i<ids .length;i++){<br /> var cl = ids[i];<br /> be = '<div class="one_line">'<br /> +'<a href="javascript:;" onclick="view_leads('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-newwin"></span></a>'<br /> +'<a href="javascript:;" onclick="del_user('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-closethick"></span></a>'<br /> +'<a href="javascript:;" onclick="edit_user('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-pencil"></span></a>'<br /> <br /> +'';<br /> jQuery("#user_grid").setRowData(ids[i],{act:be}); <br /> }<br /> },<br /> sortorder: "desc",<br /> jsonReader: { repeatitems : false, id: "0" }, <br /> caption:"Sales Leads Overview"<br /> }).navGrid('#pager2',{edit:false,add:false,del:false}); <br /> }); Look around the <strong>loadComplete</strong> function which inserts the html links in the cell. Hope this helps.</pre> You have to insert links in cells to do that like

$(document).ready(function(){
jQuery("#user_grid").jqGrid({
url:'< ?php
echo site_url ( "sales/leads/browse" );
?>',
datatype: "json",
mtype : "post",
colNames:['ID','Submitted','Contact Name', 'Company Name','Web site','Phone','Email','Active','Action'],
colModel:[
{name:'sales_lead_id',index:'sales_lead_id', width:20}, 
{name:'submit_date',index:'date_submitted', width:120}, 
{name:'contact', index:'contact', width:150}, 
{name:'company', index:'company_name', width:100},
{name:'website', index:'website', width:140},
{name:'phone', index:'phone', width:120},
{name:'email', index:'email', width:130},
{name:'active', index:'active', width:80}, 
{name:'act',index:'act', sortable:false, width:60} 

],
rownumbers: false, 
rowNum:10,
rowList:[10,20,30], 
pager: jQuery('#pager2'),
sortname: 'sales_lead_id',
autowidth: true, 
height: "100%", 
viewrecords: true, 
loadComplete: function(){
var ids = jQuery("#user_grid").getDataIDs(); 
for(var i=0;i<ids .length;i++){
var cl = ids[i];
be = '<div class="one_line">'
+'<a href="javascript:;" onclick="view_leads('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-newwin"></span></a>'
+'<a href="javascript:;" onclick="del_user('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-closethick"></span></a>'
+'<a href="javascript:;" onclick="edit_user('+ids[i]+');" rel="nofollow"><span class="ui-icon ui-icon-pencil"></span></a>'

+'';
jQuery("#user_grid").setRowData(ids[i],{act:be}); 
}
},
sortorder: "desc",
jsonReader: { repeatitems : false, id: "0" }, 
caption:"Sales Leads Overview"
}).navGrid('#pager2',{edit:false,add:false,del:false}); 
});

Look around the  loadComplete function which inserts the html links in the cell. Hope this helps.
]]> By: Dean http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-208 Dean Fri, 18 Dec 2009 09:32:24 +0000 http://www.mahbubblog.com/?p=159#comment-208 hi there Mahbub, im working right now on jqgrid w/ codeigniter. Right now im able to display all rows gathered from my db. But my my problem is i cant get it work the add, edit, save & even delete button in the jqgrid. could you help me with this. :(( hope to hear from you soon. thanks hi there Mahbub,

im working right now on jqgrid w/ codeigniter. Right now im able to display all rows gathered from my db. But my my problem is i cant get it work the add, edit, save & even delete button in the jqgrid.

could you help me with this. :( (
hope to hear from you soon.

thanks

]]> By: blueblood http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-187 blueblood Thu, 17 Sep 2009 23:18:03 +0000 http://www.mahbubblog.com/?p=159#comment-187 is there any demo/sample how it works? is there any demo/sample how it works?

]]> By: Mahbub http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-103 Mahbub Sun, 02 Aug 2009 11:12:35 +0000 http://www.mahbubblog.com/?p=159#comment-103 I have recently used jqgrid 3.5 which is powered by jquery ui. But it's not as library for CI. I just used it as normal installation using JSON. The main thing is that you have to use mtype="post" in param. This is how it looks like. <code> $(document).ready(function(){ jQuery("#user_grid").jqGrid({ url:'', datatype: "json", mtype : "post", colNames:['Username','Email', 'Last login'], colModel:[ {name:'username',index:'username', width:200}, {name:'email',index:'email', width:150}, {name:'last_login',index:'last_login', width:150}, ], rowNum:10, rowList:[10,20,30], pager: jQuery('#pager2'), sortname: 'id', autowidth: true, viewrecords: true, sortorder: "desc", jsonReader: { repeatitems : false, id: "0" }, caption:"All Users" }).navGrid('#pager2',{edit:false,add:false,del:false}); }); </code> I have recently used jqgrid 3.5 which is powered by jquery ui. But it’s not as library for CI. I just used it as normal installation using JSON.

The main thing is that you have to use mtype=”post” in param. This is how it looks like.

$(document).ready(function(){
jQuery("#user_grid").jqGrid({
url:'',
datatype: "json",
mtype : "post",
colNames:['Username','Email', 'Last login'],
colModel:[
{name:'username',index:'username', width:200},
{name:'email',index:'email', width:150},
{name:'last_login',index:'last_login', width:150},
],
rowNum:10,
rowList:[10,20,30],
pager: jQuery('#pager2'),
sortname: 'id',
autowidth: true,
viewrecords: true,
sortorder: "desc",
jsonReader: { repeatitems : false, id: "0" },
caption:"All Users"
}).navGrid('#pager2',{edit:false,add:false,del:false});
});

]]> By: samiuljahan http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-101 samiuljahan Fri, 31 Jul 2009 06:52:55 +0000 http://www.mahbubblog.com/?p=159#comment-101 How can I use Jqgrid with codeigniter? How can I use Jqgrid with codeigniter?

]]> By: selma http://www.mahbubblog.com/jquery-javascript/16-jquery-plugins-i-used-the-most/comment-page-1/#comment-72 selma Sun, 12 Jul 2009 10:58:11 +0000 http://www.mahbubblog.com/?p=159#comment-72 Is there any piece of code that shows how to use boxy with jquery validation inside the boxy? Is there any piece of code that shows how to use boxy with jquery validation inside the boxy?

]]>