2015年3月26日木曜日

kendo ui use template + datasource + PHP datasourceresult

kendo ui と kendo のtemplate機能 データをphpのdatasourceresultから取得する

sample sourceから実行するが、ことごとくNG
理由: PHPのdatasourceresultのjsonにtotalがあるから

従って、datasourceのschemaにdataを設定する必要がある

    <div id="details"></div>

    <script type="text/x-kendo-template" id="template">
        <h3 style='text'>修理詳細</h3>

        <table>
            <tr>
                <td>
                </td>
            <tr>
        </table>

            #= RepairNo #

    </script>
  
    <script>
            var template = kendo.template($("#template").html());

            var dataSource = new kendo.data.DataSource({
                transport: {
                    read: { url: "./data/RepairdataDetail.php?id=" + vId, type:"GET", datatype: "json" }
                },
                batch: false,
                schema: {
                    data: 'data'
                }
            });

            dataSource.bind("change", function () {
                $("#details").html(kendo.render(template, dataSource.data()));
            });

            dataSource.read();
        });
    </script>

オレンジ色した部分がミソ
1.datasourceのschemaにdataを指定すること
2.datasourdceのデータをbindするには、viewではなく、dataだった

0 件のコメント:

コメントを投稿