【问题标题】:How to disable selected field in $('#bootstrap-table')如何禁用 $('#bootstrap-table') 中的选定字段
【发布时间】:2018-12-12 03:06:04
【问题描述】:

预期结果:如果 row.updated_status 等于 '1',将禁用这两个字段 'UOM' 和 'allocated_qty',否则剩余。

问题:无法禁用这两个字段。

"columns": [
{
    "field": "id",    "title": "Id",    "visible": false
},
{
    "field": "product__name",    "title": "Product"
},
{
    "field": "uom",    "title": "UOM",    "formatter": "uomFormatter"
},
{
    "field": "allocated_qty",    "title": "Alloc. Qty",
    "editable": {"mode": "inline"}
}],
"rowStyle": "rowStyle"

在 JavaScript 中: 对于字段“计量单位”:

function uomFormatter(value, row, index){
    var uom_list = row.uom_list;
    var product_id = row.product_id;

     if(product_id != null && product_id != ''){
         if(row.updated_status == 1){
             if(uom_list != null){
                  var html = '<select class="form-control defaultpicker uom_list" data-row-index="' + index + '" disabled>';
                  ...the following codes...
             }else{
                  ...the following codes...
             }
         }
         else{
             if(uom_list != null){
                  var html = '<select class="form-control defaultpicker uom_list" data-width="120px" data-row-index="' + index + '">';
             }
         }

对于字段“已分配数量”:

function rowStyle(row, index) {
    if(row.updated_status == 1){
           $('#bootstrap-table').bootstrapTable('disabledColumn', 'allocated_qty');
    }    
}

【问题讨论】:

    标签: javascript bootstrap-table


    【解决方案1】:

    应该禁用,而不是禁用:

    var html = '<select class="form-control defaultpicker uom_list" data-row-index="' + index + '" disabled>';
    

    【讨论】:

    • Tq..and 你有禁用“allocated_qty”的想法吗?
    • 它们完全不同..所以不能做同样的事情。
    • 只需使用disabledallocated_qty 编写相同的标记。
    猜你喜欢
    • 2021-11-22
    • 2021-08-18
    • 2020-12-20
    • 1970-01-01
    • 2020-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多