I was able to get a jquery multi select to work on the jqgrid toolbar filter in fire fox. For some reason this fails in IE but works for fire fox. does anyone know the reason?
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 |
$(document).ready(function () { 'use strict';<br /> function width() {<br /> return ($('#MainContent_SectionGrid').parent()[0].offsetWidth);<br /> }<br /> <br /> function height() {<br /> return ($('#MainContent_SectionGrid').parent()[0].offsetHeight - 75);<br /> }<br /> if ($('.ui-jqgrid', $('#MainContent_SectionGrid')).length === 0) {<br /> var grid_sectiongrid = $("#MainContent_SectionGrid_grid"), pager = "#MainContent_SectionGrid_pager", lastSel, initialized = false;<br /> <br /> grid_sectiongrid.jqGrid({<br /> datatype: "json",<br /> ajaxGridOptions: { contentType: "application/json", dataType: "json" },<br /> serializeGridData: function (data) {<br /> return $.isFunction(page.section.serialize) ? page.section.serialize.call($('#MainContent_SectionGrid_grid'), data) : data;<br /> },<br /> modifyPostData: function (data) {<br /> return $.isFunction(page.section.serialize) ? page.section.serialize.call($('#MainContent_SectionGrid_grid'), data) : data;<br /> },<br /> ajaxRowOptions: { contentType: "application/x-www-form-urlencoded", dataType: "json" },<br /> ajaxDelOptions: { contentType: "application/x-www-form-urlencoded", dataType: "json" },<br /> serializeRowData: function (data) {<br /> return $.isFunction(page.section.serialize) ? page.section.serialize.call($('#MainContent_SectionGrid_grid'), data) : data;<br /> },<br /> mtype: "GET",<br /> imgpath: '',<br /> jsonReader: {<br /> repeatitems: false,<br /> id: "0"<br /> },<br /> meta: {"table":"section.data","name":null,"actions":{"canInlineEditRow":false,"canEditRow":false,"canDeleteRow":false,"canRetrieveRow":false},"args":{"tableID":"MainContent_SectionGrid","callbackID":"ctl00$MainContent$SectionGrid"}},<br /> multiboxonly: true,<br /> sortorder: "asc",<br /> scroll: 1, rowNum: 100, rownumbers: true, rownumWidth: 50,<br /> viewrecords: true,<br /> url: "/Services/Data.svc/QueryGridResults?typename=section.data&isentity=false&action=Equal&indexID=acb6f080-7db9-46e6-9f6b-6036f703aee2",<br /> height: height(),<br /> width: width(),<br /> colNames: ["Action", "QC SS SectionDataID", "Error", "QC ProjectID", "Comments", "Resolved", "Comments", "File Name", "Unique ID", "Site", "Team #", "Inspector", "Special Area", "Bldg Num", "Bldg Name", "Bldg Area (SF)", "Bldg Year", "Num Floors", "System", "Component", "Section Name", "Mat/Equip Type", "Comp Type", "Quantity", "UM", "Inst Year", "Inv Comments", "Insp Date", "Insp Type", "Rating", "CompType PrevValue", "CompType isChanged", "Quantity PrevValue", "Quantity IsChanged", "UM PrevValue", "UM IsChanged", "InstYear PrevValue", "InstYear IsChanged", "InvComments isChanged", "InvComments PrevValue", "InspDate isChanged", "InspDate PrevValue", "InspType PrevValue", "InspType isChanged", "Rating isChanged", "Rating PrevValue", "InspComments", "InspComments isChanged", "InspComments PrevValue"],<br /> colModel: [<br /> { name: 'SectionGrid', index: 'Action', width: 100, sortable: false, search: false, align: 'center', formatter: function () { return ''; }, hidden: true, resizable: false, frozen: true },<br /> { name: 'QC_SS_SectionDataID', index: 'QC_SS_SectionDataID', label: 'QC_SS_SectionDataID', hidden: true, search: true, sortable: false, key: true, editable: true, editrules: { edithidden: true }, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'QCErrorsFound', index: 'QCErrorsFound', label: 'QCErrorsFound', search: true, sortable: true, width: 75, align: 'center', formatter: 'checkbox', editable: true, edittype: 'checkbox', editoptions: { value: "Y:N" }, editrules: { }, stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'QC_ProjectID', index: 'QC_ProjectID', label: 'QC_ProjectID', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '1' } },<br /> { name: 'QCComments', index: 'QCComments', label: 'QCComments', search: true, sortable: true, width: 250, align: 'left', editable: true, edittype: 'textarea', editoptions: { }, editrules: { }, stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspectorResolved', index: 'InspectorResolved', label: 'InspectorResolved', search: true, sortable: true, width: 75, align: 'center', formatter: 'checkbox', editable: true, edittype: 'checkbox', editoptions: { value: "Y:N" }, editrules: { }, stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspectorComments', index: 'InspectorComments', label: 'InspectorComments', search: true, sortable: true, width: 250, align: 'left', editable: true, edittype: 'textarea', editoptions: { }, editrules: { }, stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'BREDFileName', index: 'BREDFileName', label: 'BREDFileName', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'UniqueID', index: 'UniqueID', label: 'UniqueID', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Site', index: 'Site', label: 'Site', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'TeamNumber', index: 'TeamNumber', label: 'TeamNumber', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Inspector', index: 'Inspector', label: 'Inspector', search: true, sortable: true, width: 100, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'SpecialArea', index: 'SpecialArea', label: 'SpecialArea', search: true, sortable: true, width: 100, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'BldgNum', index: 'BldgNum', label: 'BldgNum', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'BldgName', index: 'BldgName', label: 'BldgName', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'BldgArea_SF', index: 'BldgArea_SF', label: 'BldgArea_SF', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'BldgYear', index: 'BldgYear', label: 'BldgYear', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'NumFloors', index: 'NumFloors', label: 'NumFloors', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'SystemCode', index: 'SystemCode', label: 'SystemCode', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Component', index: 'Component', label: 'Component', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'SectionName', index: 'SectionName', label: 'SectionName', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'MatEquipType', index: 'MatEquipType', label: 'MatEquipType', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'CompType', index: 'CompType', label: 'CompType', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Quantity', index: 'Quantity', label: 'Quantity', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'UM', index: 'UM', label: 'UM', search: true, sortable: true, width: 75, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InstYear', index: 'InstYear', label: 'InstYear', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InvComments', index: 'InvComments', label: 'InvComments', search: true, sortable: true, width: 150, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspDate', index: 'InspDate', label: 'InspDate', search: true, sortable: true, width: 75, align: 'left', formatter: 'date', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspType', index: 'InspType', label: 'InspType', search: true, sortable: true, width: 75, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Rating', index: 'Rating', label: 'Rating', search: true, sortable: true, width: 75, align: 'right', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'CompType_PrevValue', index: 'CompType_PrevValue', label: 'CompType_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'CompType_isChanged', index: 'CompType_isChanged', label: 'CompType_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Quantity_PrevValue', index: 'Quantity_PrevValue', label: 'Quantity_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Quantity_IsChanged', index: 'Quantity_IsChanged', label: 'Quantity_IsChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'UM_PrevValue', index: 'UM_PrevValue', label: 'UM_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'UM_IsChanged', index: 'UM_IsChanged', label: 'UM_IsChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InstYear_PrevValue', index: 'InstYear_PrevValue', label: 'InstYear_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InstYear_IsChanged', index: 'InstYear_IsChanged', label: 'InstYear_IsChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InvComments_isChanged', index: 'InvComments_isChanged', label: 'InvComments_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InvComments_PrevValue', index: 'InvComments_PrevValue', label: 'InvComments_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspDate_isChanged', index: 'InspDate_isChanged', label: 'InspDate_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspDate_PrevValue', index: 'InspDate_PrevValue', label: 'InspDate_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspType_PrevValue', index: 'InspType_PrevValue', label: 'InspType_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspType_isChanged', index: 'InspType_isChanged', label: 'InspType_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Rating_isChanged', index: 'Rating_isChanged', label: 'Rating_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'Rating_PrevValue', index: 'Rating_PrevValue', label: 'Rating_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspComments', index: 'InspComments', label: 'InspComments', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspComments_isChanged', index: 'InspComments_isChanged', label: 'InspComments_isChanged', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } },<br /> { name: 'InspComments_PrevValue', index: 'InspComments_PrevValue', label: 'InspComments_PrevValue', search: true, sortable: true, hidden: true, width: 50, align: 'left', stype: 'text', searchoptions: { searchhidden: false, defaultValue: '' } }],<br /> pager: pager !== undefined ? pager : null,<br /> beforeRequest: function () {<br /> if (!initialized) {<br /> initialized = true;<br /> $(this).jqGrid('filterToolbar', { autosearch: true });<br /> if ($.isFunction(this.triggerToolbar)) {<br /> this.triggerToolbar();<br /> }<br /> }<br /> },<br /> loadComplete: page.section.complete,<br /> beforeSelectRow: undefined,<br /> onSelectRow: page.section.select,<br /> onSelectAll: undefined,<br /> gridComplete: undefined,<br /> ondblClickRow: undefined,<br /> onRightClickRow: undefined,<br /> loadError: function (xhr, stat, err) {<br /> alert(err + 'nn' + xhr.responseText);<br /> },<br /> editurl: undefined,<br /> shrinkToFit: false,<br /> multiselect: true,<br /> caption: '',<br /> grouping: false<br /> });<br /> <br /> $('#MainContent_SectionGrid').height($('div', $('#MainContent_SectionGrid')).height());<br /> <br /> if(pager !== undefined) {<br /> grid_sectiongrid.navGrid(pager, { edit: false, add: false, del: false, refresh: true, search: false });<br /> }<br /> <br /> grid_sectiongrid.navButtonAdd(pager, {<br /> caption: "",<br /> position: "first",<br /> buttonicon: "ui-icon-wrench",<br /> title: "Show the current data filter",<br /> onClickButton: function (e) {<br /> var data = $(this).jqGrid('getGridParam', 'postData'), url = $(this).jqGrid('getGridParam', 'url');<br /> <br /><br /> data["filter"] = true;<br /> <br /> function serialize(d) {<br /> return $.isFunction(page.section.serialize) ? page.section.serialize.call($('#MainContent_SectionGrid_grid'), d) : d;<br /> }<br /> <br /> $.ajax({<br /> url: url,<br /> type: "GET",<br /> contentType: "application/json; charset=utf-8",<br /> data: serialize(data),<br /> success: function (d, t, x) {<br /> if (typeof(d) === 'string') {<br /> d = $.parseJSON(d);<br /> }<br /> <br /> alert(d.filter);<br /> }<br /> });<br /> <br /> delete $(this).jqGrid('getGridParam', 'postData')['filter'];<br /> }<br /> });<br /> <br /><br /> }<br /> });<br /> |
in order to maintain compatibility with IE the following needs to be done
if (Array.prototype.indexOf === undefined) {
you can enable multiple mapping for the group by text with the following code:
groupingRender: function(c, b) {
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top