javascript - 如何禁用 $ ('#bootstrap-table' 中的选定字段)

标签 javascript bootstrap-table

预期结果:如果 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中: 对于“UOM”字段:

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 + '">';
             }
         }

对于字段“allocated_qty”:

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

最佳答案

应该禁用,而不是禁用:

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

关于javascript - 如何禁用 $ ('#bootstrap-table' 中的选定字段),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53735469/

相关文章:

javascript - Bootstrap 表列问题

javascript - 使用jquery中的引导表将id添加到动态创建的行

javascript - 获取句子数组

javascript - 如何将 getter 值绑定(bind)到 HTML 中?

javascript - 带有 "." "_"的 Jquery 选择器不起作用

css - 如何在引导表中设置单选按钮或复选框的样式?

javascript - 记住 Bootstrap 表中的页面大小

html - Bootstrap-Table 过滤器大于/小于

javascript - 如何模拟在不同组件中调用具有不同返回值的同一函数

javascript - jQuery - 如何接收内部 ajax 调用的结果?