W moim JQGrid pole wyszukiwania jest małe, a pudełko tekstowe jest bardzo małe. Chcę zwiększyć rozmiar pola wyszukiwania (okno wyszukiwania). Próbowałem użyć

searchoptions: {size: 30}

Ale nie wiem, gdzie umieścić ten fragment kodu. Czy ktoś może zobaczyć przykład, jak mogę zwiększyć rozmiar pola wyszukiwania za pomocą tego lub dowolnej innej metody.

0
DilanG 9 grudzień 2013, 16:35

2 odpowiedzi

Najlepsza odpowiedź

Zrobiłem to tak i działało.

jQuery("#grid").jqGrid('navGrid','#gridPager',{add:false,edit:false,del:false,refresh: false},{},{},{},
              { 
                beforeShowSearch: function($form) {
                    $('#searchmodfbox_grid').width(760);
                    return true;
              }
              }
        );

W tym oknie dialogowym wyszukiwania Identyfikator Div jest {"SEARCHMODFBOX_" + yourgridid}. W moim przypadku mój identyfikator siatki jest siatka, a następnie wyszukiwania Identyfikator okna dialogowego jest "wyszukiwaniemodfbox_grid".

0
DilanG 10 grudzień 2013, 10:04

Możesz użyć BeforeshowSearch (!!! nie przede wszystkim), aby wprowadzić zmiany w oknie dialogowym wyszukiwania. Zobacz tutaj dla przykładu kodu (możesz użyć tego.id zamiast siatki [0] .id, jeśli używasz najnowszej wersji JQGrid). Polecam, abyśmy korzystać z RECREVEREVILER: dodatkowo true opcja wyszukiwania.

Przy okazji NavGrid, który dodawał przycisk "Szukaj" do paska nawigatora wykorzystuje właściwość szerokości Parametru PromeSearch na każdym połączeniu metody SearchGrid, która tworzy siatkę. Więc jeśli pomyślysz Promearch i po prostu zmień szerokość następne okno dialogowe wyszukiwania spowoduje użycie nowej wartości szerokości:

var pSearch = {
        recreateFilter: true,
        multipleSearch:true,
        width: 500
    };

$("#list").jqGrid({...}); // create the grid

$("#list").jqGrid("navGrid", "#pager", {}, {}, {}, {}, pSearch);
// if the user opens searching dialog now the width 500 will be used

...
pSearch.width = 800;
// if the user opens searching dialog now the new width 800 will be used
0
Ramesh 10 grudzień 2013, 10:22