如何在ember js和制表器中更新div元素属性值

时间:2019-06-19 20:03:02

标签: javascript jquery ember.js tabulator

我在ember js框架中使用制表器api显示动态表。选项卡上的焦点不会从第一列移到第三列,因为第二列已禁用。为此,我尝试将第二列的tabindex属性更新为“ -1”(通过取消默认所有列为零)。以便标签焦点从第二个公社跳到第三列。我已经用jquery做到了,但没有成功。

table = new Tabulator("#sample-table", {
            data:self.get('tableData'),
            selectable:true,
            columns:self.get('tableColumnData'),
            keybindings:true,            
            cellEdited:function(cell){                              
                var accnamecol = $("[tabulator-field=ACCNAME]").tabindex=-1;   
}

tabindex属性需要在以下dom中进行修改。

现在,我可以使用jQuery更新div选项卡中的属性值。 制表符我面临的实际问题是,我在行中有4列。 在第一列中输入值后,进行ajax调用并更新第二列。现在,进入选项卡后,光标将移回第一列而不是第三列。

下面的代码只是部分代码,无法复制整个代码,它太大了。

            table = new Tabulator("#example-table", {
            data:self.get('tableData'),
            selectable:1,
            height:"auto",
            columns:self.get('tableColumnData'),
            keybindings:true,

            cellEdited:function(cell){                  
                self.cellBlur(cell, row,value, self.get("testData"));
            },
        });        

   },
   cellBlur: function(cell, row, value, testData){
        self.send('execute',value,id,row); 
        //table.scrollToColumn(cell.getField(), "middle", false);
        //console.log("cell nav right1 "+cell.getField())
        //if(cell.getField() === "NAME"){
        //cell.nav().right();
        //self.get('table').navigateNext();
        //}

    },
    actions: {
     self.get('services').fetch(self.get('services').getModuleUrl('TEST'), 'controller/test', requestdto, 'POST').then(function (json) {
                    if (json !== null && json.data !== null) {
        execute: function (value, eventId, fieldName) {                                                                                     

                            self.get('table').updateRow(self.get('rowid'),tempObj);                         
                        }   

        }
        }
        },

我正在使用self.get('table')。updateRow(self.get('rowid'),tempObj);更新第二列数据。我认为表格是在数据填充到第二列之后重新创建的。

我的要求是,光标应移至第三列。

0 个答案:

没有答案