JqGrid - 如何讓清晰的搜索按鈕可見？

我在我的JqGrid中有一個過濾器工具欄，並且Clearfield「x」超鏈接沒有顯示。沒有足夠的空間讓ui-search-clear cell顯示。如果我可以控制用ui-search-input類的單元格內的搜索輸入文本框的大小，那麼它會顯示。我原以爲這會默認工作。那麼我該如何解決這個問題？我的網格定義如下;JqGrid - 如何讓清晰的搜索按鈕可見？

var populateGrid = function (data) { 
    var grid = $("#grid"); 
    grid.jqGrid({ 
     data: data, 
     colNames: ["No", "Company", "Trade", "Recommendation", ""], 
     colModel: [ 
      { name: "AssessmentNo", label: "AssessmentNo", width:80, align:"center" }, 
      { name: "Company", label: "Company", width:400, searchoptions: { sopt: ["cn"] } }, 
      { name: "Trade", label: "Trade", width: 220, searchoptions: { sopt: ["cn"] } }, 
      { name: "Recommendation", label: "Recommendation", width: 150 }, 
      { name: "Links", label: "Links", search: false, align: "center" } 
     ], 
     cmTemplate: { width: 100, autoResizable: true }, 
     loadonce: true, 
     forceClientSorting: true, 
     rowNum: 20, 
     pager: "#pager", 
     gridview: true, 
     ignoreCase: true, 
     shrinkToFit: false, 
     rownumbers: true, 
     sortname: "AssessmentNo", 
     viewrecords: true, 
     sortorder: "asc", 
     height: "100%" 
    }); 

    grid.jqGrid("filterToolbar", { 
     beforeSearch: function() { 
      return false; // allow filtering 
     } 
    }).jqGrid("gridResize"); 
}

而我的工具欄看起來像;

來源

2016-04-21 arame3333

你使用哪個版本的jqGrid，從哪個分支jqGrid？你包含'forceClientSorting：true'選項，它只存在於[free jqGrid]（https://github.com/free-jqgrid/jqGrid）中，我開發了這個選項，但是我無法在免費的jqGrid中重現這個問題（參見[示例]（例如，http：//www.ok-soft-gmbh.com/jqGrid/OK/formEditOnDoubleClick-jqueryui-fa2.htm））。你能否提供能夠再現你的問題的演示？ – Oleg

我正在使用jqGrid 4.13.2，免費版本。 – arame3333

**你能否提供演示，它能夠重現你的問題？**我猜想你在頁面上包含的其他CSS *可能會產生一些問題。 – Oleg

真我發現這個問題。我的一個CSS樣式表有這個設置;

table { 
    margin: 1em; 
    border-collapse: collapse; 
    table-layout: inherit; 
}

所以我刪除了保證金，問題解決的重要教訓是瞭解普通樣式設置類似上面。

來源

2017-08-25 08:04:59 arame3333

grid.jqGrid({ 

}).navGrid('#grid', {search: true}

寫入檢索：在您的filterGrid

來源

2016-04-21 10:09:03

這不是搜索按鈕的答案，但它們大多不可見，因爲它們所在的表格單元格不夠寬，無法顯示它們。 – arame3333

我在我的項目中解決了這個問題更新jqgrid的最新js和CSS [click hear]（https://github.com/tonytomov/jqGrid/tree/master） –

這是我無法獲得的付費版本。事實上，免費版本是非常好的，除了這個故障。 – arame3333

JqGrid - 如何讓清晰的搜索按鈕可見？

回答

相關問題