Posts

Showing posts from December 26, 2016

JQ Grid HTML Control in a Grid

jQuery("#gvUserManager").jqGrid({         data: mydata,         datatype: "local",         editurl: 'clientArray',         colNames: ['Name', 'User Name', 'Email', 'Staff Level', ' User Type', "Send Password", "User ID"],         colModel: [             { name: 'Name', index: 'Name', width: 100, editable: true, editoptions: { readonly: false, size: 25 } },             {                 name: 'UserName', index: 'UserName', width: 100, editable: true, editoptions: {                     dataInit: function(e) {                         $(e).autocomplete({                             source: availableTags,                             minLength: 1,                             focus: function(event, ui) {                                 $(e).val(ui.item.label);                             },                             classes: {                            

JQGrid default Functions, afterShowForm, beforeShowForm

jQuery("#gvUserManager").jqGrid('navGrid', '#userManagerPagenav',         { del: false, search: false, refresh: false, }, //options         {             height: 280, reloadAfterSubmit: false, closeAfterEdit: true,             beforeShowForm: function(formid) {                 var rowId = $("#gvUserManager").jqGrid('getGridParam', 'selrow');                 var rowData = jQuery("#gvUserManager").getRowData(rowId);                 if (rowData.UserType == "Client") {                     $('#tr_UserType', formid).hide();                 }             },             afterclickPgButtons: function(whichbutton, formid, rowid) {                 var rowData = jQuery("#gvUserManager").getRowData(rowid);                 if (rowData.UserType == "Client") {                     $('#tr_UserType', formid).hide();                 }                 else {                     $(

add edit delete Using JQGrid

jQuery("#" + ctrId).jqGrid({         data: mydata,         datatype: "local",         editurl: 'clientArray',         colNames: colColumnValue,         colModel: colModelValue,         shrinkToFit: false,         multiselect: true,         rowList: [10, 20, 30],         pager: '#' + pgr,         caption: Caption,         width: 500,         height: 210     });

JQgrid Auto Complete functionality for a textbox using Jquerry

colModel: [             { name: 'Name', index: 'Name', width: 100, editable: true, editoptions: { readonly: false, size: 25 } },             {                 name: 'UserName', index: 'UserName', width: 100, editable: true, editoptions: {                     dataInit: function(e) {                         $(e).autocomplete({                             source: availableTags,                             minLength: 1,                             focus: function(event, ui) {                                 $(e).val(ui.item.label);                             },                             classes: {                                 "ui-autocomplete": "highlight"                             },                             select: function(event, ui) {                                 $(e).val(ui.item.label);                                 $("input#UserName").val(ui.item.value);                             }