1

タペストリーで以下の作品を作ろうとしています。

私Dictionary<String, Dictionary<String, Object>>は自分のデータを含む を持っています。

外部ディクショナリのキーを含むドロップダウン メニュー (選択コンポーネント) が 1 つあることを達成しようとしています。

その選択が変更されると、選択したサブディクショナリのキーと値でグリッドを更新する必要があります。

例えば：

Dictionary<String, Dictionary<String, Object>> dictionaries = new Hashtable<String, Dictionary<String, Object>>();

Dictionary<String, Object> dict1 = new Hashtable<String, Object>();
Dictionary<String, Object> dict2 = new Hashtable<String, Object>();

dict1.put("k1", "d1v1");
dict1.put("k2", "d1v2");

dict2.put("k1", "d2v1");
dict2.put("k2", "d2v2");

dictionaries.put("d1", dict1);
dictionaries.put("d2", dict2);

誰かが私に例を挙げたり、私を正しい方向に押し上げたりしてくれますか?

編集：

外部ディクショナリのどのキーが選択されているかに応じてグリッドの内容が変化し、最初の部分が機能するようになりました。

ただし、グリッドの更新と変更の保存に問題があります。

私は自分の GridDataSource を使用しています:

public class EntityDataSource<T> implements GridDataSource {

    private Class<T> persistentClass;

    protected List<T> data;
    protected int count = -1;
    protected int startIndex = 0;


    public EntityDataSource(Class<T> persistentClass, List<T> data) {
        this.persistentClass = persistentClass;
        this.data = data;
    }

    public static final <T> EntityDataSource<T> create(
            Class<T> persistentClass, List<T> data) {
        return new EntityDataSource<T>(persistentClass, data);
    }

    public int getAvailableRows() {
        return this.data.size();
    }

    public void prepare(int startIndex, int endIndex,
            List<SortConstraint> sortConstraints) {
        this.startIndex = startIndex;
        this.data = this.data.subList(startIndex, endIndex + 1);
    }

    public Object getRowValue(int index) {
        return this.data.get(index - this.startIndex);
    }

    @SuppressWarnings("rawtypes")
    public Class getRowType() {
        return this.persistentClass;
    }

}

私のグリッドは次のようになります。

<t:form t:id="configSelectForm">
    <t:select t:id="storageKeySelecter"
          t:model="storageKeyModel"
          t:value="storageKey"
          zone="configZone" />
</t:form>

<t:zone t:id="configZone" id="configZone">
    <t:form t:id="configReviewForm">
        <table width="100%">
            <t:grid t:source="configurationEntrySource"
                    t:add="update, delete"
                    t:row="configurationEntry"
                    t:mixins="DisableGridSorting"
                    t:include="configKey, configValue"
                    t:encoder="configurationEntryEncoder">
                <p:configValueCell>
                    <input t:id="value" t:type="TextField" t:value="configurationEntry.configValue"
                           t:validate="required" t:context="configurationEntry.configValue" />
                </p:configValueCell>

                <p:updateCell>
                    <t:actionlink t:id="update" zone="configZone" context="[configurationEntry.configKey, configurationEntry.configValue]">Update</t:actionlink>
                </p:updateCell>

                <p:deleteCell>
                    <t:actionlink t:id="delete" zone="configZone" context="configurationEntry.configKey">Delete</t:actionlink>
                </p:deleteCell>

            </t:grid>
        </table>
        <br></br>
        <!-- <input type="submit" value="Update" class="button" /> -->
    </t:form>
</t:zone>

リンクの削除を機能させることができましたが、任意のキーの値を更新できないようです。

リンクをクリックして更新すると、テキスト フィールドの値が渡されません。

public Object onActionFromUpdate(String configKey, String configValue) {

    // my stuff here

    return request.isXHR() ? configZone.getBody() : null;
}

configValue は、現在存在するエントリの値であり、変更しようとしている値ではありません。

その値を取得する方法はありますか？私のグリッドには任意の数の行があります。

EDIT2：さらに多くの情報が提供されました

これは私の TML です:

<t:form t:id="configSelectForm">
    <t:select t:id="storageKeySelecter"
          t:model="storageKeyModel"
          t:value="storageKey"
          zone="configZone" />
</t:form>

<br/>

