使用下拉菜單和複選框構建JQGrid

Question

我已經使用jqgrids顯示靜態值。但是我有一個場景，我需要在JQGrid列中顯示覆選框和下拉列表。取決於我是選中還是取消選中複選框。有關如何使用Dropdowns和複選框構建jqgrid的任何想法或意見？

Answer 1

您可以使用checkbox格式化程序將單元格顯示爲複選框。作爲colmodel的一部分：

// A checkbox that is read-only until the user edits the row 
{name:'my_checkbox',index:'my_checkbox', editable:true, 
edittype:"checkbox", formatter:'checkbox' } 

// A checkbox that may be edited at any time 
{name:'my_clickable_checkbox',index:'my_clickable_checkbox', sortable:true, 
formatter: "checkbox", formatoptions: {disabled : false}, editable: true, 
edittype:"checkbox"} 

至於下拉菜單，你可以通過自定義格式功能將editrow功能：

jQuery('#mygrid').editRow(id, true, formatEditors); 

然後，這個函數裏面你想創建一個SELECT（或任何您需要的下拉列表）：

function formatEditors(id) { 
    // Your drop down code here... 
    // EG: jQuery("#"+id+"_myDropDownRow","#mygrid"). 
} 

所以，當您編輯該行時，數據將顯示在下拉菜單中。