Ext JS-验证文本字段

Question

我是Ext JS的新手，因此在验证文本字段时需要som ehelp。

要求用户单击“添加”按钮，然后会出现一个新窗口。 这个新窗口将具有两个文本字段ID和Name。 用户可以在“名称”字段中输入任何内容。 但是ID不应是PLStore中存在的ID。

我知道我需要使用验证器，但是如何遍历PlStore值？

{xtype: 'form',
            bodyPadding: 10,
            title: '',
            items: [
                {
                    xtype: 'textfield',
                    store: 'PLStore',
                    anchor: '100%',
                    fieldLabel: 'ID'
                },
                {
                    xtype: 'textfield',
                    anchor: '100%',
                    fieldLabel: 'Name'
                },

PLStore包含以下XML：

<?xml version="1.0" encoding="utf-8"?>
<Rowsets CachedTime="" DateCreated="2015-06-29T06:30:24" EndDate="2015-06-29T06:30:24" StartDate="2015-06-29T05:30:24" Version="15.0 SP4 Patch 4 (Jun 3, 2015)">
    <Rowset>

        <Row>
            <PLName>CA</PLName>
            <PLID>1001</PLID>
        </Row>
<Row>
            <PLName>VA</PLName>
            <PLID>1002</PLID>
        </Row>
<Row>
            <PLName>MH</PLName>
            <PLID>1003</PLID>
        </Row>

    </Rowset>
</Rowsets>

因此，如果用户将ID设置为1001、1002或1003，则会弹出错误。

怎么做呢？

提前致谢 ！

Answer 1

如果您使用的是Ext> 4.0ish，那么您将通过Validator属性进入正确的轨道。 您应该能够将此设置为自定义函数，并在其中进行验证。 为了对商店进行检查，一种选择是为该商店分配一个storeId以便您可以获取对其的引用以进行验证。 因此，您的“ id”字段配置可能类似于：

{
    xtype: 'textfield',
    anchor: '100%',
    fieldLabel: 'ID',
    validator: function(fieldVal) {
        var ds = Ext.getStore('myStoreId'),
            ix = ds.find('id', fieldVal);
        return ix < 0;
    }
}

其中“ myStoreId”是您为数据存储分配的“ storeId”，而“ id”被假定为我们要查找的字段的ID。

自从我使用该框架以来已经有一段时间了，因此这里提供文档以防万一我错过了语法中的某些内容：

http://docs.sencha.com/extjs/4.2.3/#!/api

希望这可以帮助！