Hi,
I recently implemented serverPaging on my grid, however I noticed that when I sort it only sorts the data on that page and not the data as a whole.  I have added serverSorting: true, but this now stops any kind of sorting.  Can anyone assist on how to get this working or point me in the direction on some examples in PHP?   That would be much appreciated.

    $(document).ready(function() {

        $("#grid").kendoGrid({
            dataSource: {
                transport: {
                    read: {
                        dataType: "json",
                        url: "<?php echo BASE_PATH; ?>admin/account_data"
                    }
                },
                schema: {
                    total: "total",
                    data: "result",
                    model: {
                        fields: {
                            id: {type: "number"},
                            name: {type: "string"},
                            company: {type: "string"},
                            email: {type: "email"}
                        }
                    }
                },
                serverPaging: true,
                serverFiltering: true,
                serverSorting: true,
                pageSize: 25
            },
            scrollable: false,
            sortable: true,
            filterable: true,
            selectable: "row",
            detailTemplate: kendo.template($("#detailTemplate").html()),
            detailInit: detailInit,
            pageable: {refresh: true, },
            columns: [
                {field: "id", title: "ID", filterable: false},
                {field: "name", title: "Name"},
                {field: "company", title: "Company"},
                {field: "email", title: "Email"}
            ],
            editable: "inline"
        });

 // The PHP code getting the data


    function account_data() {

        //get current page from URL
        $get = $_SERVER['REQUEST_URI'];

        parse_str($get);
        if (isset($page)) {
            if ($page == 1) {
                $start = 1;
            } else {
                $start = $skip + 1;
            }
            $limit = $page * $pageSize;
        } else {
            $start = 0;
            $limit = 50;
        }

        $data= $admin->getData($start, $limit);
        $countData = $admin->countData($start, $limit);

        $data_arr['result'] = $data;
        $data_arr['total'] = $countData ;
       
$this->set('accounts_data', $data_arr);
    }

Hi,
Please take a look at the attached sample.
I'm creating a grid with a row template. As long as i havnt changed any data the blur event of each input is invoked properly.
However , after changing a value and leaving the input , the grid is re-binded and it looks like all the inputs are being recreated !!! (blur event no longer works...).
Why does the grid re-creates the entire inputs and not updates the specific input that was modified.
Currently ,when having a bigger grid this actually causes a real performance issue , as every value hang causes the grid to -rebind and the browser hangs for a second (which is very annoying to users...)
Can you please help ?
Is there a way to tell the grid to  not to be fully refreshed ?
Does it require to create a grid without using the kendo..bind command ?
If so how can I insert data-role items to the grid (if I add data-role items to the example http://demos.kendoui.com/web/grid/rowtemplate.html it doest really work...)
thx for the help
Sagi 

Hello Everyone,

I am writing an web application with Kendo mobile. It seems iOS 7 safari button bar will cover last item in a long liveView. See attachment please.
I am seeking a  way to either hide button bar of iOS 7 safari or resize the page itself. Anyone has suggestions?

Thanks in advance!

-Marco

Hi - I have a Data Source defined for some fields on our webpage.  The first time in, it reads the data just fine.  Our users can select another value from a filter on the page, and when they click the an apply button, it should refresh the data, but it doesn't seem to do the read.  I'm not getting any errors, it just isn't doing the second read.

Any ideas?


And to read it:

kdsStudentInformation.read();

thanks!

Hi Greg,

I would suggest to add "min" validation rule or define a custom one - for more information you can check this article.

Also about the template error - in current case I would suggest to add additional logic to the template where if the "vendorID" is null to return empty template. Additionally you can define "default" value for current field in the dataSource schema definition. 

I'm currently evaluating Kendo UI for our new hybrid mobile app. So far everything went fine, but I just can't get my Kendo UI test project build into a standalone app using Phonegap. I just tried Android using this tutorial regarding the integration part of Kendo  UI:

http://www.kendoui.com/blogs/teamblog/posts/12-02-22/building_your_first_kendo_ui_mobile_phonegap_application.aspx

This does work (basically), but in the resulting app nothing is really working (links, listviews etc.).

My question is: is there a more recent tutorial on how to integrate Kendo UI with Phonegap/Cordova? The one above seems outdated to me (i.e. there is no phonegap-*.js in the phonegap download).
If there is no tutorial that works with Phonegap 2.9., could some one spare a few minutes and tell me how to get the Kendo UI stuff into a freshly created phonegap www structure?

Btw: I tried the cloud service of the Phonegap builder, which works fine, but is not suitable for us. I need to build it locally. As I mentioned, Phonegap is set up locally and runs fine. I just need help with integrating Kendo UI.

Thanks a lot in advance,
Roman

Hi,
I have followed this sample to see how validation works on the grid.

http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/serverside-validation-during-pop-up-editing-not-working-with-custom-template.aspx

But I am unable to make it work with incell editing. When I change the edit mode to incell, the grid no longer has editable object available.

I guess what I am trying to do is somehow get the uid of the grid cell that caused the validation, and then use that and iterate over 

$(

 

"#Grid").data("kendoGrid").tbody to find the elment in the grid where I want to display the validation error as a tooltip

Thanks

 

I am working in an application where it is necessary to set  document.domain. This is non-negotiable. When document.domain is set and I am using localhost or a FQDM then I get an "Access Denied" error from Kendo. It has something to do with creating or accessing the iframe for the editor. The error occurs on line 301 of kendo.editor.js:


You can reproduce this issue by taking the editor demo (found here: examples\web\editor\index.html) and adding the following script tag at the end of the head:
Setting the document.domain after the editor is initialized obviously works but probably wont always be an option. How can I get the editor to work after document.domain is set?

This occurs in IE 8 & 9. The version of Kendo I am using is 2013.2.716.

Hi,
I am using Kendo Grid Hierarchy in my ASP.Net Web application.
 For each row in my parent table, i have an option to print that row details.
My parent table is associated with a model. Each row in this parent table has several columns:
- ID
- Product Name
- External Number
- Print button
Here is my problem,
I need to print parent row before I explore the child table. That means before I use detailInit(e) function I need to get selected row ID to print that row.
My print function is,

 $("#GridName").on("click", ".k-grid-print", function (e) {
            e.preventDefault();
            var dataItem = $(e.target).closest('td').siblings(':first-child').text();     
            alert( dataItem );  
});
But in here "dataItem" is always empty. If I remove child table from the grid. Its worked. So How I can solve this problem ??

Regards,
Rukz

I have Gauge chart with pointer value  3 as shown in attached screen shot. Now how to add custom label at  3