Javascript(170)
-
Sencha chart의 x축의 값 변경하기
Date format을 변경Ext.create('Ext.chart.CartesianChart', { renderTo: Ext.getBody(), width: 600, height: 400, store: { fields: ['date', 'value'], data: [ { date: new Date(2024, 10, 1), value: 10 }, { date: new Date(2024, 10, 2), value: 20 }, { date: new Date(2024, 10, 3), value: 30 }, { date: new Date(2024, 10, 4), value: 25 } ..
2024.11.20 -
Sencha chart에 title 추가하기
Ext.create('Ext.chart.CartesianChart', { renderTo: Ext.getBody(), width: 600, height: 400, title: { text: 'My Chart Title', // Title text style: { fontSize: '16px', // Optional: Set the font size fontWeight: 'bold' // Optional: Make the title bold }, align: 'center' // Optional: Align the title ('left', 'center', 'right') }, sto..
2024.11.20 -
Sencha type: 'combobox' 값 변경시, 다른 combobox 변경하기
dependancy가 있는 combobox에 대해서 master 역할을 하는 combobox 변경시, slave combobox 내용 변경하기Ext.create('Ext.container.Container', { renderTo: Ext.getBody(), layout: 'vbox', items: [ { xtype: 'combobox', id: 'comboBox1', fieldLabel: 'Master ComboBox', store: ['Category 1', 'Category 2', 'Category 3'], listeners: { select: fu..
2024.11.18 -
Sencha chart에서 데이터 바인딩하기
store 참조Ext.define('MyApp.store.ChartStore', { extend: 'Ext.data.Store', alias: 'store.chartstore', fields: ['name', 'value'], // Define fields for the data data: [ { name: 'Category 1', value: 30 }, { name: 'Category 2', value: 45 }, { name: 'Category 3', value: 25 } ]});Ext.create({ xtype: 'cartesian', renderTo: Ext.getBody(), width: 600, height..
2024.11.15 -
Sencha Ext.Msg.alert에서 클릭시 특정 페이지로 redirect
Ext.Msg.alert('Warning', 'Session is expired!!', function() { // Redirect to a specific page after the user clicks 'OK' window.location.href = 'https://example.com/login'; // Change the URL to your desired page});
2024.10.20 -
Spring Boot에서 이미지 가져오기
Binary를 직접 가져오는 경우buttons: [ { text: 'Generate QR Code', handler: function(button) { const urlToEncode = 'https://example.com'; // Directly set the src of the image to the FastAPI or Spring Boot endpoint that returns the image const qrCodeUrl = '/qrcode?url=' + encodeURIComponent(urlToEncode); // Add the image component to ..
2024.10.19