<t:zone t:id="configZone" id="configZone" elementName="div">
    <form t:type="form" t:id="configReviewForm" id="configReviewForm" t:zone="configZone" zone="configZone">
        <table width="100%">
            <t:grid t:source="configurationEntries"
                    t:add="update, delete"
                    t:row="configurationEntry"
                    t:mixins="DisableGridSorting"
                    t:include="configKey, configValue"
                    t:encoder="configurationEntryEncoder" >

                <p:configValueCell>
                    <input t:id="configValueTextField" t:type="TextField" t:value="configurationEntry.configValue"
                           t:validate="required" />
                </p:configValueCell>

                <p:updateCell>
                    <t:actionlink id="update" t:id="update" zone="configZone" t:context="[configurationEntry.configKey, configurationEntry.configValue]">Update</t:actionlink>
                </p:updateCell>

                <p:deleteCell>
                    <t:actionlink id="delete" t:id="delete" zone="configZone" t:context="configurationEntry.configKey">Delete</t:actionlink>
                </p:deleteCell>

            </t:grid>
        </table>
        <br/>
        <input type="submit" value="Update" class="button" zone="configZone"/>
    </form>
</t:zone>

<br/>
<br/>

<t:form t:id="addNewEntryForm">
    <table width="100%">
        <tr>
            <td>
                <input t:id="newEntryKey" t:type="textfield" t:value="newEntry.configKey" 
                       t:validate="required" t:context="newEntry.configKey" />
            </td>

            <td>
                <input t:id="newEntryValue" t:type="textfield" t:value="newEntry.configValue" 
                       t:validate="required" t:context="newEntry.configValue" />
            </td>

            <td>
                <input type="submit" value="Add New Entry" zone="configZone"/>
            </td>
        </tr>
    </table>
</t:form>

これは私のJAVAです：

public class PropertyConfiguration {

    @Inject
    private BeanModelSource beanModelSource;

    @Component
    private Form configReviewForm;

    @Property
    private List<ConfigurationEntry> configurationEntries;

    private List<ConfigurationEntry> persistentEntries;

    @Property
    private ConfigurationEntry configurationEntry = new ConfigurationEntry("", "");

    @Property
    private ConfigurationEntryEncoder configurationEntryEncoder;

    @InjectComponent
    private Zone configZone;

    @InjectComponent
    private TextField configValueTextField;

    @Inject
    private ConfigurationPersitanceDAO dao;

    private GridDataSource dataSource;

    @Inject
    private Messages messages;

    @Property
    private ConfigurationEntry newEntry;

    @Inject
    private Request request;

    @Property
    @Validate("required")
    @Persist(PersistenceConstants.SESSION)
    private String storageKey;

    private StringSelectModel storageKeysSelectModel;

    public ValueEncoder<ConfigurationEntry> getConfigurationEntryEncoder() {
        initConfigurationEntityEncoder();

        return this.configurationEntryEncoder;
    }

    public BeanModel<ConfigurationEntry> getModel() {
        return beanModelSource.createDisplayModel(ConfigurationEntry.class, messages);
    }

    public SelectModel getStorageKeyModel() {
        if (storageKeysSelectModel == null) {
            storageKeysSelectModel = new StringSelectModel(this.dao.getStorageKeys());
        }

        return storageKeysSelectModel;
    }

    private void initConfigurationEntityEncoder() {
        if (this.configurationEntryEncoder == null) {
            this.configurationEntryEncoder = new ConfigurationEntryEncoder(dao, storageKey);
        }
    }

    private void initZoneData() {
        if (this.storageKey == null) {
            this.storageKey = this.dao.getStorageKeys().get(0);
        }
        initConfigurationEntityEncoder();   
    }

    public Object onActionFromDelete(String configKey) {
        System.out.println("Deleting from: " + storageKey + " entry: " + configKey);
        this.dao.deleteConfigurationEntry(storageKey, configKey);

        return request.isXHR() ? configZone.getBody() : null;
    }

    public Object onActionFromUpdate(String configKey, String configValue) {
        this.dao.updateConfigurationEntry(storageKey, configKey, configValue);

        return request.isXHR() ? configZone.getBody() : null;
    }

    void onActivate(String storageKey) {
        initZoneData();
        this.newEntry = new ConfigurationEntry("", "");
    }

