小编Nar*_*hav的帖子

我正在为商店使用过滤器.问题是我想要返回完全匹配.

例如:

如果我aa-1在网格中过滤它将显示aa-1,aa-1***但如果我只想看到所有内容aa-1.

我用它来过滤:

listeners: {
    itemclick: function() {
        var data = grid.getSelectionModel().selected.items[0].data;
        store.clearFilter();
        store.filter('productsCat', data.productsCat);
    }
}

我该怎么做才能完全匹配？

看起来我不是唯一一个遇到这种情况的人.

我需要以gridpanel百分比形式设置列的宽度,以便在任何大小(由于调整大小)时,每列都具有预定义的百分比宽度.我无法通过设置width : 'XY%'每列来实现此目的.

还注意到在sencha论坛1和2上询问了同样的问题.

这也没有帮助:如何在百分比条件下设置Ext.grid.ColumnModel中的宽度？

注意:我不想弯曲列,但想设置百分比.

Extjs大师请轻松一点!

我有一个带有一个文本字段和一个网格的表单面板。现在，我想userinput通过 ViewModel 获取并获取值json以将其发送到服务器。

这里的问题是，我能够绑定文本字段，因此我将文本字段值作为视图模型中的一个参数，但是如何将选定的网格行数据作为viewMolde.getData().

例如：

模型：

 Ext.define('UserModel', {
     extend: 'Ext.data.Model',
     fields: [{
         name: "name",
         type: "string"
     }, {
         name: "gridRecord",
         type: "auto"
     }]
 });

查看型号：

Ext.define('QAVM', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.QAVM',
    model: 'UserModel'
});

看法 ：

 Ext.define('View', {
     extend: 'Ext.form.Panel',
     xtype: 'app-test',
     viewModel: 'QAVM',
     items: [{
         xtype: 'textfield',
         fieldLabel: 'TestInt',
         bind: '{name}' /**ABLE TO BIND and GETTING VALUE In viewModel.getData()*/
     }, {
         xtype: 'grid',
         title: 'Simpsons',
         formBind: true,
         store: 'storeName',
         bind: {
             selection: 'gridSelectedRecord' …

我有一条路线孩子这样的路线:

{
    path: 'dashboard',
    children: [{
        path: '',
        canActivate: [CanActivateAuthGuard],
        component: DashboardComponent
    }, {
        path: 'wage-types',
        component: WageTypesComponent
    }]
}

在浏览器中我想获得激活的父路线

host.com/dashboard/wage-types

如何/dashboard使用Angular 2而不是JavaScript,但我也可以接受JavaScript代码,但主要是Angular 2.

我是 Angular 的新手，使用 NgFor，我正在显示我想要选择它们的元素，单击后我应该在 Component 函数中获取 ID。但我尝试使用 ngModel 并且所有按钮都被选中。

当用户选中复选框时，我试图获取 (hero.id)。我该怎么做？我有哪些错误。

我的 HTML

<div>
  <form (submit)="onSubmit()">
    <tr *ngFor="let hero of heroes">
      <input type="checkbox" name="timeid" value={ {hero.id}} class={{hero.id}}>{{hero.time}}<br>
    </tr>
    <input type="submit" class="btn btn-primary" value="Remove Alarms">
  </form>
</div>

这是我的组件。

import { Component, OnInit } from '@angular/core';
import {ValidateService} from '../../services/validate.service';
import {AlarmService} from '../../services/alarm.service';
import {FlashMessagesService} from 'angular2-flash-messages';
import {Router} from '@angular/router';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {

  hours;
  id: String;
  timeid: String;
  time; …

目前正在进行Angular5课程,经过一段时间的研究后,我仍然完全不了解以下内容:

码:

App.component.html:

      <app-server-element 
      *ngFor="let serverElement of serverElements"
      [element]="serverElement"
       ></app-server-element>

App.component.ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  serverElements = [{type: 'server', name:'Testserver',content:'just a test!'},
                    {type: 'server', name:'Testserver',content:'just a test!'}
];  
   }

服务器element.component.html:

  <p>
    <strong *ngIf="element.type === 'server'" style="color: red">
{{ element.content }}</strong>
    <em *ngIf="element.type === 'blueprint'">{{ element.content }}</em>
  </p>

服务器element.component.ts:

import { Component, OnInit,Input } from '@angular/core';

@Component({
  selector: 'app-server-element',
  templateUrl: './server-element.component.html',
  styleUrls: ['./server-element.component.css']
})
export class ServerElementComponent …

我试图在 ExtJs 中设计一个简单的风险评估矩阵，但面临两个问题。

1. 带有组合框的单元格缺少边框。
2. 我想将整个单元格背景设置为红色。不只是其中的一部分。

请看这个小提琴以获得更好的解释。

如何以Ext.grid.ColumnModel百分比形式设置宽度？

我想使用ExtJS4创建TreePanel.所以我将JSON发送到具有以下格式的代理阅读器

{
    "text": "en",
    "children": {
        "text": "/",
        "children": [{
                "text": "/page",
                "children": [{
                        "text": "/page/new",
                        "children": [],
                        "leaf": true,
                        "expanded": false
                    },
                    {
                        "text": "/page/remove",
                        "children": [],
                        "leaf": true,
                        "expanded": false
                    }
                ],
                "leaf": false,
                "expanded": false
            },
            {
                "text": "/home",
                "children": [],
                "leaf": true,
                "expanded": false
            }
        ],
        "leaf": false,
        "expanded": true
    }
}

如果我希望en节点作为我的根节点,如何配置我的商店.

Ext.define('Example.store.WebItems', {
    extend: 'Ext.data.TreeStore',

    model: 'Example.model.Item',

    proxy: {
        type: 'ajax',
        api: {
            read: 'some/url',
        },
        reader: {
            type: 'json',
            root: 'children' …

我对extjs很新.

我正在尝试使用extjs设计数独游戏.直到现在我已经做了以下事情:

Ext.onReady(function() {

    var i = 0,
        items = [],
        childItems = [];

    for (i = 0; i < 9; ++i) {
        childItems.push({
            xtype: 'container',
            height: 50,

            style: {
                borderColor: '#000000',
                borderStyle: 'solid',
                borderWidth: '1px',
                width: '40px'
            }
        });
    }
    for (i = 0; i < 9; ++i) {
        items.push({
            xtype: 'container',
            height: 150,
            layout: {
                type: 'column'
            },
            style: {
                borderColor: '#000000',
                borderStyle: 'solid',
                borderWidth: '1px',
                width: '143px'
            },
            items: childItems
        });
    }
    Ext.create('Ext.container.Container', {
        layout: {
            type: …