extjs6

Filter in grid header extjs 6

大憨熊 提交于 2019-12-06 08:19:28
问题 How to create a filter in the grid headers? I found this snippet: https://stackoverflow.com/a/22015160/5775332 and updated to compatibility with 6th version: Ext.define('Fiddle.view.SearchTrigger', { extend: 'Ext.form.field.Text', alias: 'widget.searchtrigger', requires: [ 'Ext.form.trigger.Trigger' ], defaultListenerScope: true, triggers: { search: { handler: function(field, trigger, e) { this.setFilter(this.up().dataIndex, this.getValue()); }, cls: 'x-form-search-trigger' }, clear: {

How to use logical operators inside bind formulas in ExtJS?

拥有回忆 提交于 2019-12-05 05:49:32
I have 3 input fields in a form and want to make the third input enabled only when the first two inputs have values. This doesn't seem to work: Ext.define('MyApp.view.myobj.MyPanel', { extend:'Ext.Panel', viewModel: {}, items: [{ xtype: 'form', defaultType: 'textfield', items: [ {fieldLabel: 'Field 1', reference: 'field1', publishes: 'value'}, {fieldLabel: 'Field 2', reference: 'field2', publishes: 'value'}, { fieldLabel: 'Field 3', bind: { disabled: '{!field1.value} || {!field2.value}' } }, ], }], }); Fiddle In the view model, add a formula to return the value for {!field1.value} || {!field1

Filter in grid header extjs 6

∥☆過路亽.° 提交于 2019-12-04 15:08:59
How to create a filter in the grid headers? I found this snippet: https://stackoverflow.com/a/22015160/5775332 and updated to compatibility with 6th version: Ext.define('Fiddle.view.SearchTrigger', { extend: 'Ext.form.field.Text', alias: 'widget.searchtrigger', requires: [ 'Ext.form.trigger.Trigger' ], defaultListenerScope: true, triggers: { search: { handler: function(field, trigger, e) { this.setFilter(this.up().dataIndex, this.getValue()); }, cls: 'x-form-search-trigger' }, clear: { handler: function(field, trigger, e) { this.setValue(''); if(!this.autoSearch) this.setFilter(this.up()

How to load grid data with json data on ajax sucess

非 Y 不嫁゛ 提交于 2019-12-02 10:19:07
In my ajax sucess i am calling this funcction and there from response I am extracting the data which I need to load. success: function(response){ StoreloadData(this,response); }, In StoreloadData function i am trying to load data in my grid like this but not getting data. StoreloadData(me,response){ var myGrid = Ext.getCmp('#myGrid'); var myGridStore = myGrid.getStore(); var gridData = response.myData.data; var total = gridData[0].recordsCount; myGridStore.load(gridData); // Not loading myGridStore.loadData(gridData); // Not loading myGrid.refresh(); // Error. } Here I have myJSon data in this

ExtJS 6 plugin.rowwidget Resize row body component on grid resize

青春壹個敷衍的年華 提交于 2019-12-02 08:46:25
问题 I have a grid with Ext.grid.plugin.RowWidget. When grid is resized expanded row body components remains with origin width. How I can fix this issue? As temporary solution I added resize event handler as follows listeners: { resize: function (grid) { Ext.each(grid.query('characterPanel'), function (rowBodyComponent) { //if(rowBodyComponent.isVisible()) does not work //rowBodyComponent.updateLayout(); does not work rowBodyComponent.setWidth('100%'); }); } } but it seems bad solution for me.

extjs6 创建工程和打包发布

点点圈 提交于 2019-12-01 05:06:48
准备工作: 下载extjs6的开发包,我这里是试验版:ext-6.6.0-trial.zip。解压到某个目录,我这里解压到:D:\tools\about-ext\ext-6.6.0-trial 目录下 下载并安装extjs6的命令工具:SenchaCmd-6.6.0.13-windows-64bit.zip,配置环境变量,或者将安装好的目录(C:\Users\xiongxiaomeng\bin\Sencha\Cmd)添加到path变量中 创建extjs的工作空间: 打开cmd命令,输入:sencha -sdk D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\ generate workspace D:\git\repositoryspring\myboot\src\main\resources\static 生成extjs的admin-dashboard项目: 命令行输入:sencha generate app -ext -s D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\templates\admin-dashboard App D:\git\repositoryspring\myboot\src\main\resources\static 项目生成成功后,修改app.json文件内容: 将

Stack ExtJS 6 + Spring Boot

走远了吗. 提交于 2019-11-28 06:38:43
问题 I m trying to implements a stack extjs 6 with spring boot. I want extjs6 and spring boot in two separated project in intelliJ. (front-end and back-end) Until now, i m able to point static content to the folder where the extjs6 project is. My folders structures is : back-end : /home/bryan/IdeaProjects/back-end/ front-end : /home/bryan/IdeaProjects/front-end/{var}/ ({var} could be front-office or back-office) All request asking for http://localhost:8080/static deserve /home/bryan/IdeaProjects