Questions tagged [extjs]
Sencha Ext JS stands as an extraordinary JavaScript framework that empowers developers to erect mesmerizingly immersive Rich Internet Applications (RIAs).
I am currently using the following code to trigger a button click event once the window show event is called. It works perfectly fine, but I want to achieve the same functionality without using Ext.getCmp. Here is the line of code: Ext.getCmp('recent_ref ...
I am encountering a problem with the Ext.net TabPanel. Every time the page containing the tab panel is opened for the first time after the application has been rebuilt, it throws an error Uncaught TypeError: Object [object Object] has no method 'getCo ...
Could someone help me with a question? I have the code below that I found from a certain source: Ext.Ajax.request({ url: 'http://localhost/day1/new.php', method:'GET', params:{format:'json'}, success: this. ...
After retrieving the following JSON from the backend: { "scripts": [ "actions/rss", "actions/db/initDb", "actions/utils/MyFile", "actions/utils/Valid" ], "success": true } The JSON data is stored as follows: t ...
I'm having trouble clicking on the arrow of an ExtJS split button using Selenium WebDriver. I've attempted it multiple times without success. Below is a link where you can find the split button. I just need Selenium to click on the arrow so that the menu i ...
As the proud owner of a valid .JPEG image's binary data, I am on a quest to convert this information into an actual viewable image using Python. Seeking advice on how to successfully transform this binary code into a visually appealing .JPEG format with e ...
Today, I have a technical dilemma that requires some expertise in how Sencha handles JSON parsing and store reading. Let's talk about two models: Order and User: Ext.regModel('Order', { fields: [ {name: 'id', type: 'int'}, {name: 'user_id', typ ...
I'm encountering a small issue with my ExtJS 4.2 MVC application that involves grid and image transparency. Below is a snippet of my grid setup: Ext.define('XProject.view.message.inbox.Grid', { extend: 'Ext.grid.Panel', alias: 'widget.inboxgrid', ...
I am looking to deactivate a tab and if it happens to be active, I want the system to automatically switch to the next tab. I attempted myPanel.tab.disable(); if(myPanel.tab.active) myPanel.NextSibling().tab.setActive(); and myPanel.tab.disable(); ...
Hi there! I'm a beginner in sencha touch and currently trying to wrap my head around it. I want to create a simple app that loads a JSON string from a file. Oddly enough, when I test the app on localhost, the dataview shows up perfectly fine. However, ...
Using EXTJS, I have created a file upload component for uploading files from computer. I need to restrict the uploads to JSON files only and want to display an error for any other file types. Currently, I am able to capture the filename of the imported fil ...
I'm running into an issue with my sencha touch app. Here is the container I have defined: { xtype: 'container', text: 'SOMETHING', height: '15%', width: '15%', itemId: 'optionsMenu', ...
I am currently working on an ExtJS form that utilizes hbox-layout containers to generate sentences containing various form inputs. There is a specific requirement to disable the form under certain conditions. These hbox-layout containers consist of compone ...
My Sencha Touch 2.1 web app is running smoothly on iOS browser, Google Chrome, and desktop browsers. However, I'm facing an issue with making Ajax calls on the native Android browser. The error message 'Uncaught TypeError: Cannot read property 'connection' ...
Currently, I have an intriguing challenge that I am endeavoring to tackle. My goal is to incorporate a datepicker field on ExtJS but restrict certain days to be selectable only. For instance: 09/12/2018 09/11/2018 09/10/2018 09/07/2018 09/06/2018 As demo ...
When using the Sencha Touch Picker component, I noticed that if I select a data and then hide the picker, upon showing it again, only the first record is selected each time. I want the picker to display my last selection when shown again. To achieve this ...
Consider this scenario, where I have the following HTML document: <html> <head>... including all the necessary js and css files here...</head> <body> <div class="placeholderForExtPanel"></div> </b ...
I am currently utilizing struts2 for the server-side implementation combined with ExtJS4 for the user interface. I have a basic form that I submit to the server, but the response consistently goes to the failure case of the request even though I am just re ...
Looking for help with assigning static IDs or custom attributes to form fields and buttons in an Ext JS grid using row editing plugin for Selenium test scripts. I know how to rename button text but need to add an attribute for referencing in testing. For ...
I am searching for a method to integrate multiple Angular applications into a single shell Angular application. The concept involves having different teams develop separate Angular apps that can be loaded within a main shell app visible to end users. Thi ...
Utilizing Selenium along with Firefox Webdriver to interact with elements on a webpage that features distinct CSS IDs, which change every time the page loads, is proving to be challenging. The reason for this inconsistency is due to the fact that the webpa ...
While working on my Tree Panel project, I encountered an issue with the display of items in different browsers. The items show up correctly in Firefox but appear empty in Chromium. How is this possible? Here's the JSON data sent to the server: {"tex ...
I am currently in the process of setting up a new ExtJs project by following the instructions provided here. Upon completing the installation of ext-gen, I proceeded to create a new app using the command ext-gen app -a -t moderndesktop -n ModernApp3, but ...
Within my Extjs SPA system, I have integrated Angular along with the necessary modules to be used on a page that is being referred in an external HTML panel in Extjs. While Angular is defined and functioning properly everywhere else, it seems to not work ...
I have a panel with a checkbox inside it. I am trying to figure out how to check if the checkbox is selected or not using an external function. Can someone please assist me with this? this.currentManagerPanel = new Ext.Panel({ border: false, wid ...
As a newcomer to Sencha Touch, I have one simple question that's been on my mind... Can someone explain the distinction between "config" and "defaults" in Sencha Touch? ...
I'm struggling to find a solution to change the background color of a modal cfwindow. The challenge lies in altering the color of the main page behind the cfwindow, rather than the window itself. Despite my understanding that it utilizes ExtJS, I haven't b ...
I have a specific situation with my extjs application, where it sends an ajax request to the backend. Depending on the status of the session, the backend will respond with either json format objects for active sessions or an html page for inactive ones My ...
My main goal is to efficiently include external HTML files and display them on an Ext.Panel in Sencha touch 2.3 by creating a wrapper module for the HTML file that can be instantiated using xtype, with an external Javascript file for event handling. Updat ...
I'm a bit confused about how proxies work in ExtJS. Is it possible to use basic functions with them to both retrieve and store data using just one URL? For instance, can I call users.read() to fetch data and users.save() to save new or edited grid fie ...
TLDR: I am facing difficulties with my OpenLayers map. Specifically, I want to remove and add a layer called 'track', or find a way to plot a triangle based on one set of coordinates and a heading (see below). In my OpenLayers map, there is an image featu ...
Currently, I am working with an Ext.form.CheckboxGroup that contains multiple items of Ext.form.Checkbox. I am wondering if there is a way to iterate through each item within the Ext.form.CheckboxGroup? I attempted the code below without success: for ( ...
First time, long time... I am currently working with Ext JS 4.2.2.1144 My issue revolves around a grid where the information fetched from the server (php) is in JSON format. This data is generated when a user realigns and resizes the columns on the grid an ...
When updating a record, I typically utilize CRUD operations and a store setup similar to the following: storeId: 'storeId', model: 'model', pageSize: 10, autoLoad: true, proxy: { type: 'ajax', ...
Having encountered a situation where I have two different javascript files, I came across an issue. The first file contains a finish button that was initialized by using refs. Now, I need to access this button in the second file using refs. The code snipp ...
I have a JavaScript file from a previous MVC project that generates a basic table using ExtJS. Currently, I'm working on developing a new React application with a navigation bar and sidebar. My goal is to explore the possibility of importing the exis ...
Hello to all the amazing folks at Stack Overflow! I've tried searching for a solution to this issue on Stack Overflow, but I couldn't find anything helpful. Here is my model: Ext.define('soru', { extend: 'Ext.data.Model', fields: [{ n ...
Hey there, I'm a beginner when it comes to extjs 5 and mvvm. I'm attempting to send an ajax request to fetch data from a php file and display it in a treepanel. Below is my store setup: Ext.define('MyApp.store.servicesStore', { extend: 'Ext.data.Tre ...
There appears to be an issue with ExtJS 6 regarding a bug. The problem can be replicated with minimal code in this online demo. In the code snippet below, we have a hidden div: <div id="btn"></div> <div style="display:none" id="outer_contai ...
I am trying to implement a message box that will appear when the user clicks the (X) button of an Ext window. However, I am facing an issue where the window closes before the message box is shown. Below is the code snippet I have written: var assignReport ...
I currently work with EXT JS 4.1.1. Upon receiving a JSON response structured as follows: { values: ["A","B","C"] } I proceed to define a model in the following manner: Ext4.define('model', { extends: 'Ext4.data.model', fields: [ 'name' ] }); ...
I am in the process of configuring an ExtJS combobox to return the value instead of the display value. My issue arises when using ajax to fetch data for the combobox field and simultaneously utilizing getForm().load to load the selected values. In my mode ...
In my current project, I am developing a unique PHP framework that empowers PHP developers to effortlessly craft ExtJS interfaces containing forms, grids, tabpanels, and menus exclusively through PHP classes. To illustrate, creating a TabPanel in this fra ...
Currently, I am utilizing a grid with remote store and pagination due to the sheer volume of records present. The main grid's store is set up as follows: Ext.define('ArD.store.RecordsListStore', { extend: 'Ext.data.Store', model: 'ArD.model.Recor ...
I am currently using mpdf to generate a PDF report in my PHP code. I have successfully been able to save the PDF file and view it by using Output($pdfFilePath), but now I need to send it back to the browser using JSON without saving it on the server. To ac ...
I am having JSON data: {"total":100, "category": [Village, City, School, HighSchool]} for an ExtJS combobox: reader: new Ext.data.JsonReader({ root: 'category'}, [{name: 'category'}]) The data is not loading in the combobox. When I ...
Currently, I am attempting to transmit a json object (extjs client) to an asp.net server-side application: Here is the sample request with logic intact: var orderData = []; for (i = 0; i < checkedList.length; i++) { orderData.push ...
Is there a way to create a multiline input with vertical scrollbars in EXTJS? I tried the following code: noteField = new Ext.form.TextField({ emptyText: 'note...', multiline: true, applyTo: 'txtNote', ...
Currently, I am diving into the world of Ext.js and finding it to be quite distinct from the asp.net ajax library despite some initial similarities. My goal is to populate a grid with test data formatted in JSON. The code snippet below illustrates my atte ...
Consider the following situation. I have an ajax request call in my ExtJS application. By default, the ajax call is set to asynchronous (async: true). On the server side, I also have a method that returns a Task, indicating it is also asynchronous. What i ...
I recently experimented with the dynamic attributes approach in my prototype mongoDB application. This approach essentially structures data like this: { SKU: "Y32944EW", type: "shoes", attr: [ { "k": "manufacturer", "v": "ShoesForAll ...
I've been trying to find a reliable and comprehensive tutorial for JavaScript (JS) and Ajax, but so far my search has been futile. Unlike Python.org for Python or php.net for PHP, I haven't found a satisfactory resource yet. Any recommendations would be gr ...
After receiving a JSON string response from my web service in Extjs 3.4 with the message: {"msg":"Some"}, I am looking to display this 'Some' data in a grid. Ext.onReady(function(){ var store = new Ext.data.JsonStore({ url: "my/json/url. ...
I am a beginner in the world of jsp and ExtJS. I have a jsp file where I am making an AJAX request to a servlet. The servlet responds with a JSON string. However, despite receiving the data, I am unable to populate a ComboBox with it. Let's take a lo ...
In the latest version of ExtJS (6.5.0), I have set up a Store and an editable grid panel: Ext.define('StateStore',{ extend: 'Ext.data.Store', alias: 'store.stateStore', storeId : 'StateStore', fields: ['Id', 'Name', 'SortIndex'], auto ...
Working with Ext Js to develop a dynamic web application can be quite challenging. When making an AJAX call to fetch data from the server, it's often unclear what the data will be until it is received. While some examples suggest adding dynamic object ...
I'm currently working on implementing a pop-up editing feature on a grid in extjs4. Progress so far includes successfully transferring the grid record to a popup panel located in a separate JavaScript file using the following code: handler: function(grid, ...
I have come across similar questions, but none address the specific issue I am facing. My Ext.Ajax.request setup looks like this: var paramsStringVar = 'param1=1¶m2=two¶m3=something¶m4=etc'; Ext.Ajax.request({ url: &ap ...
I am utilizing ExtJS 3.4 and in need of populating a combobox with specific data obtained from a previous XMLHttpRequest, stored in a variable as follows: my_variable = "[{"cod_domini":"1","nom_domini":"Sant Esteve de Palautordera"},{"cod_domini":"2","no ...
I am facing an issue with enabling paging in ExtJs4 grid. The paging toolbar appears to be functioning correctly, however, the paging feature does not seem to work within the grid itself. Can anyone provide guidance on what might be missing? Ext.onReady(f ...
My PHP function is meant for downloading an encrypted file after processing the data The Connect Class is used for database connection class License extends Connect { function __construct() { parent::__construct(); } public func ...
I'm currently implementing the Ext JS Grid component and have a list of fields with their respective data types: ID (int) Name (string) Foods (List<string>) Each user can have multiple foods, selected from a Food DataStore. Displaying this in ...
I am currently working on a web application where users can upload photos using a fileField. I have been struggling to style the button for this feature, as my attempts so far have not been successful. Initially, I tried using the element inspector to iden ...
I am facing an issue with the following code block: run: function(e, row){ var me = this; var container = Ext.getCmp('centercontainer'); try { container.removeAll(); } catch(e) { } // The code snippet below is act ...
Is there a way to change the color when a button is pressed? I tried using the pressedCls config but it didn't work. How can I fix this issue or is there another method to set the CSS when a button is pressed? Thank you so much! Javascript: Ext.create('E ...
Is there a convenient method to choose an item in an Ext.tree.Panel by matching it with an item based on the same attribute in an Ext.grid.Panel? For example, using something like: tree_dir.getSelectionModel().select(grid_file.getSelectionModel().getSelect ...
Utilizing ExtJs 3.1 In my Ext.form.ComboBox, the store includes values such as: "value1", "<value2>", "value3". The issue arises when the combobox dropdown list is displayed, and "<value2>" is being interpreted as an HTML tag. This is causing unwant ...
I have a GridPanel that needs to display a limited number of resources. If there are more resources available than what is currently shown, I would like the panel's header/title to indicate this by displaying text such as "more items available - displ ...
Having trouble loading a simple GridPanel with a Store created in the code behind. I've double-checked everything, but when I add the Store to the GridPanel, it just displays "Loading..." indefinitely without actually loading anything. This is how the Gri ...
I am currently working on a project using Extjs6.0.2, but I have encountered an issue with creating the xtype: 'namefield'. It seems that this type of xtype is supported on Android devices but not on iOS devices. Despite this challenge, I am dete ...