Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Search form comes up disabled
07/10/2009
11:13
Avatar
Mike27516
Guest
Guests

When invoking the search form from clicking on the icon in the navigator the search form appears but is disabled. The rest of the grid is disabled as expected however the search form is also disabled. My grid does not use paging. I am wondering if this has something to do with it. I am using version 3.5 of the grid.

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#equipgrid").jqGrid({
            url: '/EquipTrack/GridData/',
            editurl: '/EquipTrack/Edit/',
            datatype: 'json',
            mtype: 'GET',
            height: 255,
            width: 755,
            rowNum: 5000,
            colNames: ['ID', 'Type', 'Make', 'Model', 'Year', 'Location', 'Insp Due', 'Serv Due', 'Miles/Hrs', 'Milage Dt', 'Reg By', 'Mngd By', 'Mngd By Dt', 'Tag Exp', '', '', '', '', 'Vin Num', 'Title Num', 'GVW', 'Unlaiden Wt', 'Tag Num', 'Tag State', 'Fuel', 'Cost', 'Inspect Rmndr(wks)', 'Tag Rmndr(wks)', 'Stolen', 'Sold', 'Lojack', 'In Repair', 'Totaled', 'Hut Sticker', 'Apportioned', 'IFTA Sticker', 'Comment'],
            colModel: [
                   { name: 'equip_id', index: 'equip_id', width: 65, editable: true, search: true },
                  { name: 'type_desc', index: 'type_desc', width: 130, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetTypes'} },
                   { name: 'make_descr', index: 'make_descr', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetMakes'} },
                   { name: 'model_descr', index: 'model_descr', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetModels'} },
                   { name: 'equip_year', index: 'equip_year', width: 60, editable: true },
                   { name: 'work_loc', index: 'work_loc', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetLocations'} },
                { name: 'insp_due_dt', index: 'insp_due_dt', width: 100, editable: true,
                    editoptions: { size: 12, dataInit: function(el) {
                        $(el).datepicker({ dateFormat: 'mm/dd/yy' });
                    }
                    }
                },
                   { name: 'service_due_num', index: 'service_due_num', width: 80, editable: true },
                   { name: 'miles_hours', index: 'miles_hours', width: 80, editable: true },
                { name: 'miles_dt', index: 'miles_dt', width: 100, editable: true,
                    editoptions: { size: 12, dataInit: function(el) {
                        $(el).datepicker({ dateFormat: 'mm/dd/yy' });
                    }
                    }
                },
                   { name: 'registered_by', index: 'registered_by', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetDivisions'} },
                   { name: 'managed_by', index: 'managed_by', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetDivisions'} },
                   { name: 'managed_by_dt', hidden: true, editable: true, editrules: { edithidden: true },
                       editoptions: { size: 12, dataInit: function(el) {
                           $(el).datepicker({ dateFormat: 'mm/dd/yy' });
                       }
                       }
                   },
                   { name: 'tag_expire_dt', index: 'tag_expire_dt', width: 100, editable: true,
                       editoptions: { size: 12, dataInit: function(el) {
                           $(el).datepicker({ dateFormat: 'mm/dd/yy' });
                       }
                       }
                   },
                   { name: 'inspection_warn', hidden: true },
                   { name: 'service_warn', hidden: true },
                   { name: 'tag_warn', hidden: true },
                   { name: 'equip_color', hidden: true },
                   { name: 'vin_num', hidden: true, editable: true, editrules: { edithidden: true} },
                   { name: 'title_num', hidden: true, editable: true, editrules: { edithidden: true} },
                { name: 'gross_v_wt', hidden: true, editable: true, editrules: { edithidden: true} },
            { name: 'unlaiden_wt', hidden: true, editable: true, editrules: { edithidden: true} },
            { name: 'tag_num', hidden: true, editable: true, editrules: { edithidden: true} },
            { name: 'tag_state', hidden: true, editable: true, editrules: { edithidden: true} },
            { name: 'fuel_descr', index: 'fuel_descr', width: 80, editable: true, edittype: "select", editoptions: { dataUrl: '/EquipTrack/GetFuels'} },
            { name: 'cost', hidden: true, editable: true, editrules: { edithidden: true} },
               { name: 'insp_rmdr_wks', hidden: true, editable: true, edittype: "select", editoptions: { value: ":;1:1;2:2;3:3;4:4;5:5;6:6;7:7;8:8;9:9;10:10;11:11;12:12;13:13;14:14;15:15;16:16;17:17;18:18;19:19;20:20;21:21;22:22;23:23;24:24" }, editrules: { edithidden: true} },
            { name: 'tag_expire_rmdr_wks', editable: true, hidden: true, edittype: "select", editoptions: { value: ":;1:1;2:2;3:3;4:4;5:5;6:6;7:7;8:8;9:9;10:10;11:11;12:12;13:13;14:14;15:15;16:16;17:17;18:18;19:19;20:20;21:21;22:22;23:23;24:24" }, editrules: { edithidden: true} },
            { name: 'stolen', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'sold', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'lojack', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'in_repair', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'totaled', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'hut_sticker', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'apportioned', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'ifta_sticker', hidden: true, editable: true, edittype: "checkbox", editoptions: { value: "True:False" }, editrules: { edithidden: true} },
            { name: 'comment', hidden: true, editable: true, editoptions: { value: "True:False" }, editrules: { edithidden: true }, edittype: "textarea", editoptions: { rows: "2", cols: "27"} }
            ],
            sortname: 'equip_id',
            sortorder: "asc",
            afterInsertRow: function(rowid, rowdata, rowelem) {
                if (rowelem[14] == 'SET_RED') {
                    jQuery("#equipgrid").setCell(rowid, 'insp_due_dt', '', { color: 'red' })
                }
                if (rowelem[15] == 'SET_RED') {
                    jQuery("#equipgrid").setCell(rowid, 'service_due_num', '', { color: 'red' })
                }
                if (rowelem[16] == 'SET_RED') {
                    jQuery("#equipgrid").setCell(rowid, 'tag_expire_dt', '', { color: 'red' })
                }
                if (rowelem[17] == 'SET_GREEN') {
                    jQuery("#equipgrid").setCell(rowid, 'equip_id', '', { color: 'green' })
                }
                if (rowelem[17] == 'SET_PURPLE') {
                    jQuery("#equipgrid").setCell(rowid, 'equip_id', '', { color: 'purple' })
                }
                if (rowelem[17] == 'SET_BLUE') {
                    jQuery("#equipgrid").setCell(rowid, 'equip_id', '', { color: 'blue' })
                }
                //                if (rowelem[12] == '01/01/3000') {
                //                    jQuery("#equipgrid").setCell(rowid, 'tag_expire_dt','', '')
                //                }
            },
            viewrecords: true,
            pager: jQuery('#equipgridp'),
            caption: 'Inventory for <%= ViewData["division"] %>',
            ondblClickRow: function(rowid) { $("#equipgrid").editGridRow(rowid, editprm); },
            onSelectRow: function(ids) {
                if (ids != null) {
                    var data = $("#equipgrid").getRowData(ids);
                    jQuery("#equip_svc").setGridParam({ url: "/EquipTrack/GetServiceGridData/" + data.equip_id, page: 1 })
                .trigger('reloadGrid');
                    jQuery("#equip_asgn").setGridParam({ url: "/EquipTrack/GetAssignGridData/" + data.equip_id, page: 1 })
                .trigger('reloadGrid');
                }
            }
        }).navGrid('#equipgridp', {edit:true, add:true, del:true, search:true}, //options
         {reloadAfterSubmit: false, jqModal: false, closeOnEscape: true, closeAfterEdit: true,
         afterSubmit: function(response, postdata) {

             if (response.responseText == "Success") {
                 jQuery("#success").show();
                 jQuery("#success").html("Equipment successfully updated");
                 jQuery("#success").fadeOut(6000);

                 return [true, response.responseText]
             }
             else {
                 return [false, response.responseText]
             }
         }
     }, // edit options
         {reloadAfterSubmit: false,
         afterSubmit: function(response, postdata) {

             if (response.responseText == "Success") {
                 jQuery("#success").show();
                 jQuery("#success").html("Equipment successfully added");
                 jQuery("#success").fadeOut(6000);

                 return [true, response.responseText]
             }
             else {
                 return [false, response.responseText]
             }
         }
     }, // add options
         {reloadAfterSubmit: false, closeOnEscape: true, closeAfterAdd: true,
         afterSubmit: function(response, postdata) {

             if (response.responseText == "Success") {
                 jQuery("#success").show();
                 jQuery("#success").html("Equipment successfully deleted");
                 jQuery("#success").fadeOut(6000);

                 return [true, response.responseText]
             }
             else {
                 return [false, response.responseText]
             }
         }
     }, // del options
         {}, // search options
         {} // view options
          );
        $('#equipgridp_center').remove();
        $('#equipgridp_right').remove();

07/10/2009
12:27
Avatar
Mike27516
Guest
Guests

The issue seems to be that the search form window is behind the modal window that transparently covers the grid. How do I get the search form to be on top of the modal window.

08/10/2009
13:15
Avatar
Mike27516
Guest
Guests

Nevermind. Problem in setup. I was missing jqyuery.searchFilter.css from my project.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
62 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information