ExtJS 6.2開發筆記

• 表單reset無法重置ComboGrid

呼叫form1.getForm().reset();時發現，如果ComboGrid原本有值，表單reset無法重置ComboGrid

試過了：clear(); removeAll(); setValue(null)；都無效果

辦法：ComboGrid.setValue("");成功

• js判斷undefined型別

if (reValue== undefined){} 發現判斷不出來，最後查了下資料要用typeof 方法：

if (typeof(reValue) == "undefined") {}  

typeof 返回的是字串，有六種可能："number"、"string"、"boolean"、"object"、"function"、"undefined"

• EXTJS 手動控制textarea換行

js中使用 \n 標籤，格式如下

var result = 'code:'+code+'\nmessage:'+message+'\nstatus:'+status+''; Ext.getCmp('stock_result').setValue(result); \n 不需要和後面變數空一格，這樣換行後可以保持對其

• EXTJS  textarea自適應高度

grow:true

• EXTJS  格式化時間格式

var date = Ext.Date.format(new Date(),"Y-m-d H:i:s");

• EXTJS  動態設定ExtJS Form控制元件文字顯示的顏色

Ext.getCmp('simpletxt').setFieldStyle('color:red'); EXTJS  panel觸發渲染完成的方法Render

xtype: 'panel', plugins: 'responsive', layout: 'fit', region: 'south', listeners: {render: function() {}}

• EXTJS 更新html內容

Ext.getCmp('stockEoBarcode_result').update("");

• EXTJS form.Panel   load事件 formGrid.getForm().load({

  url : ...,
  headers : {"access_token": access_token},
  method : 'POST',
  async:false,
  params : {warehouseId: "3432cdb5"},
  success : function (form,action) {
      formGrid.getForm().setValues({
          mitQty:action.result.object.totalMitQty,
      })
  }
  

  });

• EXTJS Ajax.request非同步請求方法

Ext.Ajax.request({

url : ...,
defaultHeaders : {"access_token": access_token},
params : {warehouseId: "3432cdb5"},
datatype: 'JSON',
method: 'POST',
success : function(response) {
    console.log(response);
    var json = JSON.parse(response.responseText);
    Ext.getCmp('totalQty').setValue(json.object.totalQty + " 箱");                                       
},
failure: function (response, options) {
    console.log(response);
}

});

• EXTJS textarea已逗號間隔，去掉最後一個逗號

var arr = lpnCode.split("\n"); var lpnCodes = "";

for (var i = 0; i < arr.length; i++) {

 lpnCodes = lpnCodes + arr[i] + ",";

}

lpnCodes = lpnCodes.substring(0,lpnCodes.length-1);