Hi Support team,

I encounter this issue while integrating Grid into my application. Our clients provide us a fix Data API like below:

http://11.11.11.11/accountservice.aspx?PageSize=100  get the page which currentpage = 0 ( seqNo: 1~100)
http://11.11.11.11/accountservice.aspx?PageSize=100&CurrentPage=2 get third page (seqNo: 201~300)
http://11.11.11.11/accountservice.aspx?PageSize=100&GetTotal=true get the total count number

The datasource is in JSON format:
[ { UEN:"ST12345",CustName:"AA",Email:"" }, ... ] more than 10K records like this on the server.

Could you please help me with below grid features:
- ServerPaging
- AutoBinding
- Server Sorting

Thanks & Regards,
Bach

I have this grid on one of my pages

My template column renders exactly as it should all good. However i have this on another page
My column template renders 'undefined' as soon as put the template on the column I get this error. has any one else have the problem? I've tried using the clientTemplate as well but the link never postbacks the value and my ID is always null. Can some one point me in the right direction? Thank you in advanced

Hi,

I got this window that the second time is called a JavaScript error shows “TypeError: Cannot read property ‘refresh’ is undefined’
 
Please help.

~~~~~~~~~~~~~~~~~~~~ Code ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

@(Html.Kendo().Window().Name("window").Visible(false).Modal(true).Width(1000).Height(700))


<a onclick="verReporte()" class="btn btn-primary">Ver Reporte</a>


function verReporte() {        var precinto = $("#ddlPrecinto").val();
        var unidad = $("#ddlUnidad").val();
        if (unidad == "<Todos>") {           
            unidad = '';        };
       var status = $("#ddlStatus").val(); 
       var category = $("#ddlCategory").val();
       var data = { reportname: "VoterList.trdx", parameters: "Precinto=" + precinto + ",Unidad=" + unidad + ",Status=" + status + ",Category=" + category };
       var myurl = '@Url.Action("ReportViewerGeneric","Report")';        

       var mywindow = $("#window").data("kendoWindow");
       mywindow.refresh({           
                 url: myurl,   
                 data: data       
         });        
        mywindow.title("");       
        mywindow.center();       
        mywindow.open();      
};

Hi, I want to know how to call the template function for certain column value. I mean the function that the grid applies to a dataSource value to get the value that shows on the grid. I´m not defining any template function for that column, what i need to know is what function the grid applies to every value on a column that doesn´t have a custom template function.
Example:
-In the dataSource i have a date value: Date {Mon Aug 11 2014 00:00:00 GMT+0200}
-In the grid, after the template function i´m looking for is applied to this value, you can see: 11/08/2014.

I´ve looked for it, but couldn´t find it.
Thanks a lot.

When there are multiple handlers for a drop location, after handling the one I want, how do I prevent anymore handlers from firing ?

See http://jsfiddle.net/RichardAD/qYQ7m/

Do I use a kendo feature or capture/bubble I've read about but don't understand yet.

Thanks,
Richard

I'm using a kendo angular grid on a page. The config is this:

$scope.gridData = new kendo.data.ObservableArray($scope.rowData);
          $scope.gridOptions = {
                    columns: [{
                        field: "itemType",
                        title: '<i class=\'fa fa-file-o\'></i>',
                        sortable: false,
                        width: 40
                    },{
                        field: "displayName",
                        title: "Name"
                    }, {
                        field: "owner",
                        title: "Owner"
                    }, {
                        field: "tags",
                        title: "Tags",
                        sortable: {
                            compare: function(data) {
                                return _.filter(data.tags, function(tagObj) {
                                    return (tagObj.state === 'Accepted' || tagObj.state === 'Suggested');
                                }).length;
                            }
                        }
                    }, {
                        field: "fileType",
                        title: "Content Type"
                    }, {
                        field: "size",
                        title: "Size",
                        width: 70
                    }, {
                        field: "lastModificationTime",
                        title: "Last Modified"
                    }],
                    sortable: {
                        mode: "single",
                        allowUnsort: false
                    },
                    columnMenu: true,
                    reorderable: true,
                    resizable: true,
                    selectable: "row",
                    pageable: {
                        pageSize: 25,
                        pageSizes: [25, 50, 100],
                        previousNext: true
                    },
                    rowTemplate: kendo.template($("#browseListGrid").html()),
                    dataSource: $scope.gridData
                };


