使用下拉菜单和复选框构建 JQGrid

Question

我使用 jqgrids 来显示静态值。但是我有一个场景，我需要在 JQGrid 列中显示复选框和下拉值。取决于我是选中还是取消选中该复选框。关于如何使用下拉菜单和复选框构建 jqgrids 的任何想法或 cmet？

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").
}

因此，当您编辑行时，数据将显示在下拉列表中。