1

すべてのドキュメント (例: http ://docs.kendoui.c​​om/howto/load-templates-external-files ) を読み、すべてのデモをチェックアウトしましたが、外部テンプレートを非同期的にロードする方法を示す例が表示されません。 Kendo UI の宣言型バインディング構文を使用します。

この動作はすぐにサポートされますか? または、アプリケーション フレームワークに回避策を実装する必要がありますか? 関連情報を掘り下げることはできませんでした。

私がレンダリングしているレイアウト ブロックの例を次に示します。

{
    tag: 'div',
    id: 'summary-insured',
    name: 'summary-insured',
    class: 'summary-detail',
    data: {
        role: 'treeview',
        bind: {
            source: {
                type: 'method',
                hierarchical: true,
                config: {
                    transport: {
                        read: {
                            url: 'Summary.aspx/GetInsureds'
                        }
                    }
                }
            },
            events: {
                pageLoaded: function (e) {
                    // Do something
                },
                change: function (e) {
                    // Do something
                }
            }
        },
        template: 'summary-item-template',
        hasChildren: false
    }   
}...

...次のようにレンダリングされます:

<div class="summary-detail k-widget k-treeview" data-animation="false"
data-bind="source: summaryInsuredSource, events: { pageLoaded: summaryInsuredOnPageLoaded, change: summaryInsuredOnChange }"
data-drag-and-drop="false" data-has-children="false" data-role="treeview"
data-template="summary-item-template" data-text-field="Value"
data-url-field="Key" id="summary-insured" tabindex="0">
    <ul class="k-group k-treeview-lines">
        <li class="k-item k-first k-last" data-uid=
        "56e2308c-3c68-4784-aa3c-6f975645f92c" id=
        "summary-insured_tv_active">
            <div class="k-top k-bot">
                <span class="k-in k-state-focused"></span>

                <div class="name">
                    <span class="k-in k-state-focused"><button class=
                    "control delete sprite sprite-delete" data-id="2320"
                    data-message="Deleting insured..." data-url=
                    "Summary.aspx/DeleteInsured" title=
                    "Delete"><span class="k-in k-state-focused"></span>
                    <a class="link" href="Insured.aspx?id=2320">BOB
                    JOHNSON</a></button></span>
                </div>
            </div>
        </li>
    </ul>
</div>

なぜ私の UI フレームワークがおかしくなっているのかについて、あらゆる種類のばかげたことを聞いてきました。信頼してください。私にはこのように物事を行う理由があり、私が達成しようとしていることを考えれば、多くの選択肢はありません。その上、Magento の人々は、XML 構成ファイルからアプリのフロントエンドと管理インターフェイスをうまく構築しました。そして Wix の人々は、本質的にユーザー定義の構成から何百万ものサイトを生成してきました。Javascript オブジェクト リテラル、JSON、および Kendo UI を使用していることを除いて、私はそれほど大きな違いはありません。

私のデータ バインディング (イベント、値、テキスト、html など) はすべて正常に機能しており、フレームワークは既にデプロイされています。具体的には、テンプレート ソリューションを探しています。

どんな助けでも大歓迎です！

乾杯！

ルーカス

4

0 に答える 0