So if I use this config to generate a grid, the pageSize defaults to the length of the $scope.gridData. If I use $scope.rowData as the dataSource, the pageSize actually works. I have absolutely no idea why this is the way it is...my understanding is that it should work with the array wrapped with ObservableArray. I have reproduced it in the following:

http://dojo.telerik.com/@yazdog8/IlEF

Hello,

Let's say the grid makes a GET to api/tickets/2/lines to get the lines for ticket # 2, and the Web API controller cannot find that ticket.  It creates an HttpResponseMessage like this:


The raw HTTP response is:

In the grid's dataSource, I have defined an error event handler:
The handler gets called, but e.errors is undefined.  Looking at e, there I cannot find the error message, "Ticket not found: 2" anywhere.

How can I get to my message? 

Also, do you have a recommended approach for handling and displaying errors during grid operations (I was planning to use Toastr or similar to display the friendly message, in addition to obviously log details server-side).

Thanks,
Lars

Just as my thread title suggests, I'm trying to find the best way/time to localize any static strings in my listview item templates.

For example:


I have i18next working great in my regular Kendo Web widgets but in my mobile implementation, I can't find a view even that will successfully parse/swap out my localized values (the data-i18n tag).

Any help would be greatly appreciated.

We are currently having issues calling the WCF data service from the Kendo Data Source object. 

Is there something wrong with this initialization? When running the developer tool in browser it returns 400 Bad Request from the service. 

Please help...



var dataSource = new kendo.data.DataSource({
        type: "odata",
        transport:
        {
            read:
            {
                url: "http://localhost:49266/AmRiscOnlineService.svc/tblLocations",
                dataType: "jsonp",
                data: { accId: '@ViewBag.AccountId' },
            }
        },
    });

I have a kendo grid which has collection of checkboxes. It is working fine and collection is posted back to server. Problem is with paging/filtering. If applied, it returns null to controller on post

@(Html.Kendo().Grid(Model.secList)
.Name("secList")
.Columns(columns =>
{
columns.Bound(p => p.SecurityListId).Hidden().ClientTemplate("<input type='hidden' value = '#=SecurityListId #' name='secList[#= index(data)#].SecurityListId'/>");
columns.Bound(p => p.HubId).Hidden().ClientTemplate("<input type='hidden' value = '#=HubId #' name='secList[#= index(data)#].HubId'/>");
columns.Bound(p => p.FormId).Hidden().ClientTemplate("<input type='hidden' value = '#=FormId #' name='secList[#= index(data)#].FormId'/>");
columns.Bound(p => p.DataActionId).Hidden().ClientTemplate("<input type='hidden' value = '#=DataActionId #' name='secList[#= index(data)#].DataActionId'/>");
columns.Bound(p => p.Description).Width(250).Filterable(true);
columns.Bound(p => p.Action).Width(25).Sortable(false).Filterable(false)
.HeaderTemplate("<div align=center><input id='selectall' type='checkbox' checked= 'checked' /></div>")
.ClientTemplate("<div align=center><input type='checkbox' name='secList[#= index(data)#].Action' checked= 'checked' value = 'true'/> <input type='hidden' value = 'false' name='secList[#= index(data)#].Action'/></div> ");
})
.ToolBar(toolbar =>
{
toolbar.Template(@<text>
<div class="toolbar">
<label>Hubs:</label>
@(Html.Kendo().DropDownList()
.HtmlAttributes(new { style = "width:130px" })
.Name("ddlHubs")
.DataTextField("Description")
.DataValueField("HubId")
.DataSource(ds =>
{
ds.Read("GetAllHubs", "SecurityTemplate");
})
)
<label>Forms:</label>
@(Html.Kendo().DropDownList()
.HtmlAttributes(new { style = "width:150px" })
.Name("ddlforms")
.DataTextField("Description")
.DataValueField("FormId")
.DataSource(source => {
source.Read(read =>
{
read.Action("GetAllForms", "SecurityTemplate")
.Data("filterforms");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("ddlHubs"))
<span style="float:right">
<a onclick=' FilterList(this)' class="btn btn-primary round_blue"><i class="icon-search" onclick=' FilterList(this) '></i> &nbsp;Search</a></span>


</div>
</text>);
})
.DataSource(dataSource => dataSource
.Ajax()

.ServerOperation(false)
.Model(model =>
{
model.Id(p => p.SecurityTemplateId);
model.Field(p => p.Description).Editable(false);
model.Field(p => p.Action).Editable(true);

}))
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:320px;" }))

Any Clue?