return kendo.stringify(data); }'); $model = new \Kendo\Data\DataSourceSchemaModel(); $schema = new \Kendo\Data\DataSourceSchema(); $schema->data('data')->total('total'); $dataSource = new \Kendo\Data\DataSource(); $dataSource->transport($transport)->pageSize(10)->schema($schema)->serverPaging(true); $grid = new \Kendo\UI\Grid('grid'); $firstName = new \Kendo\UI\GridColumn(); $firstName->field('FirstName')->title('First Name'); $lastName = new \Kendo\UI\GridColumn(); $lastName->field('LastName')->title('Last Name'); $title = new \Kendo\UI\GridColumn(); $title->field('Title'); $command = new \Kendo\UI\GridColumnCommandItem(); $command->click('commandClick')->text('View Details'); $commandColumn = new \Kendo\UI\GridColumn(); $commandColumn->addCommandItem($command)->title(' ')->width(140); $grid->addColumn($firstName, $lastName, $title, $commandColumn)->dataSource($dataSource)->height(260)->pageable(true); echo $grid->render(); $window = new \Kendo\UI\Window('details'); $window->title('Customer Details')->modal(true)->visible(false)->resizable(false)->width(300); echo $window->render(); ?> <script type="text/x-kendo-template" id="template"> <div id="details-container"> <h2>#= FirstName # #= LastName #</h2> <em>#= Title #</em> <dl> <dt>City: #= City #</dt>