    String onPassivate() {
        this.newEntry = new ConfigurationEntry("", "");
        return this.storageKey;
    }

    Object onRefresh() {
        return request.isXHR() ? configZone.getBody() : null;
    }

    Object onSuccessFromAddNewEntryForm() {
        String configKey = this.newEntry.getConfigKey();
        String configValue = this.newEntry.getConfigValue();

        this.dao.addConfigurationEntry(storageKey, configKey, configValue);

        return request.isXHR() ? configZone.getBody() : null;
    }

    void onValidateFromAddNewEntryForm() {
        return;
    }

    Object onValueChangedFromStorageKeySelecter(String storageKey) {
        this.storageKey = storageKey;
        initConfigurationEntityEncoder();
        this.configurationEntries = wrap(this.dao.getConfiguration(storageKey));
        return configZone.getBody();
    }

    private void updateChangedConfigurations(List<ConfigurationEntry> changedEntries) {
        for (ConfigurationEntry changedEntry : changedEntries) {
            String configKey = changedEntry.getConfigKey();
            String configValue = changedEntry.getConfigValue();

            System.out.println("Updated: [" + storageKey + ":" + configKey + ":" + configValue + "]");

            this.dao.updateConfigurationEntry(storageKey, configKey, configValue);
        }
    }

    void onValidateFromConfigReviewForm() {
        this.persistentEntries = wrap(this.dao.getConfiguration(storageKey));
        List<ConfigurationEntry> tmpList = new ArrayList<ConfigurationEntry>();

        for (ConfigurationEntry newEntry : this.configurationEntries) {
            for (ConfigurationEntry oldEntry : this.persistentEntries) {
                System.out.println("NewEntry: " + newEntry.toString() + " vs. OldEntry: " + oldEntry.toString());
                if (oldEntry.getConfigKey().equals(newEntry.getConfigKey())) {
                    if (!oldEntry.getConfigValue().equals(newEntry.getConfigValue())) {
                        newEntry.setConfigValue(newEntry.getConfigValue().trim());
                        tmpList.add(newEntry);
                    }
                }
            }
        }

        this.persistentEntries = tmpList;
    }

    Object onSuccessFromConfigReviewForm() {
        updateChangedConfigurations(this.persistentEntries);

        return request.isXHR() ? configZone.getBody() : null;
    }

    /**
    *   Wraps dictionary entries in instances of ConfigurationEntry
    */
    private List<ConfigurationEntry> wrap(
        Dictionary<String, Object> rawConfiguration) {
        Set<String> keySet = new TreeSet<String>();
        List<ConfigurationEntry> wrappedEntries = new ArrayList<ConfigurationEntry>();

        Enumeration<String> keys = rawConfiguration.keys();

        while (keys.hasMoreElements()) {
            String key = keys.nextElement();
            keySet.add(key);
        }

        for (String key : keySet) {
            String value = (String) rawConfiguration.get(key);

            ConfigurationEntry entry = new ConfigurationEntry(key, value);

            wrappedEntries.add(entry);
        }

        return wrappedEntries;
    }
}

何らかの理由で、「更新」アクション リンクをクリックすると、指定されたテキスト フィールドに書き込んだ値ではなく、ページがレンダリングされたときにデータベースから取得された値が渡されpublic Object onActionFromUpdate(String configKey, String configValue)ます。

たとえば、最初にこれらのペアがあった場合:

key1 => value1
key2 => value2
key3 => value3

値を「newValue2」に変更したかったのですkey2が、メソッドに渡されるパラメーターは「key2」と「newValue2」ではなく「key2」と「value2」です。

同じ問題が、一括更新が機能しない理由です。のすべての値はconfigurationEntries、現在グリッドに書き込まれている値ではなく、データベースからのショットショット値です。

したがって、私の質問は、具体的な例で AJAX を使用して編集可能なグリッドから DB を更新する方法です。SOやその他のインターネットで提案されている多くのことを試しましたが、うまくいかないようで、理由がわかりません。

4

2 に答える 2

3

パラメータを使用する必要がありzoneます。

select コンポーネントの javadocから SelectZoneDemo.tml と SelectZoneDemo.java を見てください。選択が変更されたときにゾーンを更新する例を示します。

より複雑な相互作用については、これに興味があるかもしれません

于 2013-08-07T13:01:26.830 に答える